@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--primary:#1e1b4b;--primary-light:#312e81;--primary-dark:#0f0d2b;--accent:#f59e0b;--accent-light:#fbbf24;--accent-dark:#d97706;--accent-glow:#f59e0b26;--success:#10b981;--success-light:#d1fae5;--warning:#f59e0b;--warning-light:#fef3c7;--danger:#ef4444;--danger-light:#fee2e2;--danger-hover:#dc2626;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--bg:#f8fafc;--card-bg:#fff;--text:var(--gray-800);--text-light:var(--gray-500);--border:var(--gray-200);--shadow-sm:0 1px 2px #0000000a;--shadow:0 1px 3px #00000014, 0 1px 2px #0000000a;--shadow-md:0 4px 6px -1px #00000014, 0 2px 4px -1px #0000000a;--shadow-lg:0 10px 25px -3px #0000001a, 0 4px 10px -2px #0000000a;--shadow-xl:0 20px 40px -5px #00000026, 0 10px 15px -5px #0000000f;--radius-sm:8px;--radius:12px;--radius-lg:16px;--radius-xl:24px;--transition:all .25s cubic-bezier(.4, 0, .2, 1);color:var(--text);background:var(--bg);font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.6}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100%;overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}#root{min-height:100vh}.navbar{background:linear-gradient(135deg, var(--primary-dark) 0%, var(--primary-light) 50%, var(--primary-dark) 100%);color:#fff;z-index:100;border-bottom:1px solid #f59e0b26;padding:0 1.5rem;position:sticky;top:0;box-shadow:0 4px 30px #0003}.navbar-inner{align-items:center;max-width:1280px;height:64px;margin:0 auto;display:flex}.navbar-brand{flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.navbar-logo-group{align-items:center;gap:.7rem;display:flex}.navbar-logo{object-fit:contain;background:#fffffff2;border-radius:8px;flex-shrink:0;width:36px;height:36px;padding:4px}.navbar-title{letter-spacing:-.3px;flex-direction:column;font-size:1.05rem;font-weight:700;line-height:1.25;display:flex}.navbar-title-sub{color:#ffffff8c;letter-spacing:.2px;font-size:.68rem;font-weight:500}.navbar-toggle{color:#fff;cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition);background:#ffffff26;border:1px solid #fff3;padding:.4rem .6rem;font-size:1.25rem;display:none}.navbar-toggle:hover{background:#ffffff40}.navbar-menu{flex:1;align-items:center;margin-left:1.5rem;display:flex}.navbar-links{align-items:center;gap:.25rem;display:flex}.navbar-link{color:#fffc;border-radius:var(--radius-sm);transition:var(--transition);padding:.5rem .875rem;font-size:.875rem;font-weight:500;text-decoration:none}.navbar-link:hover{color:#fff;background:#ffffff26;transform:translateY(-1px)}.navbar-link.active{color:var(--accent-light);background:#f59e0b26;border:1px solid #f59e0b40}.navbar-user{border-left:1px solid #fff3;align-items:center;gap:1rem;margin-left:auto;padding-left:1rem;display:flex}.navbar-username{opacity:.9;font-size:.85rem;font-weight:500}@media (width<=768px){.navbar{padding:0 1rem}.navbar-inner{flex-wrap:wrap}.navbar-brand{justify-content:space-between;width:100%}.navbar-toggle{justify-content:center;align-items:center;display:flex}.navbar-menu{background:linear-gradient(135deg, var(--primary-dark) 0%, var(--primary-light) 100%);z-index:101;flex-direction:column;align-items:stretch;width:100%;margin-left:0;padding:.75rem 1rem 1rem;display:none;position:absolute;top:64px;left:0;right:0;box-shadow:0 12px 40px #00000059}.navbar-menu.open{animation:.25s ease-out slideDown;display:flex}.navbar-links{flex-direction:column;gap:.25rem}.navbar-link{padding:.625rem .75rem}.navbar-user{border-top:1px solid #ffffff26;border-left:none;justify-content:space-between;margin-top:.5rem;margin-left:0;padding:.75rem 0 0}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.app-layout{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:2rem}@media (width<=768px){.main-content{padding:1.25rem}}.app-footer{text-align:center;color:var(--text-light);opacity:.8;padding:1.25rem 1rem 1.75rem;font-size:.75rem}.login-container{background:var(--primary-dark);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex;position:relative;overflow:hidden}.login-container:before{content:"";background:radial-gradient(circle,#f59e0b26 0%,#0000 70%);width:600px;height:600px;animation:12s ease-in-out infinite loginOrb1;position:absolute;top:-40%;right:-20%}.login-container:after{content:"";background:radial-gradient(circle,#6366f126 0%,#0000 70%);width:500px;height:500px;animation:10s ease-in-out infinite loginOrb2;position:absolute;bottom:-30%;left:-10%}@keyframes loginOrb1{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-40px,30px)scale(1.1)}}@keyframes loginOrb2{0%,to{transform:translate(0)scale(1)}50%{transform:translate(30px,-20px)scale(1.05)}}.login-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:var(--radius-xl);z-index:1;background:#312e8159;border:1px solid #ffffff14;width:100%;max-width:420px;padding:2.75rem;animation:.6s ease-out cardAppear;position:relative;box-shadow:0 25px 60px #0006,inset 0 1px #ffffff0d}@keyframes cardAppear{0%{opacity:0;transform:translateY(30px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.login-logo{background:#fffffff5;border-radius:20px;justify-content:center;align-items:center;width:96px;height:96px;margin:0 auto 1.25rem;padding:12px;display:flex;box-shadow:0 10px 30px #00000040,0 0 0 1px #ffffff1a}.login-logo img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.login-card h1{text-align:center;color:#f1f5f9;letter-spacing:-.3px;margin-bottom:.35rem;font-size:1.35rem;font-weight:700;line-height:1.3}.login-subtitle{text-align:center;color:var(--gray-400);margin-bottom:2rem;font-size:.9rem}.login-footer{text-align:center;color:var(--gray-400);border-top:1px solid #ffffff14;margin-top:1.75rem;padding-top:1.25rem;font-size:.78rem}.login-footer-line{color:#cbd5e1;margin-bottom:3px;font-weight:500;display:block}.login-footer-credit{opacity:.75;display:block}.login-card .form-group label{color:var(--gray-300)}.login-card .form-group input{color:#f1f5f9;background:#0f172a66;border:1.5px solid #ffffff1a}.login-card .form-group input::placeholder{color:var(--gray-500)}.login-card .form-group input:focus{border-color:var(--accent);background:#0f172a99;box-shadow:0 0 0 4px #f59e0b26}.login-card .error-message{background:#ef44441f;border-color:#ef444440}@media (width<=480px){.login-container{padding:.75rem}.login-card{border-radius:18px;margin:0;padding:1.75rem 1.25rem}}.form-group{margin-bottom:1.25rem}.form-group label{color:var(--gray-700);letter-spacing:.2px;margin-bottom:.4rem;font-size:.85rem;font-weight:600;display:block}.form-group input,.form-group select,.form-group textarea{border:2px solid var(--gray-200);border-radius:var(--radius);width:100%;transition:var(--transition);background:var(--gray-50);color:var(--text);padding:.7rem .875rem;font-family:inherit;font-size:.925rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-glow);background:#fff;outline:none}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=480px){.form-row{grid-template-columns:1fr}}.btn{border-radius:var(--radius);cursor:pointer;transition:var(--transition);letter-spacing:.2px;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-family:inherit;font-size:.9rem;font-weight:600;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%);color:#fff;width:100%;padding:.8rem;font-size:.95rem;box-shadow:0 4px 15px #f59e0b59}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 25px #f59e0b80}.btn-success{background:linear-gradient(135deg, var(--success) 0%, #059669 100%);color:#fff;box-shadow:0 4px 12px #10b9814d}.btn-success:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #10b98166}.btn-danger{background:linear-gradient(135deg, var(--danger) 0%, var(--danger-hover) 100%);color:#fff;box-shadow:0 4px 12px #ef44444d}.btn-danger:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #ef444466}.btn-secondary{color:var(--gray-700);border:2px solid var(--gray-200);background:#fff}.btn-secondary:hover:not(:disabled){background:var(--gray-50);border-color:var(--gray-300)}.btn-logout{color:#fca5a5;border-radius:var(--radius-sm);background:#ef44441f;border:1px solid #ef444433;padding:.4rem .85rem;font-size:.82rem}.btn-logout:hover{color:#fecaca;background:#ef444440}.btn-sm{padding:.4rem .85rem;font-size:.82rem}.error-message{background:var(--danger-light);color:var(--danger);border-radius:var(--radius);border:1px solid #fecaca;margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.75rem;display:flex}.page-header h1{color:var(--gray-900);letter-spacing:-.3px;font-size:1.5rem;font-weight:800}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:1.25rem;padding:1.75rem}.card-header{border-bottom:1px solid var(--gray-100);justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:1rem;display:flex}.card-header h2{color:var(--gray-900);font-size:1.1rem;font-weight:700}.table-container{background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.875rem}th,td{text-align:left;border-bottom:1px solid var(--gray-100);padding:.875rem 1rem}th{background:var(--gray-50);color:var(--gray-500);text-transform:uppercase;letter-spacing:.6px;font-size:.8rem;font-weight:600}tr:last-child td{border-bottom:none}tr:hover td{background:var(--gray-50)}.badge{letter-spacing:.2px;border-radius:50px;align-items:center;padding:.2rem .65rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-primary{color:var(--accent-dark);background:#f59e0b1f}.badge-success{background:var(--success-light);color:#065f46}.badge-warning{background:var(--warning-light);color:#92400e}.badge-danger{background:var(--danger-light);color:#991b1b}.empty-state{text-align:center;color:var(--text-light);padding:3rem 1.5rem}.empty-state-icon{opacity:.5;margin-bottom:1rem;font-size:3rem}.empty-state h3{color:var(--gray-700);margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.empty-state p{max-width:400px;margin:0 auto;font-size:.9rem}.spinner{border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin;display:inline-block}.spinner-dark{border-color:var(--gray-200);border-top-color:var(--primary)}@keyframes spin{to{transform:rotate(360deg)}}.class-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem;display:grid}.class-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);transition:var(--transition);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:1rem 1.25rem;display:flex}.class-card:hover{box-shadow:var(--shadow-md);border-color:#f59e0b33}.class-card-name{color:var(--gray-900);font-size:1rem;font-weight:700}.text-center{text-align:center}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.board-screen{-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background-color:#070617;grid-template-rows:auto 1fr auto;width:100%;height:100vh;font-family:Plus Jakarta Sans,system-ui,sans-serif;transition:background-color .8s;display:grid;position:relative;overflow:hidden}.board-locked{background-image:radial-gradient(90% 70% at 15% 0,#241f5e 0%,#0000 60%),radial-gradient(80% 80% at 100% 100%,#14123a 0%,#0000 55%),linear-gradient(160deg,#0b0a24 0%,#070617 100%)}.board-unlocked{background-image:radial-gradient(90% 70% at 15% 0,#0b4a41 0%,#0000 60%),radial-gradient(80% 80% at 100% 100%,#06302c 0%,#0000 55%),linear-gradient(160deg,#05201d 0%,#04120f 100%)}.board-screen:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0}.board-screen:after{content:"";pointer-events:none;z-index:1;background:radial-gradient(110% 95% at 50% 45%,#0000 45%,#0706178c 100%);position:absolute;inset:0}.board-has-bg:after{background:linear-gradient(90deg,#070617d1 0%,#07061773 38%,#07061759 55%,#070617b3 100%),radial-gradient(110% 95% at 50% 45%,#0000 40%,#07061799 100%)}.board-aurora{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.board-orb{filter:blur(90px);opacity:.5;border-radius:50%;position:absolute}.board-orb-1{background:radial-gradient(circle,#f59e0b6b 0%,#0000 70%);width:46vw;height:46vw;animation:22s ease-in-out infinite boardOrbDrift1;top:-14vw;right:-8vw}.board-orb-2{background:radial-gradient(circle,#6366f166 0%,#0000 70%);width:40vw;height:40vw;animation:26s ease-in-out infinite boardOrbDrift2;bottom:-16vw;left:-10vw}.board-unlocked .board-orb-1{background:radial-gradient(circle,#34d39961 0%,#0000 70%)}.board-unlocked .board-orb-2{background:radial-gradient(circle,#10b98152 0%,#0000 70%)}@keyframes boardOrbDrift1{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-4vw,3vw)scale(1.12)}}@keyframes boardOrbDrift2{0%,to{transform:translate(0)scale(1)}50%{transform:translate(3vw,-3vw)scale(1.08)}}.board-topbar{z-index:2;border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:2rem;padding:clamp(1.25rem,2.2vw,2.25rem) clamp(1.5rem,3.5vw,4rem);display:flex;position:relative}.board-identity{align-items:center;gap:clamp(.75rem,1.2vw,1.15rem);min-width:0;display:flex}.board-identity-logo{object-fit:contain;background:#fffffff7;border-radius:14px;flex-shrink:0;width:clamp(44px,3.6vw,66px);height:clamp(44px,3.6vw,66px);padding:7px;box-shadow:0 10px 30px #00000059}.board-identity-text{flex-direction:column;min-width:0;display:flex}.board-identity-name{color:#f8fafc;letter-spacing:-.3px;white-space:nowrap;font-size:clamp(1rem,1.55vw,1.75rem);font-weight:800;line-height:1.15}.board-identity-campus{color:#e2e8f080;letter-spacing:1.4px;text-transform:uppercase;margin-top:2px;font-size:clamp(.7rem,.92vw,1rem);font-weight:500}.board-timebox{flex-direction:column;flex-shrink:0;align-items:flex-end;display:flex}.board-time{color:#f8fafc;letter-spacing:-1.5px;font-variant-numeric:tabular-nums;font-size:clamp(1.85rem,3.4vw,4rem);font-weight:800;line-height:1}.board-date{color:#e2e8f08c;text-transform:capitalize;letter-spacing:.3px;margin-top:.45rem;font-size:clamp(.72rem,.98vw,1.05rem);font-weight:500}.board-stage{z-index:2;grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(2rem,5vw,6rem);min-height:0;padding:clamp(1.5rem,3.5vw,3.5rem) clamp(1.5rem,3.5vw,4rem);display:grid;position:relative}.board-info{flex-direction:column;align-items:flex-start;min-width:0;animation:.7s ease-out both boardFadeUp;display:flex}.board-status-pill{letter-spacing:.4px;border:1px solid #0000;border-radius:999px;align-items:center;gap:.6rem;padding:.5rem 1.15rem;font-size:clamp(.78rem,1.05vw,1.1rem);font-weight:600;display:inline-flex}.board-status-pill.is-locked{color:#fcd34d;background:#f59e0b1f;border-color:#f59e0b4d}.board-status-pill.is-open{color:#6ee7b7;background:#34d3991f;border-color:#34d39952}.board-status-dot{background:currentColor;border-radius:50%;width:9px;height:9px;animation:2.4s ease-out infinite boardPulse;box-shadow:0 0}@keyframes boardPulse{0%{box-shadow:0 0 #ffffff73}70%{box-shadow:0 0 0 12px #fff0}to{box-shadow:0 0 #fff0}}.board-classname{color:#fff;letter-spacing:-3px;text-shadow:0 20px 60px #0006;word-break:break-word;margin:clamp(.85rem,1.6vw,1.5rem) 0 0;font-size:clamp(3rem,7.5vw,8.5rem);font-weight:800;line-height:.95}.board-locked .board-classname{background:linear-gradient(160deg,#fff 30%,#fcd34d 130%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.board-unlocked .board-classname{background:linear-gradient(160deg,#fff 30%,#6ee7b7 130%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.board-lead{color:#e2e8f0ad;margin-top:clamp(.9rem,1.6vw,1.5rem);font-size:clamp(.95rem,1.35vw,1.55rem);font-weight:400;line-height:1.55}.board-warning{color:#fcd34d;background:#f59e0b1a;border:1px solid #f59e0b47;border-radius:14px;margin-top:clamp(1rem,1.8vw,1.6rem);padding:.75rem 1.1rem;font-size:clamp(.72rem,.95vw,1rem);line-height:1.5}.board-slogan{color:#e2e8f080;border-left:3px solid #f59e0b80;margin-top:clamp(1.25rem,2.4vw,2.25rem);padding-left:1rem;font-size:clamp(.8rem,1.05vw,1.15rem);font-style:italic;line-height:1.5}.board-countdown-block{flex-direction:column;margin-top:clamp(1.25rem,2.2vw,2rem);display:flex}.board-countdown{color:#34d399;letter-spacing:-2px;font-variant-numeric:tabular-nums;text-shadow:0 0 60px #34d39966;font-size:clamp(3rem,6vw,6.5rem);font-weight:800;line-height:1}.board-countdown-label{color:#e2e8f073;letter-spacing:.4px;margin-top:.6rem;font-size:clamp(.75rem,1vw,1.05rem)}.board-lock-btn{color:#fff;cursor:pointer;letter-spacing:.3px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:none;border-radius:16px;min-height:60px;margin-top:clamp(1.25rem,2.2vw,2rem);padding:clamp(.95rem,1.6vw,1.5rem) clamp(1.9rem,3.2vw,3.2rem);font-family:inherit;font-size:clamp(1rem,1.4vw,1.5rem);font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 12px 34px #ef444452}@media (hover:hover){.board-lock-btn:hover{transform:translateY(-2px);box-shadow:0 18px 44px #ef444473}}.board-lock-btn:active{transform:scale(.97)}.board-lock-confirm{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:18px;margin-top:clamp(1.25rem,2.2vw,2rem);padding:clamp(1rem,1.6vw,1.5rem) clamp(1.2rem,2vw,1.8rem);animation:.25s ease-out boardFadeUp}.board-lock-confirm-text{color:#f8fafc;margin-bottom:.9rem;font-size:clamp(.95rem,1.3vw,1.4rem);font-weight:600;display:block}.board-lock-confirm-actions{flex-wrap:wrap;align-items:center;gap:.85rem;display:flex}.board-lock-confirm-actions .board-lock-btn{margin-top:0}.board-lock-cancel{color:#e2e8f0d9;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#ffffff14;border:1px solid #ffffff26;border-radius:16px;min-height:60px;padding:clamp(.95rem,1.6vw,1.5rem) clamp(1.5rem,2.4vw,2.4rem);font-family:inherit;font-size:clamp(1rem,1.4vw,1.5rem);font-weight:600;transition:background .2s}.board-lock-cancel:active{background:#ffffff29}.board-qr-panel{flex-direction:column;justify-content:center;align-items:center;min-width:0;animation:.7s ease-out .12s both boardFadeUp;display:flex}.board-qr-frame{background:#fff;border-radius:clamp(20px,2vw,30px);width:min(100%,clamp(220px,27vw,440px));padding:clamp(1rem,1.7vw,1.9rem);animation:4.5s ease-in-out infinite boardQrGlow;position:relative;box-shadow:0 0 0 1px #ffffff1f,0 30px 80px #00000080,0 0 90px #f59e0b29}@keyframes boardQrGlow{0%,to{box-shadow:0 0 0 1px #ffffff1f,0 30px 80px #00000080,0 0 70px #f59e0b21}50%{box-shadow:0 0 0 1px #ffffff2e,0 30px 80px #00000080,0 0 120px #f59e0b47}}.board-qr-svg{display:block;width:100%!important;height:auto!important}.board-qr-placeholder{aspect-ratio:1;background:repeating-linear-gradient(45deg,#e2e8f0,#e2e8f0 10px,#f1f5f9 10px 20px);border-radius:10px;width:100%}.board-qr-caption{text-align:center;flex-direction:column;align-items:center;margin-top:clamp(.9rem,1.6vw,1.5rem);display:flex}.board-qr-caption-main{color:#f8fafc;letter-spacing:.2px;font-size:clamp(.9rem,1.25vw,1.4rem);font-weight:700}.board-qr-caption-sub{color:#e2e8f06b;margin-top:.35rem;font-size:clamp(.68rem,.88vw,.95rem)}.board-open-mark{background:#34d3990d;border:1px dashed #34d39947;border-radius:clamp(20px,2vw,30px);flex-direction:column;align-items:center;gap:clamp(.75rem,1.4vw,1.25rem);padding:clamp(2rem,4vw,4rem);display:flex}.board-open-icon{filter:drop-shadow(0 0 40px #34d39973);font-size:clamp(3.5rem,7vw,8rem);line-height:1}.board-open-text{color:#6ee7b7cc;letter-spacing:.5px;font-size:clamp(.85rem,1.15vw,1.3rem);font-weight:600}@keyframes boardFadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.board-footer{z-index:2;position:relative}.board-footerline{color:#e2e8f04d;letter-spacing:.3px;border-top:1px solid #ffffff0f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;padding:clamp(.85rem,1.4vw,1.4rem) clamp(1.5rem,3.5vw,4rem);font-size:clamp(.66rem,.85vw,.9rem);display:flex}.board-contact{color:#e2e8f073;font-weight:500}.board-announcement-bar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:2px solid var(--announce-accent,#f59e0b);background:linear-gradient(#110f30f5 0%,#0a091efa 100%);align-items:stretch;height:clamp(3.1rem,4.6vw,5rem);display:flex;overflow:hidden;box-shadow:0 -18px 50px #00000073,inset 0 1px #ffffff0d}.board-announcement-label{color:#1e1b4b;letter-spacing:2px;text-transform:uppercase;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);flex-shrink:0;align-items:center;padding:0 clamp(1rem,1.8vw,2rem);font-size:clamp(.7rem,.95vw,1.05rem);font-weight:800;display:flex}.board-announcement-viewport{flex:1;align-items:center;min-width:0;display:flex;overflow:hidden}.board-announcement-track{white-space:nowrap;flex-shrink:0;animation:26s linear infinite boardMarquee;display:flex}.board-announcement-item{color:#f1f5f9;letter-spacing:.3px;align-items:center;padding-left:clamp(1.5rem,2.5vw,3rem);padding-right:clamp(1.5rem,2.5vw,3rem);font-size:clamp(1.05rem,1.55vw,1.85rem);font-weight:600;display:inline-flex}.board-announcement-item:after{content:"";background:#f59e0bbf;border-radius:50%;flex-shrink:0;width:clamp(5px,.5vw,8px);height:clamp(5px,.5vw,8px);margin-left:clamp(1.5rem,2.5vw,3rem)}.board-unlocked .board-announcement-bar{border-top-color:#34d399}.board-unlocked .board-announcement-label{color:#05201d;background:linear-gradient(135deg,#34d399 0%,#059669 100%)}.board-unlocked .board-announcement-item:after{background:#34d399bf}@keyframes boardMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (width<=900px),(aspect-ratio<=1){.board-screen{height:auto;min-height:100vh}.board-stage{text-align:center;grid-template-columns:1fr;justify-items:center;gap:2rem}.board-info{align-items:center}.board-classname{letter-spacing:-1.5px}.board-slogan{border-top:2px solid #f59e0b66;border-left:none;padding-top:.9rem;padding-left:0}.board-qr-frame{width:min(78vw,340px)}.board-topbar{text-align:center;flex-direction:column;align-items:center;gap:1rem}.board-timebox{align-items:center}.board-footerline{text-align:center;justify-content:center}}@media (prefers-reduced-motion:reduce){.board-orb,.board-status-dot,.board-qr-frame,.board-announcement-track,.board-info,.board-qr-panel{animation:none!important}}.board-error{color:#f8fafc;text-align:center;background:#0b0a1f;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:2rem;display:flex}.stat-strip{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.85rem;margin-bottom:1.5rem;display:grid}.stat-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition);align-items:center;gap:.9rem;padding:1.1rem 1.25rem;display:flex;position:relative;overflow:hidden}.stat-card:before{content:"";background:var(--gray-300);width:4px;position:absolute;top:0;bottom:0;left:0}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.stat-card.tone-total:before{background:linear-gradient(#6366f1,#4338ca)}.stat-card.tone-open:before{background:linear-gradient(#34d399,#059669)}.stat-card.tone-locked:before{background:linear-gradient(#fbbf24,#d97706)}.stat-card.tone-online:before{background:linear-gradient(#38bdf8,#0284c7)}.stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.15rem;display:flex}.tone-total .stat-icon{background:#6366f11f}.tone-open .stat-icon{background:#10b9811f}.tone-locked .stat-icon{background:#f59e0b1f}.tone-online .stat-icon{background:#38bdf81f}.stat-body{flex-direction:column;min-width:0;display:flex}.stat-value{color:var(--gray-900);letter-spacing:-.5px;font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:800;line-height:1.1}.stat-label{color:var(--text-light);letter-spacing:.3px;margin-top:2px;font-size:.76rem;font-weight:600}.stat-card.is-alert{background:linear-gradient(120deg, #10b9810f 0%, var(--card-bg) 60%);border-color:#10b98159}.collapsible{padding:0;overflow:hidden}.collapsible-head{cursor:pointer;text-align:left;width:100%;transition:var(--transition);background:0 0;border:none;align-items:center;gap:.85rem;padding:1.15rem 1.5rem;font-family:inherit;display:flex}.collapsible-head:hover{background:var(--gray-50)}.collapsible-icon{background:#f59e0b1f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1rem;display:flex}.collapsible-text{flex-direction:column;flex:1;min-width:0;display:flex}.collapsible-title{color:var(--gray-900);letter-spacing:-.2px;font-size:1rem;font-weight:700}.collapsible-sub{color:var(--text-light);margin-top:2px;font-size:.78rem}.collapsible-chevron{color:var(--gray-400);flex-shrink:0;font-size:.9rem;transition:transform .25s}.collapsible.is-open .collapsible-chevron{transform:rotate(180deg)}.collapsible-body{border-top:1px solid var(--gray-100);padding:.25rem 1.5rem 1.6rem;animation:.28s ease-out collapsibleIn}@keyframes collapsibleIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.target-picker{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius);margin-bottom:1.4rem;padding:1rem 1.1rem}.target-label{color:var(--gray-700);letter-spacing:.2px;margin-bottom:.7rem;font-size:.8rem;font-weight:700;display:block}.target-chips{flex-wrap:wrap;gap:.45rem;display:flex}.chip{border:2px solid var(--gray-200);color:var(--gray-700);cursor:pointer;transition:var(--transition);background:#fff;border-radius:50px;align-items:center;gap:.45rem;padding:.45rem .85rem;font-family:inherit;font-size:.82rem;font-weight:600;display:inline-flex}.chip:hover{border-color:var(--gray-300);transform:translateY(-1px)}.chip.is-active{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%);color:#fff;border-color:#0000;box-shadow:0 4px 14px #f59e0b59}.chip-count{background:var(--gray-100);color:var(--gray-600);text-align:center;border-radius:50px;min-width:20px;padding:.05rem .4rem;font-size:.7rem;font-weight:700}.chip.is-active .chip-count{color:#fff;background:#ffffff40}.target-summary{color:var(--text-light);border-top:1px dashed var(--gray-200);margin-top:.8rem;padding-top:.7rem;font-size:.82rem}.target-summary strong{color:var(--accent-dark)}.btn-primary.btn-sm{width:auto}.kademe-card{padding:0;overflow:hidden}.kademe-head{border-bottom:1px solid var(--gray-100);justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.5rem;display:flex}.kademe-title{color:var(--gray-900);align-items:center;gap:.6rem;font-size:1rem;font-weight:700;display:flex}.kademe-count{background:var(--gray-100);color:var(--gray-600);border-radius:50px;padding:.15rem .55rem;font-size:.72rem;font-weight:700}.kademe-card .table-container{box-shadow:none;border:none;border-radius:0}tr.row-open td{background:#10b9810b}tr.row-open td:first-child{box-shadow:inset 3px 0 0 var(--success)}tr.row-open:hover td{background:#10b98114}.board-cell-name{color:var(--gray-900);font-size:.95rem;font-weight:700}.board-cell-id{color:var(--text-light);margin-top:1px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.72rem}.badge-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-right:.4rem}.row-actions{white-space:nowrap;flex-wrap:nowrap;align-items:center;gap:.4rem;display:flex}.kademe-card td,.kademe-card th{vertical-align:middle}.board-has-note{color:var(--accent-dark);background:#f59e0b1a;border-radius:50px;align-items:center;gap:.3rem;margin-top:.3rem;padding:.1rem .5rem;font-size:.7rem;font-weight:600;display:inline-flex}.customize-cell{background:var(--gray-50)}.user-search{border:2px solid var(--gray-200);border-radius:var(--radius);background:var(--gray-50);color:var(--text);min-width:240px;transition:var(--transition);padding:.5rem .85rem;font-family:inherit;font-size:.85rem}.user-search:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-glow);background:#fff;outline:none}@media (width<=600px){.kademe-head{flex-direction:column;align-items:stretch}.user-search{width:100%;min-width:0}}@media (width<=768px){.stat-strip{grid-template-columns:repeat(2,1fr);gap:.6rem}.stat-card{gap:.65rem;padding:.85rem .9rem}.stat-icon{width:36px;height:36px;font-size:1rem}.stat-value{font-size:1.3rem}.collapsible-head{padding:1rem 1.15rem}.collapsible-body{padding:.25rem 1.15rem 1.35rem}.kademe-head{padding:1rem 1.15rem}}.scanner-page{width:100%;max-width:460px;margin:0 auto}.scanner-head{margin-bottom:1.25rem}.scanner-greeting{color:var(--accent-dark);letter-spacing:.4px;margin-bottom:.35rem;font-size:.82rem;font-weight:600;display:block}.scanner-title{color:var(--gray-900);letter-spacing:-.4px;font-size:1.35rem;font-weight:800;line-height:1.3}.scanner-shell{border-radius:var(--radius-xl);background:linear-gradient(150deg,#16143a 0%,#0b0a24 100%);border:1px solid #ffffff12;padding:.75rem .75rem .25rem;box-shadow:0 24px 60px #0b0a2459,inset 0 1px #ffffff0f}.scanner-viewfinder{aspect-ratio:1;border-radius:calc(var(--radius-xl) - 6px);background:#0b0a24;width:100%;position:relative;overflow:hidden}.scanner-video{width:100%;height:100%}.scanner-video video{object-fit:cover;display:block;width:100%!important;height:100%!important}.scanner-video img,.scanner-video>div{border:none!important}.scanner-loading{color:#ffffffa6;background:#0b0a24;flex-direction:column;justify-content:center;align-items:center;gap:.85rem;font-size:.85rem;display:flex;position:absolute;inset:0}.scanner-corner{border:3px solid var(--accent-light);pointer-events:none;width:15%;height:15%;animation:2.6s ease-in-out infinite scannerCornerPulse;position:absolute}.scanner-corner.tl{border-bottom:none;border-right:none;border-radius:10px 0 0;top:12%;left:12%}.scanner-corner.tr{border-bottom:none;border-left:none;border-radius:0 10px 0 0;top:12%;right:12%}.scanner-corner.bl{border-top:none;border-right:none;border-radius:0 0 0 10px;bottom:12%;left:12%}.scanner-corner.br{border-top:none;border-left:none;border-radius:0 0 10px;bottom:12%;right:12%}@keyframes scannerCornerPulse{0%,to{opacity:.55}50%{opacity:1}}.scanner-scanline{background:linear-gradient(90deg, transparent, var(--accent-light), transparent);height:2px;box-shadow:0 0 16px var(--accent);pointer-events:none;animation:2.4s ease-in-out infinite scannerScanline;position:absolute;left:12%;right:12%}@keyframes scannerScanline{0%{opacity:0;top:14%}15%{opacity:1}50%{opacity:1;top:86%}85%{opacity:1}to{opacity:0;top:14%}}.scanner-live{color:#e2e8f099;letter-spacing:.2px;justify-content:center;align-items:center;gap:.5rem;padding:.85rem .5rem;font-size:.78rem;font-weight:500;display:flex}.scanner-live-dot{background:#34d399;border-radius:50%;width:7px;height:7px;animation:1.8s ease-in-out infinite scannerLiveDot;box-shadow:0 0 10px #34d399cc}@keyframes scannerLiveDot{0%,to{opacity:1}50%{opacity:.35}}.scanner-shell.is-hidden{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.scanner-denied{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-xl);text-align:center;box-shadow:var(--shadow-lg);padding:2.25rem 1.5rem 1.75rem}.scanner-denied-icon{background:var(--warning-light);border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;margin:0 auto 1.15rem;font-size:2rem;display:flex;box-shadow:0 0 0 10px #f59e0b14}.scanner-denied-title{color:var(--gray-900);letter-spacing:-.3px;margin-bottom:.5rem;font-size:1.2rem;font-weight:800}.scanner-denied-text{color:var(--text-light);margin-bottom:1.5rem;font-size:.88rem;line-height:1.6}.scanner-result{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-xl);text-align:center;box-shadow:var(--shadow-lg);padding:2.5rem 1.75rem 2rem;animation:.45s cubic-bezier(.34,1.3,.64,1) both scannerResultIn}@keyframes scannerResultIn{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.scanner-badge{border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;margin:0 auto 1.25rem;font-size:2.25rem;font-weight:800;display:flex}.scanner-badge.success{background:var(--success-light);box-shadow:0 0 0 10px #10b98114}.scanner-badge.locked{background:var(--warning-light);box-shadow:0 0 0 10px #f59e0b14}.scanner-badge.error{background:var(--danger-light);color:var(--danger);box-shadow:0 0 0 10px #ef444414}.scanner-check{width:52px;height:52px}.scanner-check-circle,.scanner-check-mark{fill:none;stroke:#059669;stroke-width:3.5px;stroke-linecap:round;stroke-linejoin:round}.scanner-check-circle{stroke-dasharray:145;stroke-dashoffset:145px;opacity:.35;animation:.6s ease-out .1s forwards scannerDraw}.scanner-check-mark{stroke-dasharray:40;stroke-dashoffset:40px;animation:.35s ease-out .45s forwards scannerDraw}@keyframes scannerDraw{to{stroke-dashoffset:0}}.scanner-result-title{color:var(--gray-900);letter-spacing:-.4px;margin-bottom:.4rem;font-size:1.4rem;font-weight:800}.scanner-result-sub{color:var(--text-light);font-size:.92rem;line-height:1.55}.scanner-note{text-align:left;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius);color:var(--gray-600);align-items:flex-start;gap:.6rem;margin-top:1.5rem;padding:.8rem 1rem;font-size:.85rem;line-height:1.5;display:flex}.scanner-note-icon{flex-shrink:0;font-size:1rem;line-height:1.4}.scanner-note strong{color:var(--gray-800)}.scanner-actions{gap:.75rem;margin-top:1.75rem;display:flex}.scanner-actions .btn{flex:1}.scanner-actions .btn-primary,.scanner-btn-wide{width:100%}@media (width<=420px){.scanner-actions{flex-direction:column}.scanner-title{font-size:1.2rem}.scanner-result{padding:2rem 1.25rem 1.75rem}}