:root{--beige: #f6eddc;--beige-dark: #e6d8c2;--mint: #8fd9c8;--mint-dark: #56bfa6;--coral: #f5a6b1;--choco: #5a3b2d;--cream: #fff7ec;--shadow: 0 12px 30px rgba(90, 59, 45, .18);--pastel-border: #f0c7d5}*{box-sizing:border-box}body{margin:0;font-family:"Baloo 2",Fredoka,sans-serif;color:var(--choco);background-color:var(--beige);background-image:url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='27' y1='0' x2='27' y2='28' stroke='%235a3b2d' stroke-opacity='0.16'/%3E%3Cline x1='0' y1='27' x2='28' y2='27' stroke='%235a3b2d' stroke-opacity='0.16'/%3E%3C/svg%3E");background-size:28px 28px;min-height:100vh}.page{padding:32px 16px 48px}.app-shell{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:28px}.brand-bar{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:var(--cream);border-radius:24px;border:2px solid var(--pastel-border);box-shadow:var(--shadow);position:static;animation:popIn .7s ease}.brand-bar h1{margin:4px 0 0;font-size:clamp(1.6rem,2vw,2.4rem)}.kicker{margin:0;text-transform:uppercase;letter-spacing:.16em;font-weight:600;color:var(--mint-dark);font-size:.75rem}.user-pill{display:flex;align-items:center;gap:12px;background:var(--beige-dark);padding:10px 14px;border-radius:999px;font-weight:600;border:2px solid var(--pastel-border)}.login-grid,.dashboard{display:grid;gap:22px}.login-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.dashboard{grid-template-columns:minmax(0,1fr) 300px;align-items:start}.dashboard-main{display:grid;gap:22px}.dashboard-side{display:grid;gap:22px;position:sticky;top:24px}.card{background:var(--cream);border-radius:22px;padding:22px;border:2px solid var(--pastel-border);box-shadow:var(--shadow);animation:floatIn .6s ease forwards;position:relative;z-index:1}.card h2{margin-top:0}.card-header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.splash{background:var(--cream)}.muted{color:#5a3b2db3}.form{display:grid;gap:14px;margin-top:14px}label{display:grid;gap:8px;font-weight:600}input,select,textarea{padding:12px 14px;border-radius:14px;border:2px solid #f0c7d5;font-family:inherit;background:#fffdf8;box-shadow:0 6px 14px #f5a6b12e}input:focus,select:focus,textarea:focus{outline:2px solid var(--mint);border-color:#8fd9c8}textarea{resize:vertical;min-height:120px}button{font-family:inherit;cursor:pointer}.primary{background:var(--mint);color:var(--choco);border:none;padding:12px 16px;border-radius:16px;font-weight:700;box-shadow:0 8px 20px #56bfa659;transition:transform .2s ease,box-shadow .2s ease}.primary:hover{background:var(--mint-dark);color:#fff;transform:translateY(-2px);box-shadow:0 14px 24px #56bfa666}.ghost{background:transparent;border:2px dashed rgba(90,59,45,.35);padding:8px 12px;border-radius:999px;font-weight:600}.pill-row{display:flex;flex-wrap:wrap;gap:10px}.pill{padding:10px 16px;border-radius:999px;border:2px solid var(--pastel-border);background:#fffdf6;font-weight:600;transition:transform .2s ease,box-shadow .2s ease}.pill.active{background:var(--coral);border-color:#f2b8c6;color:#3c1d12}.pill:hover:not(:disabled){transform:translateY(-2px) rotate(-1deg);box-shadow:0 8px 14px #f5a6b159}.pill:disabled{opacity:.5;cursor:not-allowed}.materials-controls{display:flex;justify-content:flex-end;margin-top:8px;gap:12px;flex-wrap:wrap}.inline-field{display:grid;gap:6px;font-weight:600;max-width:260px}.materials-list{display:grid;gap:12px;margin-top:12px}.material{border:2px solid var(--pastel-border);background:#fffdf8;border-radius:18px;padding:14px;display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;transition:transform .2s ease,box-shadow .2s ease}.material-details{display:grid;gap:8px}.material.active{border-color:var(--mint-dark);box-shadow:0 10px 20px #56bfa633}.material:hover{transform:translateY(-2px);box-shadow:0 10px 18px #5a3b2d1f}.material-type{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;background:var(--mint);color:#fff;padding:4px 8px;border-radius:999px;width:fit-content}.material-name{font-weight:700}.material-date{font-size:.85rem;font-weight:600;color:#5a3b2db3;white-space:nowrap}.viewer{background:#fff6e6}.viewer-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.viewer-actions .primary{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px}.viewer-frame{width:100%;height:75vh;border:2px solid var(--pastel-border);border-radius:16px;background:#fff}.viewer-media{width:100%;max-height:70vh;border:2px solid var(--pastel-border);border-radius:16px;background:#fff}.alert{background:#fff1f3;border:2px solid var(--pastel-border);padding:10px 12px;border-radius:12px;font-weight:600}.tag{background:var(--beige-dark);padding:6px 12px;border-radius:999px;font-size:.85rem;font-weight:700;border:2px solid var(--pastel-border)}.admin{border:3px dashed rgba(86,191,166,.4)}.admin-form{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:end}.admin-divider{margin-top:16px;padding-top:12px;border-top:2px dotted rgba(90,59,45,.2)}.user-list{display:grid;gap:10px}.user-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:16px;border:2px solid var(--pastel-border);background:#fffdf8}.user-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.user-name{font-weight:700}.announcements{border:2px dashed rgba(245,166,177,.6)}.announcement-list{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:10px}.announcement-list li{background:#fff7fb;border-radius:16px;padding:10px 12px;font-weight:600;border:2px solid var(--pastel-border);box-shadow:0 6px 12px #f5a6b133}.meeting{background:#f0fbf7;border:2px solid rgba(86,191,166,.35)}.meeting-link{display:inline-flex;justify-content:center;width:100%;text-decoration:none;text-align:center}.login-art{display:grid;place-items:center;padding:12px}.login-art img{width:100%;max-width:420px;height:auto;border-radius:18px;box-shadow:0 10px 20px #5a3b2d33}@keyframes floatIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes popIn{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 720px){.brand-bar{flex-direction:column;align-items:flex-start;gap:16px}.user-pill{width:100%;justify-content:space-between}.viewer-frame{height:60vh}.viewer-actions{width:100%;margin-bottom:12px}.viewer-actions .primary,.viewer-actions .ghost{flex:1;justify-content:center;text-align:center}.dashboard{display:flex;flex-direction:column}.dashboard-side{position:static;order:-1;width:100%}.announcements,.meeting{width:100%}.material{flex-direction:column;align-items:flex-start}.materials-controls{justify-content:flex-start}}