:root{--ink:#17212b;--muted:#65717d;--navy:#16324f;--blue:#1f6feb;--teal:#18a999;--paper:#f5f7fa;--surface:#fff;--line:#dfe5ec;--danger:#c33b32;--shadow:0 10px 30px rgba(22,50,79,.1);--radius:16px;--tap:48px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--paper)}button,input,select{font:inherit}button,select,input{min-height:var(--tap);border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink)}button{padding:0 18px;font-weight:700;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(31,111,235,.3);outline-offset:2px}.primary{border-color:var(--blue);background:var(--blue);color:#fff}.ghost{background:transparent}.danger{color:var(--danger);border-color:#efc9c5}.wide{width:100%}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 80% 10%,#d9f3ef,transparent 35%),linear-gradient(145deg,#eef3f8,#fff)}.auth-card{width:min(420px,100%);background:var(--surface);padding:42px;border-radius:24px;box-shadow:var(--shadow)}.auth-card h1{font-size:2.3rem;margin:.25rem 0}.auth-card form{display:grid;gap:10px;margin-top:28px}.eyebrow{color:var(--teal);font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:.75rem}.brand-mark{width:58px;height:58px;display:grid;place-items:center;border-radius:17px;background:var(--navy);color:#fff;font-size:1.65rem;font-weight:900}.brand-mark.small{width:36px;height:36px;border-radius:10px;font-size:1rem}.error{color:var(--danger);min-height:1.2em}.topbar{height:68px;display:flex;align-items:center;gap:18px;padding:0 24px;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--navy);font-weight:900;font-size:1.15rem}.top-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.top-actions select{padding:0 12px}.menu-button{display:none}.workspace{display:grid;grid-template-columns:220px 1fr;min-height:calc(100vh - 68px)}.sidebar{padding:24px 14px;background:#eef2f6;border-right:1px solid var(--line)}.sidebar a{display:flex;align-items:center;gap:13px;min-height:52px;padding:0 16px;border-radius:12px;text-decoration:none;color:#45515e;font-weight:750;margin-bottom:6px}.sidebar a.active{background:var(--navy);color:#fff}.content{padding:30px;min-width:0}.page-head{display:flex;align-items:center;gap:14px;margin-bottom:24px}.page-head h1{margin:0;font-size:1.75rem}.page-head .actions{margin-left:auto;display:flex;gap:9px;flex-wrap:wrap}.filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}.filters select{min-width:200px;padding:0 12px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 3px 14px rgba(22,50,79,.05)}.list{overflow:hidden}.row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px;padding:16px 20px;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:0}.row-main{min-width:0}.row-title{font-weight:800}.row-sub{color:var(--muted);font-size:.9rem;margin-top:3px}.row-actions{display:flex;gap:8px}.icon-button{width:var(--tap);padding:0;font-size:1.15rem}.empty{padding:48px 24px;text-align:center;color:var(--muted)}dialog{width:min(520px,calc(100% - 30px));border:0;border-radius:18px;padding:0;box-shadow:0 24px 70px rgba(0,0,0,.22)}dialog::backdrop{background:rgba(14,28,42,.48)}dialog form{padding:26px;display:grid;gap:13px}dialog h2{margin:0 0 5px}dialog label{font-weight:700;font-size:.9rem}dialog input,dialog select{width:100%;padding:0 12px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.session-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:20px}.room-canvas{position:relative;aspect-ratio:10/7;overflow:hidden;min-height:420px;background-color:#dce4ec;background-position:center;background-size:cover;border-radius:var(--radius);border:1px solid var(--line);touch-action:none}.seat{position:absolute;transform:translate(-50%,-50%);width:76px;height:76px;border:3px solid var(--seat,#1f6feb);border-radius:14px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 5px 14px rgba(0,0,0,.13);font-size:.73rem;text-align:center;padding:4px;user-select:none;touch-action:none}.seat strong{font-size:.78rem}.seat.selected{outline:4px solid #ffcb45}.eval-dots{display:flex;gap:3px;margin-top:4px}.eval-dot{width:12px;height:12px;min-height:12px;padding:0;border:0;border-radius:50%;background:#d8dde3}.eval-dot[data-value="1"]{background:#d93025}.eval-dot[data-value="2"]{background:#f97316}.eval-dot[data-value="3"]{background:#fbbc04}.eval-dot[data-value="4"]{background:#10b981}.eval-dot.active{outline:2px solid #17212b;outline-offset:1px}.session-panel{padding:18px}.session-panel h2{font-size:1rem;margin:0 0 12px}.session-panel button,.session-panel select{width:100%;margin-bottom:9px}.random-student{padding:16px;border-radius:12px;background:#fff5cc;text-align:center;font-weight:850;margin:14px 0}.evaluation-row{grid-template-columns:minmax(150px,1fr) repeat(5,48px)}.score-button{width:44px;padding:0;border-radius:50%}.score-button.active{color:#fff;background:var(--navy)}.room-editor{position:relative;aspect-ratio:10/7;min-height:420px;background:#e8edf2;background-position:center;background-size:cover;border:1px solid var(--line);border-radius:var(--radius);touch-action:none}.place{position:absolute;width:56px;height:56px;transform:translate(-50%,-50%);border:3px solid var(--place);background:color-mix(in srgb,var(--place) 18%,white);border-radius:9px;cursor:grab;touch-action:none}.place.active{outline:4px solid #17212b}.toast{position:fixed;right:22px;bottom:22px;background:var(--navy);color:#fff;padding:14px 18px;border-radius:12px;box-shadow:var(--shadow);opacity:0;transform:translateY(15px);pointer-events:none;transition:.2s;z-index:60}.toast.show{opacity:1;transform:none}
@media(max-width:820px){.workspace{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:68px;bottom:0;width:230px;z-index:30;transform:translateX(-100%);transition:.2s;box-shadow:var(--shadow)}.sidebar.open{transform:none}.menu-button{display:block}.content{padding:20px}.session-layout{grid-template-columns:1fr}.session-panel{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.session-panel>*{margin:0!important}.trimester-label{display:none}.room-canvas,.room-editor{min-height:360px}}
@media(max-width:560px){.topbar{padding:0 12px}.brand span:last-child{display:none}.top-actions .ghost{font-size:0;width:48px;padding:0}.top-actions .ghost::after{content:'↪';font-size:1.2rem}.content{padding:16px}.page-head{align-items:flex-start;flex-wrap:wrap}.page-head .actions{width:100%;margin-left:0}.page-head .actions button{flex:1}.row{padding:14px}.evaluation-row{grid-template-columns:1fr repeat(5,40px);gap:4px}.score-button{width:38px;min-height:38px}.session-panel{grid-template-columns:1fr}.auth-card{padding:30px 24px}.room-canvas,.room-editor{min-height:300px}}