.app-toast[data-v-32cfa879]{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);z-index:9999;display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;border-radius:999px;background:#0f172aeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 30px #0006;color:#e2e8f0;font-size:.85rem;font-weight:500;white-space:nowrap;pointer-events:none}.app-toast.warning[data-v-32cfa879]{border-color:#eab30866;color:#fde047}.app-toast.error[data-v-32cfa879]{border-color:#ef444466;color:#fca5a5}.app-toast.success[data-v-32cfa879]{border-color:#22c55e66;color:#86efac}.toast-icon[data-v-32cfa879]{font-size:1rem}.toast-slide-enter-active[data-v-32cfa879]{transition:all .35s cubic-bezier(.34,1.56,.64,1)}.toast-slide-leave-active[data-v-32cfa879]{transition:all .25s ease-in}.toast-slide-enter-from[data-v-32cfa879],.toast-slide-leave-to[data-v-32cfa879]{opacity:0;transform:translate(-50%,20px) scale(.9)}.app{display:flex;flex-direction:column;height:100vh;background:#070b14;overflow:hidden}header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background:#0c1222;border-bottom:1px solid #1a2233;flex-shrink:0}.branding{display:flex;align-items:center;gap:.75rem}.branding h1{font-size:1rem;font-weight:700;background:linear-gradient(135deg,#00d2ff,#22c55e);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.status-pill{font-size:.65rem;padding:.2rem .6rem;border-radius:999px;background:#1e293b;color:#64748b}.status-pill.active{background:#22c55e26;color:#22c55e}.header-actions{display:flex;align-items:center;gap:.5rem}.header-nav{display:flex;align-items:center;gap:.25rem}.nav-link{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;text-decoration:none;font-size:1rem;transition:background .2s;color:inherit}.nav-link:hover{background:#1e293b}.nav-link.router-link-active{background:#3b82f633}.session-timer{font-family:SF Mono,monospace;font-size:.75rem;color:#60a5fa;padding:.2rem .5rem;background:#60a5fa1a;border-radius:6px}.avatar{width:28px;height:28px;border-radius:50%;border:2px solid #1e293b}.username{font-size:.8rem;color:#94a3b8;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-btn{padding:.3rem .5rem;border-radius:6px;border:1px solid #1e293b;background:transparent;color:#94a3b8;cursor:pointer;font-size:.8rem;transition:all .2s}.header-btn:hover{background:#1e293b;color:#e2e8f0}.header-btn.logout{color:#ef4444}.header-btn.logout:hover{background:#ef44441a}.login-btn{padding:.4rem 1rem;border-radius:8px;border:none;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;cursor:pointer;font-weight:600;font-size:.85rem}.content{flex:1;display:flex;flex-direction:column;overflow:hidden}.sidebar{width:280px;flex-shrink:0;display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;overflow-x:hidden}.sidebar::-webkit-scrollbar{width:3px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:#1e293b;border-radius:3px}.cam-student,.cam-work{position:relative;min-height:0;display:flex;flex-shrink:0}.cam-student :deep(.camera-view),.cam-work :deep(.camera-view){flex:1}.sidebar-metrics{display:grid;grid-template-columns:1fr 1fr;gap:.35rem}.metric-card{background:#0c1222;border:1px solid #1a2233;border-radius:10px;padding:.45rem .55rem;display:flex;flex-direction:column;gap:.2rem;transition:border-color .3s}.metric-card:hover{border-color:#2a3a55}.metric-header{display:flex;align-items:center;gap:.3rem}.metric-icon{font-size:.75rem}.metric-title{font-size:.55rem;text-transform:uppercase;letter-spacing:.05em;color:#475569;font-weight:600}.metric-value{font-size:.75rem;font-weight:600;color:#e2e8f0}.engagement-card{align-items:center;grid-column:span 2}.engagement-ring{position:relative;width:48px;height:48px}.ring-svg{width:100%;height:100%;transform:rotate(-90deg)}.ring-bg{fill:none;stroke:#1a2233;stroke-width:5}.ring-fill{fill:none;stroke-width:5;stroke-linecap:round;transition:stroke-dasharray .5s ease}.ring-fill.high{stroke:#22c55e}.ring-fill.medium{stroke:#eab308}.ring-fill.low{stroke:#ef4444}.ring-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:#e2e8f0}.presence-present{border-color:#22c55e4d}.presence-away{border-color:#eab3084d}.emotion-happy{border-color:#22c55e4d}.emotion-confused{border-color:#eab3084d}.emotion-tired,.emotion-sad,.emotion-angry{border-color:#ef44444d}.gaze-indicator{display:flex;justify-content:center}.gaze-grid{width:32px;height:32px;border:1px solid #1e293b;border-radius:6px;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#0c1222,#070b14)}.gaze-dot{width:6px;height:6px;border-radius:50%;background:#ef4444;transition:transform .2s ease,background .3s;box-shadow:0 0 6px #ef444488}.gaze-dot.on-screen{background:#22c55e;box-shadow:0 0 6px #22c55e88}.alert-warning{border-color:#eab30866}.alert-critical{border-color:#ef444466;background:#ef44440d}.suspicion-bar{height:4px;background:#1a2233;border-radius:2px;overflow:hidden}.suspicion-fill{height:100%;background:linear-gradient(90deg,#eab308,#ef4444);border-radius:2px;transition:width .5s}.sidebar-cta{display:flex;justify-content:center;flex-shrink:0;padding:.25rem 0;margin-top:auto}.start-btn{display:flex;align-items:center;justify-content:center;gap:.4rem;width:100%;padding:.5rem 1rem;border-radius:10px;border:none;background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;transition:all .3s;box-shadow:0 4px 20px #3b82f64d}.start-btn:hover{transform:translateY(-1px);box-shadow:0 6px 24px #3b82f666}.start-icon{font-size:.95rem}.end-btn{width:100%;padding:.4rem 1rem;border-radius:8px;border:1px solid rgba(239,68,68,.3);background:transparent;color:#ef4444;cursor:pointer;font-size:.8rem;transition:all .2s}.end-btn:hover{background:#ef44441a}.main-area{flex:1;min-width:0;display:flex;flex-direction:column;gap:.5rem}.break-reminder{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.6rem 1rem;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:12px;flex-shrink:0}.break-content{display:flex;align-items:center;gap:.5rem}.break-icon{font-size:1.2rem}.break-text{font-size:.8rem;color:#fbbf24}.break-dismiss{padding:.3rem .75rem;border-radius:6px;border:1px solid rgba(245,158,11,.3);background:transparent;color:#fbbf24;cursor:pointer;font-size:.75rem;white-space:nowrap;transition:background .2s}.break-dismiss:hover{background:#f59e0b26}@media (max-width: 900px){.content{flex-direction:column}.sidebar{width:100%;flex-direction:row;overflow-x:auto;overflow-y:hidden;gap:.35rem}.cam-student,.cam-work{width:200px;flex-shrink:0}.sidebar-metrics{display:flex;flex-direction:row;gap:.35rem}.sidebar-metrics .metric-card{min-width:100px}.sidebar-cta{margin-top:0;width:auto}}.dashboard-overlay{position:fixed;top:48px;right:.5rem;z-index:100;max-height:calc(100vh - 60px);box-shadow:-4px 4px 30px #00000080}.login-screen{flex:1;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#0c1222,#070b14 70%)}.login-card{text-align:center;padding:2.5rem;background:#0c1222;border:1px solid #1e293b;border-radius:20px;max-width:380px;width:90%}.login-emoji{font-size:3rem;margin-bottom:.5rem}.login-card h2{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#00d2ff,#22c55e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.25rem}.login-card p{color:#64748b;font-size:.85rem}.login-sub{margin:1rem 0;color:#475569;font-size:.8rem;line-height:1.5}.login-btn-large{display:block;width:100%;padding:.75rem;border-radius:12px;border:none;background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s;box-shadow:0 4px 20px #3b82f64d;margin-bottom:1rem}.login-btn-large:hover{transform:translateY(-2px);box-shadow:0 6px 24px #3b82f666}.login-privacy{font-size:.7rem;color:#334155}.slide-up-enter-active,.slide-up-leave-active{transition:all .3s ease}.slide-up-enter-from,.slide-up-leave-to{transform:translateY(10px);opacity:0}.floating-bubble{position:absolute;top:15px;left:50%;transform:translate(-50%);z-index:50;display:flex;align-items:center;gap:.4rem;padding:.4rem .8rem;background:#0f172ad9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:999px;box-shadow:0 4px 20px #00000080;pointer-events:none;max-width:90%}.floating-bubble.warning{border-color:#eab30866;background:#eab30826;color:#fde047}.floating-bubble.alert{border-color:#ef444466;background:#ef444426;color:#fca5a5}.floating-bubble.encouragement{border-color:#22c55e66;background:#22c55e26;color:#86efac}.floating-bubble.info{border-color:#3b82f666;background:#3b82f626;color:#93c5fd}.bubble-icon{font-size:1.1rem}.bubble-text{font-size:.75rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bubble-pop-enter-active{transition:all .4s cubic-bezier(.34,1.56,.64,1)}.bubble-pop-leave-active{transition:all .3s ease-in}.bubble-pop-enter-from{opacity:0;transform:translate(-50%,20px) scale(.8)}.bubble-pop-leave-to{opacity:0;transform:translate(-50%,-10px) scale(.9)}