@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-primary:#0f172a;--bg-card:#1e293b;--bg-hover:#334155;--accent-blue:#3b82f6;--accent-hover:#2563eb;--text-main:#f8fafc;--text-muted:#94a3b8;--border-color:#334155}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-main);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(10px);border:1px solid #ffffff0d;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.glass-input{border:1px solid var(--border-color);width:100%;color:var(--text-main);background-color:#0f172a99;border-radius:.5rem;outline:none;padding:.75rem 1rem;transition:all .2s}.glass-input:focus{border-color:var(--accent-blue);box-shadow:0 0 0 2px #3b82f633}.btn-primary{background-color:var(--accent-blue);color:#fff;cursor:pointer;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary:hover{background-color:var(--accent-hover);transform:translateY(-1px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.layout-container{height:100vh;display:flex;overflow:hidden}.sidebar{background-color:var(--bg-card);border-right:1px solid var(--border-color);flex-direction:column;width:260px;display:flex}.main-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.header{background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;height:64px;padding:0 2rem;display:flex}.page-content{flex:1;padding:2rem;overflow-y:auto}.glass-table{border-collapse:collapse;width:100%}.glass-table th{text-align:left;color:var(--text-muted);border-bottom:1px solid var(--border-color);padding:1rem;font-weight:500}.glass-table td{border-bottom:1px solid var(--border-color);padding:1rem}.glass-table tr:hover{background-color:#ffffff05}.badge{border-radius:9999px;padding:.25rem .75rem;font-size:.875rem;font-weight:500}.badge-student{color:#60a5fa;background-color:#3b82f61a}.badge-faculty{color:#34d399;background-color:#10b9811a}.badge-admin{color:#fbbf24;background-color:#f59e0b1a}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s ease-out forwards fadeIn}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--bg-hover)}.scanner-container{border:2px solid var(--border-color);background-color:#000;border-radius:1rem;min-height:480px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 0 20px #3b82f60d}.scanner-container.active{border-color:#3b82f699;box-shadow:0 0 30px #3b82f64d,inset 0 0 20px #3b82f61a}.scanner-container.face-detected{border-color:#3b82f6e6;box-shadow:0 0 40px #3b82f680,inset 0 0 30px #3b82f633}.scan-line{background:linear-gradient(to right, transparent, var(--accent-blue), transparent);opacity:.8;z-index:10;width:100%;height:3px;animation:2.5s cubic-bezier(.4,0,.6,1) infinite scan;position:absolute;top:0;left:0;box-shadow:0 0 15px #3b82f6cc,0 0 30px #3b82f666}@keyframes scan{0%{opacity:0;top:0%}10%{opacity:.8}90%{opacity:.8}to{opacity:0;top:100%}}.grid-overlay{pointer-events:none;z-index:5;background-image:linear-gradient(#3b82f626 1px,#0000 1px),linear-gradient(90deg,#3b82f626 1px,#0000 1px);background-position:50%;background-size:50px 50px;position:absolute;inset:0}.flash-card{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172ad9;border:1px solid #3b82f680;animation:.4s cubic-bezier(.175,.885,.32,1.275) forwards popIn;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.9);box-shadow:0 0 40px #3b82f666}@keyframes popIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.8)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.saas-card{background:var(--bg-card);border:1px solid #3b82f61a;border-radius:1rem;padding:1.5rem;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 20px #0003}.saas-card:before{content:"";opacity:0;background:linear-gradient(90deg,#0000,#3b82f666,#0000);height:1px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.saas-card:hover{border-color:#3b82f64d;transform:translateY(-2px);box-shadow:0 8px 30px #3b82f626}.saas-card:hover:before{opacity:1}.stat-value{color:var(--text-main);text-shadow:0 0 20px #3b82f633;margin:.5rem 0;font-size:2.5rem;font-weight:700;line-height:1.2}.trend-indicator{border-radius:999px;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:600;display:inline-flex}.trend-up{color:#10b981;background:#10b9811a}.trend-neutral{color:#94a3b8;background:#94a3b81a}.action-btn{color:var(--accent-blue);cursor:pointer;background:#3b82f61a;border:1px solid #3b82f633;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;padding:1rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.action-btn:hover{background:#3b82f633;border-color:#3b82f666;transform:translateY(-2px);box-shadow:0 4px 15px #3b82f633}.action-btn-emerald{color:#10b981;background:#10b9811a;border-color:#10b98133}.action-btn-emerald:hover{background:#10b98133;border-color:#10b98166;box-shadow:0 4px 15px #10b98133}.action-btn-amber{color:#f59e0b;background:#f59e0b1a;border-color:#f59e0b33}.action-btn-amber:hover{background:#f59e0b33;border-color:#f59e0b66;box-shadow:0 4px 15px #f59e0b33}.feed-item{animation:.3s ease-out forwards slideInRight}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.hud-corner{z-index:25;pointer-events:none;border-style:solid;border-color:#3b82f699;width:40px;height:40px;position:absolute}.hud-tl{border-width:3px 0 0 3px;top:1rem;left:1rem}.hud-tr{border-width:3px 3px 0 0;top:1rem;right:1rem}.hud-bl{border-width:0 0 3px 3px;bottom:1rem;left:1rem}.hud-br{border-width:0 3px 3px 0;bottom:1rem;right:1rem}.hud-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#cdd6f4;z-index:25;background:#0f172abf;border:1px solid #3b82f633;border-radius:.5rem;padding:.75rem;font-family:Inter,monospace;font-size:.75rem}.hud-indicator-dot{border-radius:50%;width:8px;height:8px;margin-right:.5rem;display:inline-block}.dot-green{background-color:#10b981;box-shadow:0 0 8px #10b981}.dot-yellow{background-color:#f59e0b;box-shadow:0 0 8px #f59e0b}.dot-red{background-color:#ef4444;box-shadow:0 0 8px #ef4444}.confidence-bar-bg{background:#ffffff1a;border-radius:3px;width:100%;height:6px;margin-top:4px;overflow:hidden}.confidence-bar-fill{border-radius:3px;height:100%;transition:width .3s,background-color .3s}.reticle-spin{animation:3s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.reticle-container{pointer-events:none;z-index:10;transition:all .3s;position:absolute}.flash-card-success{border-left:4px solid #10b981!important;box-shadow:0 0 50px #10b9814d!important}.flash-card-success .status-check{color:#10b981;opacity:0;align-items:center;gap:.5rem;margin-top:.5rem;font-size:.875rem;animation:.4s cubic-bezier(.23,1,.32,1) forwards slideUpFade;display:flex}.flash-card-success .status-check:nth-child(2){animation-delay:.3s}@keyframes slideUpFade{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.scan-text-glow{text-shadow:0 0 10px;animation:1s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.6}}