:root{--background:#fff;--foreground:#1c1917;--primary:#105934;--primary-foreground:#fff;--secondary:#f4f4f5;--secondary-foreground:#18181b;--muted:#f4f4f5;--muted-foreground:#71717a;--accent:#f4f4f5;--accent-foreground:#18181b;--destructive:#ef4444;--destructive-foreground:#fafafa;--border:#e2e8f0;--input:#e2e8f0;--ring:#105934;--radius:.5rem}*{box-sizing:border-box}body{background-color:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px}body:before{content:"";z-index:9999;pointer-events:none;-webkit-app-region:drag;background:0 0;width:100%;height:35px;position:fixed;top:0;left:0}#root,.toast-container,button,input,select,textarea,a,label,.clickable{-webkit-app-region:no-drag}h1,h2,h3,h4,h5,h6{color:var(--foreground);margin:0}.text-white{color:#fff!important}h6{color:var(--foreground);letter-spacing:-.025em;font-weight:700}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.toast-container{z-index:10000;pointer-events:none;flex-direction:column;gap:.75rem;display:flex;position:fixed;top:2rem;right:2rem}.toast-item{pointer-events:auto;background:#fff;border:1px solid #0000000a;border-radius:16px;align-items:center;gap:1rem;min-width:320px;max-width:450px;padding:1rem;animation:.4s cubic-bezier(.16,1,.3,1) toastIn;display:flex;box-shadow:0 10px 30px #00000014}@keyframes toastIn{0%{opacity:0;transform:translate(100%)scale(.9)}to{opacity:1;transform:translate(0)scale(1)}}.toast-item.success{border-left:4px solid #10b981}.toast-item.error{border-left:4px solid #ef4444}.toast-item.info{border-left:4px solid #3b82f6}.toast-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.success .toast-icon{color:#10b981;background:#dcfce7}.error .toast-icon{color:#ef4444;background:#fee2e2}.info .toast-icon{color:#3b82f6;background:#dbeafe}.toast-content{flex:1}.toast-content p{color:#1e293b;margin:0;font-size:.85rem;font-weight:700;line-height:1.4}.toast-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:.25rem;transition:color .2s}.toast-close:hover{color:#64748b}.toast-item.priority-critical{background:linear-gradient(135deg,#fff,#fef2f2);border:2px solid #ef4444;border-left-width:6px;animation:.4s cubic-bezier(.16,1,.3,1) toastIn,2.5s ease-in-out infinite toastPulse;box-shadow:0 12px 40px #ef444440}@keyframes toastPulse{0%,to{transform:scale(1);box-shadow:0 12px 40px #ef444440}50%{transform:scale(1.02);box-shadow:0 16px 50px #ef444473}}.toast-item.priority-important{background:linear-gradient(135deg,#fff,#fffbeb);border-left:5px solid #f59e0b;box-shadow:0 10px 30px #f59e0b26}.toast-item.clickable{cursor:pointer;transition:transform .2s,box-shadow .2s}.toast-item.clickable:hover{transform:translateY(-2px);box-shadow:0 15px 35px #0000001f}select{appearance:none;color:#1e293b;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right .7rem center;background-repeat:no-repeat;background-size:1.2em;padding-right:2.5rem}select option{padding:12px;font-weight:600;color:#1e293b!important;background-color:#fff!important}.queue-ui-container{z-index:9999;pointer-events:none;flex-direction:column;gap:12px;width:320px;display:flex;position:fixed;bottom:24px;right:24px}.queue-ui-active,.queue-ui-pending{pointer-events:auto;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px;box-shadow:0 10px 25px #0000001a}.queue-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.queue-title{color:#334155;font-size:14px}.queue-stop-btn{color:#ef4444;cursor:pointer;background:#fee2e2;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.queue-stop-btn:hover{color:#b91c1c;background:#fca5a5}.queue-modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10000;background:#0006;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.queue-modal{background:#fff;border-radius:12px;width:400px;max-width:90vw;padding:24px;box-shadow:0 20px 40px #0003}.queue-modal h3{color:#1e293b;margin-top:0;margin-bottom:12px;font-size:18px}.queue-modal p{color:#475569;margin-bottom:24px;font-size:14px;line-height:1.5}.queue-modal-actions{justify-content:flex-end;gap:12px;display:flex}.queue-modal-actions button{cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.queue-modal-actions .btn-outline{color:#475569;background:0 0;border:1px solid #cbd5e1}.queue-modal-actions .btn-outline:hover{background:#f8fafc}.queue-modal-actions .btn-danger{color:#ef4444;background:#fef2f2;border:1px solid #fecaca}.queue-modal-actions .btn-danger:hover{background:#fee2e2}.queue-modal-actions .btn-danger-strong{color:#fff;background:#ef4444}.queue-modal-actions .btn-danger-strong:hover{background:#dc2626}.queue-progress-bar-container{background:#f1f5f9;border-radius:3px;height:6px;margin-bottom:8px;overflow:hidden}.queue-progress-bar-fill{background:#22c55e;border-radius:3px;height:100%;transition:width .3s}.queue-progress-label{color:#64748b;align-items:center;gap:6px;font-size:12px;display:flex}.spinner{animation:1s linear infinite spin}.queue-ui-pending{color:#64748b;text-align:center;background:#f8fafc;padding:10px 16px;font-size:13px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:.3s forwards fadeInUp}:root{--sidebar-bg:#f8faf9;--promo-bg:#0d3d25}body{background-color:var(--background);margin:0;padding:0}.app-container{width:100vw;height:100vh;color:var(--foreground);background-color:#f1f5f9;gap:10px;padding:10px;display:flex;overflow:hidden}.sidebar{background-color:var(--sidebar-bg);border-radius:32px;flex-direction:column;flex-shrink:0;width:280px;height:100%;padding:2.5rem 1.5rem;transition:all .3s;display:flex;box-shadow:0 4px 15px #00000005}.sidebar-header{justify-content:space-between;align-items:center;margin-bottom:2.5rem;transition:all .3s;display:flex;position:relative}.sidebar.collapsed{width:90px;padding:2.5rem 1rem}.sidebar.collapsed .sidebar-header{justify-content:center}.logo{color:#111827;align-items:center;gap:.75rem;font-size:1.4rem;font-weight:700;display:flex;overflow:hidden}.logo-text{color:var(--primary);white-space:nowrap;font-weight:800}.sidebar-toggle-btn{cursor:pointer;width:32px;height:32px;color:var(--primary);background:#fff;border:1px solid #0000000a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex;box-shadow:0 2px 8px #0000000a}.sidebar-toggle-btn:hover{background-color:var(--background);transform:scale(1.05)}.sidebar.collapsed .logo{transition:opacity .2s}.sidebar.collapsed .sidebar-header:hover .logo{opacity:0}.sidebar.collapsed .sidebar-toggle-btn{opacity:0;pointer-events:none;z-index:100;background:#fff;border:1px solid #0000000d;border-radius:10px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.8);box-shadow:0 4px 12px #00000014}.sidebar.collapsed .sidebar-header:hover .sidebar-toggle-btn{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)scale(1.1)}.nav-section-label{color:#94a3b8;letter-spacing:.1em;opacity:.8;margin-bottom:1rem;padding-left:1.25rem;font-size:.65rem;font-weight:800}.sidebar-nav{flex-direction:column;flex:1;display:flex;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-thumb{background:#0000000d;border-radius:10px}.nav-item{color:#64748b;border-radius:14px;align-items:center;gap:1.15rem;margin-bottom:.4rem;padding:.9rem 1.5rem;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.sidebar.collapsed .nav-item{justify-content:center;width:50px;margin:0 auto .25rem;padding:.85rem 0}.nav-item:hover{color:var(--primary);background-color:#10593405}.nav-item.active{color:var(--primary);background:#1059340f}.nav-item.active:before{content:"";background-color:var(--primary);border-radius:0 4px 4px 0;width:4px;height:22px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.sidebar.collapsed .nav-item.active:before{width:4px;height:20px}.logout-nav-btn{color:#ef4444;margin-top:1rem}.logout-nav-btn:hover{color:#ef4444;background-color:#fee2e2}.sidebar-footer{border-top:1px solid #0000000d;margin-top:auto;padding:1.5rem}.main-content{background-color:#fff;border-radius:32px;flex-direction:column;flex:1;height:100%;display:flex;overflow:hidden;box-shadow:0 4px 15px #00000005}.top-navbar-container{z-index:100;flex-shrink:0;padding:.6rem 2rem .1rem;position:relative}.top-navbar-card{background-color:#f8fafc;border-radius:24px;justify-content:space-between;align-items:center;padding:.35rem 1rem;display:flex;box-shadow:0 2px 10px #00000005}.mobile-menu-btn,.mobile-close-btn{cursor:pointer;color:var(--primary);background:0 0;border:none;outline:none;justify-content:center;align-items:center;padding:0;display:none}.desktop-only{display:flex}.top-navbar-left{flex:1;align-items:center;gap:1rem;display:flex}.search-wrapper{background-color:#fff;border-radius:16px;align-items:center;gap:.75rem;width:100%;max-width:400px;padding:.5rem 1rem;display:flex;box-shadow:0 2px 5px #00000005}.search-icon{color:#94a3b8}.top-search-input{color:#1e293b;background:0 0;border:none;outline:none;flex:1;font-size:.9rem}.top-search-input::placeholder{color:#94a3b8}.search-hint{color:#64748b;background-color:#f1f5f9;border-radius:8px;justify-content:center;align-items:center;padding:.25rem .5rem;font-size:.75rem;font-weight:600;display:flex}.top-navbar-right{align-items:center;gap:.5rem;transition:margin-right .3s;display:flex}.top-navbar-right.electron-controls-offset{margin-right:140px}.circle-btn{color:#64748b;cursor:pointer;background-color:#fff;border:1px solid #0000000a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:relative;box-shadow:0 2px 5px #00000005}.circle-btn:hover{color:var(--primary);background-color:#f8fafc}.user-profile-widget{cursor:pointer;background-color:#fff;border-radius:16px;align-items:center;gap:.75rem;padding:.4rem .6rem;transition:all .2s;display:flex;position:relative;box-shadow:0 2px 5px #00000005}.user-profile-widget:hover{background-color:#f1f5f9}.profile-chevron{color:#94a3b8;transition:transform .3s}.profile-chevron.open{transform:rotate(90deg)}.profile-dropdown{z-index:9999;background:#fff;border:1px solid #0000000a;border-radius:20px;min-width:240px;padding:.75rem;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 15px 45px #0000001f}.dropdown-section{flex-direction:column;gap:2px;display:flex}.dropdown-primary-btn{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;margin-bottom:.75rem;padding:.85rem;font-size:.85rem;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #10593426}.dropdown-primary-btn:hover{background-color:#0d4a2c;transform:translateY(-1px);box-shadow:0 6px 15px #10593433}.dropdown-header{border-bottom:1px solid #f1f5f9;flex-direction:column;margin-bottom:.5rem;padding:.5rem 1rem 1rem;display:flex}.dropdown-header strong{color:#1e293b;font-size:.9rem}.dropdown-header span{color:#94a3b8;font-size:.75rem}.dropdown-item{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:.75rem;width:100%;padding:.7rem .85rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.dropdown-item:hover{color:var(--primary);background-color:#f8fafc}.dropdown-item.logout{color:#ef4444;background-color:#fff1f2;margin-top:.25rem}.dropdown-item.logout:hover{background-color:#ffe4e6;transform:scale(.98)}.dropdown-divider{background-color:#f1f5f9;height:1px;margin:.5rem .25rem}.user-avatar-wrapper{border:2px solid #fff;border-radius:50%;width:44px;height:44px;overflow:hidden;box-shadow:0 2px 10px #0000001a}.user-avatar-wrapper img{object-fit:cover;width:100%;height:100%}.user-info-text{flex-direction:column;display:flex}.user-name{color:#1e293b;font-size:.95rem;font-weight:700;line-height:1.2}.user-email{color:#94a3b8;font-size:.75rem}.mobile-only{display:none}.content-area{flex-direction:column;flex:1;padding:0 2.5rem 2rem;display:flex;overflow-y:auto}.content-area::-webkit-scrollbar{display:none}.content-area{scrollbar-width:none;-ms-overflow-style:none}@media (width<=1024px){.sidebar{width:250px}}@media (width<=768px){.app-container{border-radius:0;width:100vw;height:100vh;margin:0}.sidebar{z-index:50;position:fixed;left:-280px;box-shadow:10px 0 30px #0000001a}.sidebar.open{left:0}.mobile-overlay{z-index:40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000004d;display:block;position:fixed;inset:0}.mobile-only{display:flex}.top-navbar-container{padding:1rem 1.5rem .5rem}.top-navbar-card{border-radius:16px;padding:.5rem 1rem}.search-wrapper,.user-info-text{display:none}.mobile-menu-btn,.mobile-close-btn{display:flex}.top-navbar-left{gap:.5rem}.content-area{padding:0 1rem 1.5rem;overflow-y:auto}}.search-wrapper{background-color:#fff;border:1px solid #0000000a;border-radius:9999px;max-width:440px;padding:.35rem 1rem;box-shadow:0 2px 10px #00000005}.search-hint{color:#64748b;background-color:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;padding:.35rem .6rem;font-size:.7rem;font-weight:700;box-shadow:inset 0 1px 2px #00000005}.top-search-input{font-weight:500}.circle-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.user-profile-widget{background-color:#fff;border:1px solid #0000000a;border-radius:9999px;padding:.25rem .75rem .25rem .25rem}.user-profile-widget:hover{background-color:#f8fafc;transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.user-avatar-wrapper{border:1.5px solid #fff;width:32px;height:32px;box-shadow:0 2px 8px #0000001a}.user-name{color:#0f172a;font-size:.95rem}.user-email{color:#94a3b8;font-weight:500}.notif-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10000;background:#0f172a66;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.notif-modal{background:#fff;border:1px solid #fffc;border-radius:32px;flex-direction:column;width:680px;max-width:95%;height:75vh;min-height:550px;max-height:88vh;display:flex;overflow:hidden;box-shadow:0 40px 100px #00000040}.notif-header{background:#f8fafc;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.notif-header .header-content h2{color:#1e293b;margin:0;font-size:1.1rem;font-weight:800}.notif-header .header-content p{color:#64748b;margin:.2rem 0 0;font-size:.75rem}.notif-close-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.notif-close-btn:hover{color:#1e293b;background:#f1f5f9;transform:rotate(90deg)}.notif-body{background:#fff;flex:1;padding:1.5rem 2rem;overflow-y:auto}.notif-body::-webkit-scrollbar{width:8px}.notif-body::-webkit-scrollbar-track{background:#f8fafc;border-radius:4px}.notif-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.notif-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.empty-notif-circle{color:#cbd5e1;background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:1rem;display:flex}.no-notifications-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:3rem 0;display:flex}.no-notifications-state p{color:#64748b;font-size:.9rem;font-weight:700}@keyframes popIn{0%{opacity:0;transform:scale(.98)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.unread-badge{color:#fff;background-color:#ef4444;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;font-weight:800;animation:.3s cubic-bezier(.16,1,.3,1) popIn;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 4px #ef44444d}.notif-subbar{background-color:#fff;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:.75rem 2rem;display:flex}.notif-tabs{gap:.5rem;display:flex}.notif-tab-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:12px;padding:.4rem .85rem;font-size:.8rem;font-weight:700;transition:all .2s}.notif-tab-btn.active{background:var(--primary);color:#fff;box-shadow:0 2px 8px #10593433}.notif-actions{gap:1rem;display:flex}.notif-action-btn{color:var(--primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:.35rem;font-size:.8rem;font-weight:700;transition:opacity .2s;display:flex}.notif-action-btn:hover{opacity:.8}.notification-item{background:#fff;border:1px solid #f1f5f9;border-radius:20px;align-items:flex-start;gap:1rem;margin-bottom:.75rem;padding:1.15rem;transition:all .2s;display:flex;position:relative;overflow:hidden}.notification-item.unread{background:#f8fafc;border-color:#cbd5e1}.notification-item:hover{transform:translateY(-2px);box-shadow:0 10px 30px #0000000d}.notif-priority-tag{text-transform:uppercase;border-radius:6px;margin-bottom:6px;padding:2px 8px;font-size:10px;font-weight:800;display:inline-block}.notif-priority-tag.critical{color:#ef4444;background:#fee2e2}.notif-priority-tag.important{color:#d97706;background:#fef3c7}.notif-priority-tag.normal{color:#4f46e5;background:#e0e7ff}.notif-priority-tag.system{color:#9333ea;background:#f3e8ff}.login-screen-grid{background-color:var(--background);grid-template-columns:1fr 1fr;height:100vh;display:grid;overflow:hidden}.login-visual-section{background:linear-gradient(135deg, var(--primary) 0%, #0a3d24 100%);color:#fff;flex-direction:column;justify-content:space-between;padding:3rem;display:flex;position:relative;overflow:hidden}.visual-header{z-index:10}.brand-logo{align-items:center;gap:.75rem;margin-bottom:2rem;font-size:1.25rem;font-weight:700;display:flex}.logo-img-small{object-fit:contain;width:32px;height:32px}.visual-header h1{color:#fff;text-shadow:0 2px 4px #0003;margin-bottom:1rem;font-size:2.5rem;font-weight:800;line-height:1.1}.visual-header p{color:#f0fdf4;opacity:.9;max-width:400px;font-size:1.1rem}.characters-container{flex:1;justify-content:center;align-items:flex-end;padding-bottom:4rem;display:flex}.characters-stage{width:550px;height:400px;position:relative}.character{transform-origin:bottom;transition:all .7s cubic-bezier(.16,1,.3,1);position:absolute;bottom:0}.char-primary{background-color:var(--primary);z-index:1;border-radius:10px 10px 0 0;width:180px;left:70px}.char-slate{z-index:2;background-color:#1e293b;border-radius:8px 8px 0 0;width:120px;height:310px;left:240px}.char-mint{z-index:3;background-color:#86efac;border-radius:120px 120px 0 0;width:240px;height:200px;left:0}.char-gold{z-index:4;background-color:#fef08a;border-radius:70px 70px 0 0;width:140px;height:230px;left:310px}.char-eyes{gap:1rem;transition:all .2s ease-out;display:flex;position:absolute}.eyeball{border-radius:50%;justify-content:center;align-items:center;transition:height .15s ease-in-out;display:flex;overflow:hidden}.pupil{border-radius:50%;transition:transform .1s ease-out}.char-mouth{background-color:#111827;border-radius:99px;width:60px;height:4px;transition:all .2s ease-out;position:absolute}.visual-footer{opacity:.6;justify-content:space-between;align-items:center;font-size:.85rem;display:flex}.footer-links{gap:1.5rem;display:flex}.login-form-section{background-color:#fff;justify-content:center;align-items:center;max-height:100vh;padding:1.5rem;display:flex;overflow-y:hidden}.form-wrapper{width:100%;max-width:420px}.form-header{text-align:center;margin-bottom:1.5rem}.welcome-text{color:#111827;margin-bottom:.25rem;font-size:1.75rem;font-weight:800}.admin-portal-link{color:#64748b;cursor:pointer;z-index:100;background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.85rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:1.5rem;right:1.5rem;box-shadow:0 1px 2px #0000000d}.admin-portal-link:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.admin-portal-link svg{color:var(--primary)}.admin-portal-link.active{background-color:var(--primary);border-color:var(--primary);color:#fff}.admin-portal-link.active svg{color:#fff}.subtitle{color:var(--text-secondary);font-size:.95rem}.login-tabs-unified{background-color:#f3f4f6;border-radius:12px;gap:.3rem;margin-bottom:1.5rem;padding:.3rem;display:flex}.mode-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:.75rem;font-size:.9rem;font-weight:600;transition:all .2s}.mode-tab.active{color:var(--primary);background-color:#fff;box-shadow:0 4px 6px -1px #0000001a}.auth-form{flex-direction:column;gap:1rem;display:flex}.field-group{flex-direction:column;gap:.5rem;display:flex}.field-group label{color:#374151;font-size:.85rem;font-weight:600}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon svg{color:#9ca3af;position:absolute;left:1rem}.input-with-icon input{border:1.5px solid #e5e7eb;border-radius:12px;width:100%;height:3.2rem;padding:0 1rem 0 3rem;font-size:.95rem;transition:all .2s}.input-with-icon input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 4px #1059341a}.toggle-pass{color:#9ca3af;cursor:pointer;background:0 0;border:none;position:absolute;right:1rem}.form-utils{justify-content:space-between;align-items:center;font-size:.85rem;display:flex}.remember-me{cursor:pointer;color:#4b5563;align-items:center;gap:.75rem;font-weight:500;display:flex}.remember-me input[type=checkbox]{cursor:pointer;width:1.25rem;height:1.25rem;accent-color:var(--primary);border:1.5px solid #d1d5db;border-radius:4px}.forgot-pass{color:var(--primary);font-weight:600;text-decoration:none}.submit-btn{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.75rem;height:3.2rem;font-size:1rem;font-weight:700;transition:all .2s;display:flex}.submit-btn:hover{background-color:#0d4a2b;transform:translateY(-2px)}.error-box{color:#dc2626;background-color:#fef2f2;border:1px solid #fee2e2;border-radius:12px;margin-bottom:1.5rem;padding:1rem;font-size:.875rem}.form-footer{text-align:center;color:var(--text-secondary);margin-top:1rem;font-size:.85rem}.form-footer a{color:var(--primary);font-weight:700;text-decoration:none}@media (width<=1024px){.login-screen-grid{grid-template-columns:1fr}.login-visual-section{display:none}}.animate-shake{animation:.4s cubic-bezier(.36,.07,.19,.97) both shake}.admin-web-restriction{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;align-items:center;gap:1.25rem;padding:2rem;display:flex}.restriction-icon{width:80px;height:80px;color:var(--primary);background:#ecfdf5;border-radius:50%;justify-content:center;align-items:center;margin-bottom:.5rem;display:flex}.admin-web-restriction h3{color:#0f172a;margin:0;font-size:1.5rem;font-weight:800}.admin-web-restriction p{color:#64748b;margin:0;font-size:.95rem;line-height:1.6}.download-btn-wide{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:.75rem;width:100%;height:3.2rem;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 8px 20px #10593433}.download-btn-wide:hover{background-color:#0d4a2b;transform:translateY(-2px);box-shadow:0 12px 24px #1059344d}.secondary-link{color:#64748b;cursor:pointer;opacity:.8;background:0 0;border:none;font-size:.85rem;font-weight:600;text-decoration:underline}.secondary-link:hover{color:var(--primary);opacity:1}.dashboard-container{flex-direction:column;height:100vh;padding:.75rem 1.5rem .5rem;display:flex;overflow:hidden}.dashboard-header-main{justify-content:space-between;align-items:flex-end;margin-bottom:.25rem;display:flex}.dashboard-header-main h1{color:#111827;margin:0;font-size:1.5rem;font-weight:700}.dashboard-header-main p{color:#9ca3af;margin-top:.15rem;font-size:.8rem}.dashboard-grid-layout{flex:1;grid-template-columns:1.5fr 1fr;gap:1.25rem;min-height:0;display:grid;overflow:hidden}.dashboard-grid-layout.teacher-layout{grid-template-columns:1fr}.stats-row-container{grid-column:1/span 2;align-items:center;gap:1rem;margin-bottom:.25rem;display:flex}.featured-stat-card{color:#fff;background:linear-gradient(135deg,#105934 0%,#0d3d25 100%);border-radius:24px;flex-direction:column;flex-shrink:0;justify-content:space-between;width:140px;height:130px;padding:1rem;transition:transform .3s;display:flex;box-shadow:0 10px 25px -10px #10593466}.featured-stat-card:hover{transform:translateY(-5px)}.featured-stat-card h4{text-transform:uppercase;color:#ffffffb3;letter-spacing:.05em;font-size:.55rem;font-weight:700}.featured-stat-card .value{margin:.1rem 0;font-size:2rem;font-weight:700}.featured-stat-card .footer{opacity:.8;align-items:center;gap:.35rem;font-size:.55rem;line-height:1.1;display:flex}.active-sessions-infobar{scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;flex:1;gap:1rem;padding:.75rem .5rem;display:flex;overflow-x:auto}.active-sessions-infobar::-webkit-scrollbar{display:none}.active-sessions-infobar::-webkit-scrollbar-thumb{background:#0000000d;border-radius:10px}.no-active-sessions{color:#94a3b8;letter-spacing:.02em;background:#eaf1f766;border:1px dashed #e2e8f0;border-radius:20px;justify-content:center;align-items:center;width:100%;height:100%;font-size:.9rem;font-weight:700;display:flex}.stats-separator{opacity:.8;background-color:#e2e8f0;flex-shrink:0;align-self:center;width:1px;height:80px;margin:0 .5rem}.infobar-container{flex:1;align-items:center;min-width:0;display:flex;position:relative;overflow:hidden}.teacher-hero-card{background:#fff;border:1px solid #1059341a;border-radius:28px;flex-direction:column;flex:1;justify-content:space-between;margin-right:1rem;padding:1.25rem 2rem;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #00000005}.teacher-hero-card:before{content:"";background:var(--primary);width:4px;height:100%;position:absolute;top:0;left:0}.teacher-hero-card.upcoming-hero{border-color:#3b82f633}.teacher-hero-card.upcoming-hero:before{background:#3b82f6}.teacher-hero-card.custom-hero:before{background:#eab308}.teacher-hero-card.custom-hero{border-color:#eab3084d}.hero-main{justify-content:space-between;align-items:center;display:flex}.hero-subject-box{align-items:center;gap:1.25rem;display:flex}.hero-subject-box h3{color:#1e293b;margin:0;font-size:1.2rem;font-weight:800;line-height:1.1}.hero-subject-box p{color:#64748b;margin:.1rem 0 0;font-size:.8rem;font-weight:600}.hero-time-box{color:#475569;background:#f8fafc;border-radius:12px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:700;display:flex}.hero-time-box.upcoming{color:#3b82f6;background:#3b82f60d}.hero-footer{align-items:center;gap:.75rem;margin-top:.5rem;display:flex}.hero-tag{color:#105934;letter-spacing:.03em;background:#1059340f;border-radius:8px;padding:.25rem .75rem;font-size:.7rem;font-weight:800}.hero-status-tag{color:#105934;letter-spacing:.05em;align-items:center;gap:.5rem;margin-left:auto;font-size:.65rem;font-weight:800;display:flex}.hero-status-tag .dot{background:#105934;border-radius:50%;width:8px;height:8px}.hero-status-tag.upcoming{color:#3b82f6}.hero-status-tag.upcoming .dot{background:#3b82f6}.infobar-nav-btn{cursor:pointer;z-index:15;color:#fff;visibility:visible;opacity:1;background:#105934;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 12px #10593440}.infobar-nav-btn:hover{background:#0d4a2b;transform:translateY(-50%)scale(1.15);box-shadow:0 6px 16px #10593459}.infobar-nav-btn.left{left:.5rem}.infobar-nav-btn.right{right:.5rem}.session-mini-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#ffffffb3;border:1px solid #fffc;border-radius:28px;flex-direction:column;flex-shrink:0;justify-content:space-between;width:155px;height:150px;padding:1.15rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #00000005,0 0 0 1px #00000003}.session-mini-card:hover{background:#ffffffd9;transform:translateY(-6px);box-shadow:0 15px 35px #0000000f}.session-mini-card.active{border-color:var(--primary);background-color:#1059340a;border-width:2px}.session-mini-card.upcoming-mini{border-color:#3b82f633}.session-mini-card.upcoming-mini:hover{background-color:#3b82f608}.session-mini-card.custom-mini{background:#fefce8bf;border-color:#eab30859}.session-mini-card.custom-mini:hover{background:#fefce8f2;border-color:#eab3088c;box-shadow:0 15px 35px #eab30814}.session-mini-card.custom-mini.active{background:#fefce8e6;border-width:2px;border-color:#eab308}.session-mini-card.custom-mini .subject{color:#78350f}.session-mini-card.custom-mini .session-card-meta{color:#92400e}.session-card-main{flex-direction:column;gap:.15rem;display:flex}.session-card-main .subject{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:800;line-height:1.1;overflow:hidden}.session-card-main .teacher{color:#64748b;opacity:.85;font-size:.75rem;font-weight:500}.session-card-context{flex-direction:column;gap:.1rem;margin:.35rem 0;display:flex}.session-card-context .location-cam{color:#475569;font-size:.65rem;font-weight:700}.session-card-context .time-range{color:#94a3b8;font-size:.7rem;font-weight:700}.session-card-meta{color:#94a3b8;letter-spacing:.02em;opacity:.9;margin-top:auto;font-size:.65rem;font-weight:700}.session-mini-details .subject{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;font-weight:700;line-height:1.1;display:block;overflow:hidden}.session-mini-details .room{color:#94a3b8;font-size:.6rem;font-weight:600}.session-sub-info{color:#94a3b8;flex-direction:column;gap:.15rem;margin-top:auto;font-size:.55rem;display:flex}.session-sub-info span{white-space:nowrap;align-items:center;gap:.3rem;display:flex}.mini-stats-group{gap:1rem;margin-left:auto;display:flex}.mini-stat-card{text-align:center;background:#fff;border:1px solid #0000000a;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;width:170px;height:130px;padding:.75rem 1rem;transition:all .3s;display:flex;box-shadow:0 4px 15px #00000005}.mini-stat-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000000d}.clickable-stat-card{cursor:pointer}.clickable-stat-card:focus-visible{outline-offset:3px;outline:3px solid #10593440}.mini-stat-card h4{color:#64748b;text-transform:uppercase;letter-spacing:.02em;margin-bottom:.15rem;font-size:.6rem;font-weight:700}.mini-stat-card .value{color:#1e293b;font-size:1.4rem;font-weight:700;line-height:1.1}.mini-stat-card.grey-card{background:#eaf1f799;border:1px solid #fff6}.stat-meta-tags{gap:.5rem;margin:.5rem 0;display:flex}.meta-tag{color:#475569;letter-spacing:.02em;background:#f1f5f9;border-radius:999px;padding:.25rem .75rem;font-size:.65rem;font-weight:800}.mini-stat-card .footer{color:#94a3b8;margin-top:.25rem;font-size:.7rem}.attendance-progress-card{position:relative;background-repeat:no-repeat!important;background-size:100% 100%!important}.attendance-progress-card h4{z-index:2;color:#64748b;position:relative}.attendance-progress-card .value{z-index:2;color:#1e293b;position:relative}.attendance-progress-card .footer{z-index:2;color:#64748b;position:relative}.analytics-section{background:#fff;border:1px solid #0000000a;border-radius:32px;flex-direction:column;grid-column:1;width:100%;min-height:0;padding:1.5rem;display:flex;overflow:hidden;box-shadow:0 4px 20px #00000005}.dashboard-header-row{justify-content:space-between;align-items:center;margin-bottom:2rem;padding:0 .5rem;display:flex;position:relative}.dashboard-context-header{white-space:nowrap;background:#fff;border:1px solid #0000000d;border-radius:50px;align-items:center;gap:1rem;padding:.6rem 1.5rem;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 4px 15px #00000008}.dashboard-context-header .context-meta{color:var(--primary);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:800}.dashboard-context-header .context-teacher{color:#1e293b;border-left:2px solid #e2e8f0;padding-left:1rem;font-size:.9rem;font-weight:800}.view-all-btn,.refresh-btn{cursor:pointer;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;width:auto;min-width:140px;height:42px;padding:0 1.5rem;font-size:14px;font-weight:700;transition:all .2s;display:flex}.view-all-btn{color:#fff;background:#105934;border:none;box-shadow:0 4px 12px #10593426}.view-all-btn:hover{background:#0d4a2b;transform:translateY(-1px);box-shadow:0 6px 15px #10593433}.refresh-btn{color:#1e293b;background:#fff;border:1px solid #e2e8f0}.refresh-btn:hover{color:var(--primary);border-color:var(--primary);background:#f8fafc;transform:translateY(-1px)}.section-header-row h3{color:#1e293b;font-size:1.1rem;font-weight:700}.video-stream-wrapper{aspect-ratio:16/9;background:#000;border-radius:20px;flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #0003}.live-video-feed{object-fit:contain;width:100%;height:100%}.video-controls-overlay{opacity:0;background:linear-gradient(#0000,#0006);justify-content:flex-end;padding:1.25rem;transition:opacity .3s;display:flex;position:absolute;bottom:0;left:0;right:0}.video-stream-wrapper:hover .video-controls-overlay{opacity:1}.video-control-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:#fff3;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.video-control-btn:hover{background:#fff6;transform:scale(1.1)}.analytics-section .section-header-row{margin-bottom:.75rem}.video-feed-container{width:100%;height:100%;position:relative}.ai-status-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;background:#0f172abf;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:.6rem;padding:.5rem 1rem;transition:all .3s;display:flex;position:absolute;top:1rem;left:1rem;box-shadow:0 4px 12px #0003}.ai-status-overlay span{color:#fff;letter-spacing:.02em;font-size:.75rem;font-weight:700}.ai-status-overlay.error{background:#991b1bd9;border-color:#ef444466}.status-dot{border-radius:50%;width:8px;height:8px}.status-dot.online{background:#10b981;box-shadow:0 0 8px #10b981}.status-dot.offline{background:#ef4444}.hero-ai-status{border-radius:10px;align-items:center;gap:.5rem;width:fit-content;margin-top:.75rem;padding:.4rem .8rem;font-size:.7rem;font-weight:700;transition:all .3s;display:flex}.hero-ai-status.active{color:#105934;background:#1059340d}.hero-ai-status.error{color:#b91c1c;background:#ef44440d}.recent-arrivals-section{background:#fff;border:1px solid #0000000a;border-radius:32px;flex-direction:column;flex:1;grid-column:2;min-width:0;padding:1.5rem;display:flex;overflow:hidden;box-shadow:0 4px 20px #00000005}.teacher-layout .recent-arrivals-section{grid-column:1}.arrivals-list{flex-direction:column;flex:1;gap:1.25rem;padding-right:.25rem;display:flex;overflow-y:auto}.arrival-item{align-items:center;gap:.75rem;display:flex}.avatar-ring{border-radius:50%;flex-shrink:0;width:36px;height:36px;padding:2px}.avatar-ring img{object-fit:cover;border:1.5px solid #fff;border-radius:50%;width:100%;height:100%}.ring-pink{background-color:#fce7f3;border:1.5px solid #fbcfe8}.ring-green{background-color:#dcfce7;border:1.5px solid #bbf7d0}.ring-blue{background-color:#dbeafe;border:1.5px solid #bfdbfe}.ring-yellow{background-color:#fef9c3;border:1.5px solid #fef08a}.arrival-info{flex:1;min-width:0}.arrival-info h5{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.8rem;font-weight:700;overflow:hidden}.arrival-info p{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.65rem;overflow:hidden}.status-badge-compact{border-radius:6px;flex-shrink:0;padding:.2rem .5rem;font-size:.55rem;font-weight:700}.status-present{color:#166534;background-color:#dcfce7}.status-detected{color:#1d4ed8;background-color:#dbeafe}.status-processing{color:#92400e;background-color:#fef3c7}.arrivals-list::-webkit-scrollbar{width:4px}.arrivals-list::-webkit-scrollbar-track{background:0 0}.arrivals-list::-webkit-scrollbar-thumb{background:#f1f5f9;border-radius:10px}.btn-header-action{cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:9999px;padding:.35rem .7rem;font-size:.65rem;font-weight:600}.dashboard-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:#0f172a66;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.dashboard-modal-container{background:#fff;border-radius:30px;flex-direction:column;width:74vw;min-width:min(1080px,100%);max-width:1360px;height:78vh;max-height:900px;display:flex;overflow:hidden;box-shadow:0 30px 60px -12px #0f172a40}.dashboard-modal-header{border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;gap:1rem;padding:1.6rem 1.75rem 1.2rem;display:flex}.dashboard-modal-header h3{color:#1e293b;margin:0;font-size:1.25rem;font-weight:800}.dashboard-modal-header p{color:#94a3b8;margin:.15rem 0 0;font-size:.75rem;font-weight:600}.dashboard-modal-close{color:#64748b;cursor:pointer;background:#fff;border:1px solid #f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:all .2s;display:flex}.dashboard-modal-close:hover{color:#1e293b;background:#f1f5f9;transform:rotate(90deg)}.dashboard-modal-body{scrollbar-width:none;-ms-overflow-style:none;flex:1;overflow:auto}.dashboard-modal-body::-webkit-scrollbar{display:none}.explorer-grid{background:#fff;flex:1;grid-template-columns:repeat(4,1fr);align-content:start;gap:1.5rem 1.75rem;padding:2rem 2.35rem 2.35rem;display:grid;overflow-y:auto}.explorer-card{cursor:pointer;min-height:225px;box-shadow:none;background:#fff;border:1px solid #e8edf4;border-radius:24px;flex-direction:column;gap:.65rem;padding:1rem;transition:all .3s;display:flex}.explorer-card:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 16px 32px #0f172a0f}.explorer-card-header{align-items:flex-start;gap:.7rem;display:flex}.icon-box{background:#eaf3ef;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.header-info{flex-direction:column;gap:.15rem;display:flex}.header-info .subject{color:#1e293b;font-size:.8rem;font-weight:800;line-height:1.1}.header-info .room{color:#71809a;margin-top:.05rem;font-size:.6rem;font-weight:800}.explorer-card-body{border-top:1px solid #eef2f7;flex-direction:column;gap:.35rem;padding:.55rem 0 0;display:flex}.explorer-card-body .detail-row{color:#53637a;align-items:center;gap:.4rem;font-size:.65rem;font-weight:600;display:flex}.explorer-card-body .detail-row svg{color:#94a3b8;flex-shrink:0;width:12px;height:12px}.explorer-card-footer{margin-top:auto;padding-top:0}.live-indicator{color:#105934;align-items:center;gap:.35rem;font-size:.62rem;font-weight:700;display:flex}.live-indicator .dot{background:#16a34a;border-radius:50%;width:6px;height:6px}.present-students-modal{width:76vw;max-width:1400px;height:80vh}.present-students-list{background:#f8fafc;flex-direction:column;gap:.85rem;padding:1.25rem 1.75rem 1.75rem;display:flex}.present-student-item{background:#fff;border:1px solid #eef2f7;border-radius:18px;grid-template-columns:auto minmax(150px,1fr) minmax(220px,1.2fr) auto;align-items:center;gap:.85rem;min-height:72px;padding:.85rem 1rem;transition:all .2s;display:grid}.present-student-item:hover{border-color:#10593429;transform:translateY(-1px);box-shadow:0 10px 24px #0f172a0a}.present-student-main,.present-student-email,.present-student-meta{min-width:0}.present-student-main h5{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.85rem;font-weight:800;overflow:hidden}.present-student-main span{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;margin-top:.1rem;font-size:.68rem;font-weight:700;display:block;overflow:hidden}.present-student-email{color:#64748b;align-items:center;gap:.45rem;font-size:.72rem;font-weight:600;display:flex}.present-student-email svg{color:#cbd5e1;flex-shrink:0}.present-student-email span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.present-student-meta{justify-content:flex-end;align-items:center;gap:.55rem;display:flex}.present-time{color:#64748b;white-space:nowrap;background:#f1f5f9;border-radius:7px;align-items:center;gap:.25rem;padding:.24rem .55rem;font-size:.65rem;font-weight:800;display:flex}.modal-state-message{color:#64748b;justify-content:center;align-items:center;gap:.65rem;min-height:220px;font-size:.85rem;font-weight:700;display:flex}.modal-inline-note{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:14px;padding:.75rem 1rem;font-size:.75rem;font-weight:700}.explorer-card.upcoming{border-color:#3b82f633}.explorer-card.upcoming:hover{background:#3b82f605;border-color:#3b82f6}.live-indicator.scheduled{color:#3b82f6;background:#3b82f61a}.live-indicator.scheduled .dot{background:#3b82f6;box-shadow:0 0 8px #3b82f666}.explorer-card.is-custom{border-color:#eab3084d}.explorer-card.is-custom:hover{background:#eab30805;border-color:#eab308}.live-indicator.custom-yellow{color:#854d0e;background:#eab3081a}.live-indicator.custom-yellow .dot{background:#eab308;box-shadow:0 0 8px #eab30866}@media (width<=1400px){.explorer-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=1100px){.dashboard-modal-container{width:92vw;min-width:0;height:82vh}.explorer-grid{grid-template-columns:repeat(2,1fr)}.present-student-item{grid-template-columns:auto 1fr}.present-student-email,.present-student-meta{grid-column:2}.present-student-meta{justify-content:flex-start}}@media (width<=700px){.dashboard-modal-overlay{padding:1rem}.dashboard-modal-container{border-radius:24px;width:94vw;height:88vh;max-height:88vh}.dashboard-modal-header{padding:1.25rem}.explorer-grid{grid-template-columns:1fr;padding:1rem}.present-students-list{padding:1rem}.present-student-item{align-items:flex-start}.present-student-meta{flex-wrap:wrap}}@media (width<=1200px){.dashboard-grid-layout{grid-template-columns:1fr}.recent-arrivals-section{display:none}}.video-feed-container{position:relative;overflow:hidden}.video-controls-overlay{opacity:0;z-index:30;gap:.75rem;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;bottom:1.25rem;right:1.25rem;transform:translateY(10px)}.video-feed-container:hover .video-controls-overlay{opacity:1;transform:translateY(0)}.control-btn{-webkit-backdrop-filter:blur(12px)saturate(180%);cursor:pointer;color:#fff;background:#ffffff26;border:1px solid #fff3;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex;box-shadow:0 8px 32px #0000004d}.control-btn:hover{color:#4ade80;background:#ffffff40;border-color:#fff6;transform:scale(1.1);box-shadow:0 0 20px #10593480}.control-btn:active{transform:scale(.95)}.video-feed-container.is-fullscreen{z-index:9999;background:#000;border-radius:0;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0;width:100vw!important;height:100vh!important}.video-feed-container.is-fullscreen .live-video-feed{border-radius:0;width:auto;max-height:100vh;box-shadow:0 0 100px #00000080}.video-feed-container.is-fullscreen .video-controls-overlay{opacity:.4}.video-feed-container.is-fullscreen .video-controls-overlay:hover{opacity:1}.fullscreen-arrivals-overlay{-webkit-backdrop-filter:blur(20px)saturate(180%);z-index:40;background:#0f172a66;border:1px solid #ffffff1a;border-radius:24px;flex-direction:column;gap:1rem;width:240px;max-height:80vh;padding:1.25rem;display:flex;position:absolute;top:50%;left:2rem;transform:translateY(-50%);box-shadow:0 25px 50px -12px #00000080}.overlay-header{text-transform:uppercase;color:#ffffff80;letter-spacing:.1em;border-bottom:1px solid #ffffff1a;padding-bottom:.5rem;font-size:.75rem;font-weight:800}.overlay-list{flex-direction:column;gap:.75rem;padding-right:.5rem;display:flex;overflow-y:auto}.overlay-list::-webkit-scrollbar{width:4px}.overlay-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.overlay-item{background:#ffffff0d;border-radius:12px;align-items:center;gap:.75rem;padding:.5rem;transition:all .2s;display:flex}.overlay-item:hover{background:#ffffff1a;transform:translate(5px)}.overlay-item .item-info h6{color:#fff;margin:0;font-size:.85rem;font-weight:600}.overlay-item .item-info span{color:#ffffff80;font-size:.7rem}.animate-slide-right{animation:.5s cubic-bezier(.16,1,.3,1) both slideRight}@keyframes slideRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.student-dashboard{background:linear-gradient(135deg,#10593405 0%,#fff0 100%);flex-direction:column;gap:1.25rem;height:calc(100vh - 120px);padding:1.5rem;display:flex;overflow:hidden}.student-dashboard::-webkit-scrollbar{display:none}.student-dashboard{scrollbar-width:none;-ms-overflow-style:none}.stats-grid{flex-shrink:0;grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.stat-card{background:#fff;border:1px solid #1059340f;border-radius:24px;flex-direction:row;align-items:center;gap:1.5rem;padding:1.5rem;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #1059340a}.stat-card:hover{border-color:#10593426;transform:translateY(-2px);box-shadow:0 10px 30px #10593414}.stat-icon-wrapper{border-radius:14px;justify-content:center;align-items:center;width:46px;height:46px;display:flex;box-shadow:0 4px 10px #1059341a}.stat-icon-wrapper.blue{color:var(--primary);background:#f0fdf4}.stat-icon-wrapper.purple{background:var(--accent);color:var(--primary)}.stat-icon-wrapper.orange{color:#4d7c0f;background:#f7fee7}.stat-info h3{color:#1e293b;margin:0;font-size:1.6rem;font-weight:800}.stat-info p{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.8rem;font-weight:600}.attendance-progress-card{border:1px solid #1059341a;transition:background .5s ease-out}.dashboard-main-content{flex:1;grid-template-columns:1.2fr .8fr;gap:1.25rem;min-height:0;display:grid}.section-card{background:#fff;border:1px solid #1059340d;border-radius:28px;flex-direction:column;height:100%;display:flex;overflow:hidden;box-shadow:0 4px 20px #00000005}.section-header{background:linear-gradient(90deg,#10593408,#0000);border-bottom:1px solid #1059340d;flex-shrink:0;align-items:center;gap:.75rem;padding:1.25rem 1.5rem;display:flex}.section-header h2{color:var(--primary);margin:0;font-size:1.1rem;font-weight:800}.section-header svg{color:var(--primary);opacity:.8}.activity-list,.upcoming-list{flex-direction:column;flex:1;gap:.75rem;padding:1.25rem;display:flex;overflow-y:auto}.activity-list::-webkit-scrollbar{width:4px}.upcoming-list::-webkit-scrollbar{width:4px}.activity-list::-webkit-scrollbar-thumb{background:#1059341a;border-radius:10px}.upcoming-list::-webkit-scrollbar-thumb{background:#1059341a;border-radius:10px}.activity-card{background:#fff;border:1px solid #00000008;border-radius:18px;padding:1rem 1.25rem;transition:all .2s}.activity-card:hover{background:#10593403;border-color:#1059341a;transform:translate(4px)}.activity-details h4{color:#1e293b;font-weight:700}.activity-meta span{color:#94a3b8;font-weight:600}.status-label{text-transform:uppercase;letter-spacing:.02em;border-radius:8px;padding:.3rem .6rem;font-size:.7rem;font-weight:800}.status-pending{color:#0369a1;background:#f0f9ff}.status-attended{color:#047857;background:#ecfdf5}.status-missed{color:#b91c1c;background:#fef2f2}.status-cancelled{color:#475569;background:#f8fafc}.status-ongoing{color:#b45309;background:#fffbeb}.filter-group{background:#1059340a;border:1px solid #1059340d;border-radius:12px;gap:.4rem;padding:.25rem;display:flex}.filter-pill{color:#64748b;cursor:pointer;text-transform:uppercase;letter-spacing:.02em;background:0 0;border:none;border-radius:9px;padding:.35rem .8rem;font-size:.7rem;font-weight:700;transition:all .2s}.filter-pill:hover{color:var(--primary);background:#1059340d}.filter-pill.active{background:var(--primary);color:#fff;box-shadow:0 4px 10px #10593433}.schedule-row{border-left:3px solid #0000;border-radius:16px;margin-bottom:.25rem;padding:1rem;transition:all .2s}.schedule-row.custom-session{background:#eab3080a;border-color:#eab3081a #eab3081a #eab3081a #eab308;border-top-style:solid;border-top-width:1px;border-bottom-style:solid;border-bottom-width:1px;border-right-style:solid;border-right-width:1px}.custom-badge{color:#854d0e;letter-spacing:.05em;background:#eab3081a;border-radius:6px;align-items:center;gap:.4rem;margin-bottom:.25rem;padding:.2rem .5rem;font-size:.55rem;font-weight:800;display:inline-flex}.schedule-row.cancelled-session{opacity:.6;background:#f1f5f9;border-color:#e2e8f0 #e2e8f0 #e2e8f0 #94a3b8;border-top-style:solid;border-top-width:1px;border-bottom-style:solid;border-bottom-width:1px;border-right-style:solid;border-right-width:1px}.schedule-row.cancelled-session *{color:#64748b!important}.schedule-row.cancelled-session h4,.schedule-row.cancelled-session p,.schedule-row.cancelled-session span{text-decoration:line-through}.schedule-row.cancelled-session .custom-badge{color:#64748b;background:#e2e8f0;text-decoration:none}.schedule-row.cancelled-session .time-badge{text-decoration:line-through;color:#64748b!important;background:#e2e8f0!important}.schedule-row.is-ended{opacity:.8;background:#f8fafc80}.schedule-row.is-ended .time-badge{color:#94a3b8!important;background:#f1f5f9!important}.schedule-row:hover{border-left-color:var(--primary);background:#10593405}.schedule-row.custom-session:hover{background:#eab30814;border-left-color:#eab308}.time-badge{color:var(--primary);background:#10593414;padding:.2rem .5rem;font-size:.75rem}@media (width<=1100px){.student-dashboard{height:auto;overflow-y:auto}.dashboard-main-content{grid-template-columns:1fr}.section-card{min-height:400px}}@media (width<=768px){.stats-grid{grid-template-columns:1fr}}.sess-page{scrollbar-width:thin;scrollbar-color:#e2e8f0 transparent;background:0 0;flex-direction:column;gap:1.5rem;height:100vh;padding:1.5rem 2rem;display:flex;overflow-y:auto}.sess-page::-webkit-scrollbar{width:4px}.sess-page::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.sess-header{flex-shrink:0;justify-content:space-between;align-items:flex-end;display:flex}.sess-header-left h1{color:#1e293b;margin:0;font-size:1.5rem;font-weight:800}.sess-subtitle{color:#94a3b8;margin:.2rem 0 0;font-size:.8rem;font-weight:500}.sess-new-btn{background:var(--primary,#105934);color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.85rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 14px #10593433}.sess-new-btn:hover{background:#0d4a2b;transform:translateY(-1px);box-shadow:0 6px 18px #10593447}.sess-stats-row{flex-shrink:0;gap:.75rem;display:flex}.sess-stat-pill{border:1px solid #0000;border-radius:999px;align-items:center;gap:.5rem;padding:.45rem 1rem;font-size:.78rem;font-weight:700;display:flex}.pill-val{font-size:1rem;font-weight:800}.pill-label{opacity:.75;font-weight:600}.pill-green{color:#105934;background:#10593412;border-color:#1059341f}.pill-blue{color:#2563eb;background:#3b82f612;border-color:#3b82f61f}.pill-amber{color:#92400e;background:#eab30814;border-color:#eab30826}.pill-red{color:#dc2626;background:#ef444414;border-color:#ef444426}.pill-neutral{color:#475569;background:#64748b0f;border-color:#64748b1f}.pill-dot{background:#16a34a;border-radius:50%;flex-shrink:0;width:8px;height:8px}.pulse-dot{animation:1.5s infinite pulse-ring}@keyframes pulse-ring{0%,to{box-shadow:0 0 #16a34a80}50%{box-shadow:0 0 0 5px #16a34a00}}.sess-loader{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:280px;font-size:.9rem;font-weight:600;display:flex}.sess-empty{color:#94a3b8;background:#fff;border:1px dashed #e2e8f0;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:280px;font-size:.9rem;font-weight:600;display:flex}.sess-groups{flex-direction:column;gap:1.25rem;display:flex}.sess-group{background:#fff;border:1px solid #0000000d;border-radius:20px;overflow:hidden;box-shadow:0 4px 16px #0000000a}.sess-date-header{cursor:pointer;text-align:left;background:#f8fafc;border:none;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;width:100%;padding:.85rem 1.5rem;transition:background .15s;display:flex}.sess-date-header:hover{background:#f1f5f9}.sess-date-header.today-header{background:#1059340a;border-bottom-color:#1059341a}.sess-date-left{align-items:center;gap:.75rem;display:flex}.today-chip{letter-spacing:.08em;color:var(--primary,#105934);background:#1059341a;border-radius:999px;padding:2px 8px;font-size:.55rem;font-weight:900}.upcoming-chip{letter-spacing:.08em;color:#2563eb;background:#3b82f61a;border-radius:999px;padding:2px 8px;font-size:.55rem;font-weight:900}.sess-date-header.future-custom-header{background:#3b82f608;border-bottom-color:#3b82f61a}.sess-date-header.future-custom-header:hover{background:#3b82f60f}.date-text{color:#1e293b;font-size:.82rem;font-weight:800}.date-count{color:#94a3b8;font-size:.72rem;font-weight:600}.chevron{color:#94a3b8;transition:transform .2s}.chevron.open{transform:rotate(180deg)}.sess-cards{flex-direction:column;display:flex}.sess-card{border-bottom:1px solid #f8fafc;transition:background .15s;position:relative}.sess-card:last-child{border-bottom:none}.sess-card:hover{background:#fafbfc}.sess-card.custom-card{background:#fefce880}.sess-card.custom-card:hover{background:#fef9c399}.custom-badge-pill{letter-spacing:.05em;color:#92400e;text-transform:uppercase;white-space:nowrap;background:#eab30826;border:1px solid #eab30840;border-radius:999px;align-items:center;gap:5px;padding:.28rem .75rem;font-size:.65rem;font-weight:800;display:inline-flex}.sess-card-body{justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.sess-card-left{flex:1;align-items:center;gap:1rem;min-width:0;display:flex}.sess-type-bar{border-radius:2px;flex-shrink:0;width:3px;height:40px}.bar-green{background:var(--primary,#105934)}.bar-amber{background:#eab308}.sess-card-info{flex:1;min-width:0}.sess-subject{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;margin:0 0 .35rem;font-size:.9rem;font-weight:800;overflow:hidden}.sess-meta-row{flex-wrap:wrap;gap:1rem;display:flex}.sess-meta{color:#64748b;align-items:center;gap:4px;font-size:.72rem;font-weight:600;display:flex}.sess-card-right{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.sess-status-badge{letter-spacing:.05em;white-space:nowrap;text-transform:uppercase;border-radius:999px;align-items:center;gap:5px;padding:.28rem .75rem;font-size:.65rem;font-weight:800;display:inline-flex}.status-active{color:#059669;background:#10b9811f;border:1px solid #10b98133}.status-scheduled{color:#2563eb;background:#3b82f61a;border:1px solid #3b82f633}.status-ended{color:#64748b;background:#64748b14;border:1px solid #64748b26}.status-cancelled{color:#dc2626;background:#ef444414;border:1px solid #ef444426}.live-dot{background:#16a34a;border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:1.5s infinite pulse-ring}.sess-actions{align-items:center;gap:.5rem;display:flex}.act-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:5px;padding:.35rem .85rem;font-size:.72rem;font-weight:700;transition:all .18s;display:flex}.act-primary{color:var(--primary,#105934);background:#1059341a}.act-primary:hover{background:var(--primary,#105934);color:#fff}.act-amber{color:#92400e;background:#eab3081f}.act-amber:hover{color:#fff;background:#eab308}.act-red{color:#dc2626;background:#ef444414}.act-red:hover{color:#fff;background:#ef4444d9}.sess-modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#0f172a73;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.sess-modal{scrollbar-width:none;background:#fff;border-radius:28px;width:100%;max-width:560px;max-height:90vh;padding:2rem 2.25rem;overflow-y:auto;box-shadow:0 30px 80px #0f172a2e}.sess-modal::-webkit-scrollbar{display:none}.att-modal{width:76vw;min-width:min(680px,100%);max-width:760px!important}.sess-modal-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.75rem;display:flex}.sess-modal-header h2{color:#1e293b;margin:0;font-size:1.15rem;font-weight:800}.sess-modal-header p{color:#94a3b8;margin:.2rem 0 0;font-size:.78rem}.modal-close-btn:hover{background:#f1f5f9;transform:rotate(90deg)}.sess-modal-form{flex-direction:column;gap:1rem;display:flex}.form-row-2{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-field{flex-direction:column;gap:.4rem;display:flex}.form-field label{color:#64748b;text-transform:uppercase;letter-spacing:.06em;font-size:.65rem;font-weight:800}.form-field input,.form-field select{color:#1e293b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;outline:none;padding:.65rem .9rem;font-size:.875rem;font-weight:600;transition:border-color .18s}.form-field input:focus,.form-field select:focus{border-color:var(--primary,#105934);background:#fff}.modal-footer-btns{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:.75rem;margin-top:.5rem;padding-top:1rem;display:flex}.modal-cancel-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:10px;padding:.6rem 1.25rem;font-size:.85rem;font-weight:700;transition:background .18s}.modal-cancel-btn:hover{background:#e2e8f0}.modal-submit-btn{background:var(--primary,#105934);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:6px;padding:.6rem 1.5rem;font-size:.85rem;font-weight:700;transition:all .18s;display:flex;box-shadow:0 4px 12px #10593433}.modal-submit-btn:hover{background:#0d4a2b;transform:translateY(-1px)}.attendance-filter-row{align-items:center;gap:.5rem;margin:1rem 0;display:flex}.attendance-filter-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:6px;height:34px;padding:0 14px;font-size:.78rem;font-weight:800;transition:all .18s;display:flex}.attendance-roster-row{background:#f8fafc;border:1px solid #eef2f7;border-radius:12px;align-items:center;gap:12px;padding:10px 12px;display:flex}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.animate-spin{animation:.8s linear infinite spin}.webcam-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#0f172a99;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.webcam-modal-content{background:#fff;border-radius:24px;flex-direction:column;width:90vw;max-width:800px;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.webcam-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.webcam-modal-title{align-items:center;gap:.75rem;display:flex}.webcam-modal-title h2{color:#1e293b;margin:0;font-size:1.1rem;font-weight:700}.webcam-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.webcam-modal-close:hover{color:#ef4444;background:#f1f5f9}.webcam-modal-body{background:#f8fafc;justify-content:center;align-items:center;padding:1.5rem;display:flex}.webcam-viewfinder{aspect-ratio:16/9;background:#0f172a;border-radius:16px;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #00000080}.webcam-video,.webcam-preview-img{object-fit:cover;width:100%;height:100%}.webcam-error{text-align:center;color:#ef4444;padding:3rem;font-weight:500}.webcam-modal-footer{background:#fff;border-top:1px solid #f1f5f9;justify-content:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.webcam-btn{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.webcam-btn:disabled{opacity:.5;cursor:not-allowed}.webcam-btn.primary{background:var(--primary,#105934);color:#fff}.webcam-btn.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #10593433}.webcam-btn.secondary{color:#475569;background:#f1f5f9}.webcam-btn.secondary:hover{background:#e2e8f0}.capture-btn{padding:.75rem 2.5rem;font-size:1.05rem}.angle-slot:has(.angle-illustration-img){background:0 0;border:none;box-shadow:0 4px 12px #00000014}.register-container{background-color:var(--background);flex-direction:column;flex:1;height:100%;display:flex}.management-header-row{border-bottom:1px solid var(--border);align-items:center;gap:1.5rem;padding:1.5rem 2.5rem;display:flex}.title-section h1{color:var(--foreground);font-size:1.5rem;font-weight:700}.management-context-pill{border:1px solid var(--border);background:#fff;border-radius:99px;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:flex;box-shadow:0 1px 2px #0000000d}.management-context-pill .meta{color:var(--primary);text-transform:uppercase;letter-spacing:.05em;border-right:1px solid var(--border);margin-right:.5rem;padding-right:.5rem}.management-context-pill .title{color:var(--foreground)}.header-actions{margin-left:auto}.action-btn-outline{border:1px solid var(--border);color:var(--muted-foreground);cursor:pointer;background:#fff;border-radius:6px;align-items:center;padding:.5rem 1rem;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.action-btn-outline:hover{background:var(--muted);color:var(--foreground)}.register-grid{flex:1;gap:2rem;padding:2rem 2.5rem;display:flex;overflow:hidden}.register-content{border:1px solid var(--border);background:#fff;border-radius:16px;flex:2;padding:2rem;overflow-y:auto;box-shadow:0 4px 6px -1px #0000000d}.register-content h3{color:var(--foreground);margin-bottom:.5rem;font-size:1.25rem}.register-content p{color:var(--muted-foreground);margin-bottom:2rem;font-size:.9rem}.angle-grid-section{margin-bottom:2rem}.angle-grid-label{color:var(--foreground);align-items:center;gap:6px;margin-bottom:1rem;font-size:.9rem;font-weight:600;display:flex}.soft-req{color:var(--muted-foreground);margin-left:6px;font-size:.75rem;font-weight:400}.angle-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.angle-card{flex-direction:column;gap:.75rem;display:flex}.angle-slot{background:var(--background);border:2px dashed var(--border);aspect-ratio:1;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;width:100%;transition:all .2s;display:flex;position:relative;overflow:hidden}.angle-slot:hover{border-color:var(--primary);background:#f0fdf4}.angle-slot.filled{background:0 0;border:none;box-shadow:0 4px 12px #00000014}.angle-slot:has(.angle-illustration-img){background:0 0;border:none;box-shadow:0 4px 12px #00000014}.angle-illustration-img,.angle-preview-img{object-fit:cover;width:100%;height:100%;transition:transform .3s;position:absolute;top:0;left:0}.angle-slot:hover .angle-illustration-img{transform:scale(1.05)}.angle-badge{text-transform:uppercase;z-index:10;border-radius:4px;padding:3px 6px;font-size:.6rem;font-weight:700;position:absolute;top:8px;right:8px}.angle-badge.recommended{color:#d97706;background:#fef3c7;border:1px solid #fde68a;box-shadow:0 2px 4px #d977061a}.angle-check{color:#fff;z-index:10;background:#22c55e;border-radius:50%;padding:0;display:flex;position:absolute;top:8px;right:8px;box-shadow:0 2px 4px #22c55e4d}.angle-upload-hint{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:28px;height:28px;color:var(--primary);z-index:10;background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;bottom:8px;right:8px;box-shadow:0 2px 8px #0000001a}.angle-slot:hover .angle-upload-hint{background:var(--primary);color:#fff}.angle-card{flex-direction:column;align-items:center;display:flex;position:relative}.webcam-trigger-btn{color:#64748b;cursor:pointer;z-index:10;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex;position:absolute;top:8px;left:8px;box-shadow:0 2px 4px #0000000d}.webcam-trigger-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.angle-info{text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex}.angle-label{color:var(--foreground);font-size:.85rem;font-weight:600}.angle-label .req{color:#ef4444;margin-left:2px}.angle-tip{color:var(--muted-foreground);font-size:.7rem;line-height:1.3}.info-section{flex-direction:column;gap:1.25rem;display:flex}.form-group label{color:var(--foreground);font-size:.85rem;font-weight:500}.form-group input,.form-group select{border:1px solid var(--border);border-radius:var(--radius);color:var(--foreground);background:#f8fafc;padding:.75rem 1rem;font-size:.95rem;transition:all .2s}.form-group input:focus,.form-group select:focus{border-color:var(--primary);background:#fff;outline:none;box-shadow:0 0 0 3px #1059341a}.form-group input::placeholder{color:#94a3b8}.form-actions{justify-content:flex-end;margin-top:2rem;display:flex}.submit-btn{background:var(--primary);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;align-items:center;gap:8px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:background .2s;display:flex}.submit-btn:hover{background:#0d4a2a}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.submit-btn-outline{color:var(--primary);border:2px solid var(--primary);border-radius:var(--radius);cursor:pointer;background:#fff;align-items:center;gap:8px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.submit-btn-outline:hover{background:#f0fdf4}.staged-batch-section{border-top:1px solid var(--border);margin-top:2rem;padding-top:2rem}.staged-batch-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.staged-batch-header h3{color:var(--foreground);margin:0;font-size:1.1rem}.start-bulk-btn{background:var(--primary);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;align-items:center;gap:8px;padding:.6rem 1.25rem;font-size:.9rem;font-weight:600;transition:background .2s;display:flex;box-shadow:0 4px 12px #10593433}.start-bulk-btn:hover{background:#0d4a2a}.staged-batch-list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;display:grid}.staged-student-card{border:1px solid var(--border);background:#f8fafc;border-radius:12px;align-items:center;gap:1rem;padding:.75rem;display:flex;position:relative}.staged-student-avatar{background:#e2e8f0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden}.staged-student-avatar img{object-fit:cover;width:100%;height:100%}.staged-avatar-placeholder{color:#94a3b8}.staged-student-info h4{color:var(--foreground);margin:0 0 .25rem;font-size:.95rem}.staged-student-info p{color:var(--muted-foreground);margin:0;font-size:.75rem}.staged-remove-btn{border:1px solid var(--border);color:var(--muted-foreground);cursor:pointer;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex;position:absolute;top:-8px;right:-8px;box-shadow:0 2px 4px #0000001a}.staged-remove-btn:hover{color:#ef4444;background:#fef2f2;border-color:#ef4444}.student-list-panel{border:1px solid var(--border);background:#fff;border-radius:16px;flex-direction:column;flex:1;max-width:350px;display:flex;box-shadow:0 4px 6px -1px #0000000d}.card-header{border-bottom:1px solid var(--border);padding:1.5rem}.card-header h3{color:var(--foreground);margin:0;font-size:1.1rem;font-weight:600}.student-item-mini{border-bottom:1px solid var(--border);align-items:center;gap:1rem;padding:1rem 0;display:flex}.student-item-mini:last-child{border-bottom:none}.mini-image{border:2px solid #fff;border-radius:50%;flex-shrink:0;width:40px;height:40px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.mini-image img{object-fit:cover;width:100%;height:100%}.mini-details{flex:1;min-width:0}.mini-details .name{color:var(--foreground);white-space:nowrap;text-overflow:ellipsis;margin:0 0 2px;font-size:.85rem;font-weight:600;overflow:hidden}.mini-details .sub{color:var(--muted-foreground);margin:0 0 4px;font-size:.7rem}.angle-count-badge{color:#0284c7;background:#e0f2fe;border-radius:99px;align-items:center;gap:4px;padding:2px 6px;font-size:.65rem;font-weight:600;display:inline-flex}.mini-actions{align-items:center;gap:6px;display:flex}.btn-add-angle{color:var(--primary);cursor:pointer;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:.7rem;font-weight:600;transition:all .2s;display:flex}.btn-add-angle:hover{background:var(--primary);color:#fff}.btn-delete-mini{color:#ef4444;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:4px;justify-content:center;align-items:center;width:26px;height:26px;transition:all .2s;display:flex}.btn-delete-mini:hover{color:#fff;background:#ef4444}.angle-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.angle-modal{background:#fff;border-radius:16px;width:700px;max-width:90vw;padding:2rem;box-shadow:0 20px 25px -5px #0000001a}.angle-modal-header{justify-content:space-between;align-items:flex-start;margin-bottom:2rem;display:flex}.angle-modal-header h3{color:var(--foreground);margin:0 0 .5rem;font-size:1.25rem}.angle-modal-header p{color:var(--muted-foreground);margin:0;font-size:.9rem}.modal-close-btn{width:32px;height:32px;color:var(--muted-foreground);cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.modal-close-btn:hover{color:var(--foreground);background:#e2e8f0}.angle-modal-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;display:flex}.progress-bar-wrapper{margin-top:2rem}.progress-label{color:var(--primary);margin-bottom:.5rem;font-size:.85rem;font-weight:500}.progress-track{background:#f1f5f9;border-radius:99px;width:100%;height:6px;overflow:hidden}.progress-fill{background:var(--primary);border-radius:99px;height:100%;transition:width .3s}.spreadsheet-upload-btn{color:var(--muted-foreground);cursor:pointer;background:#f1f5f9;border:1px dashed #cbd5e1;border-radius:6px;justify-content:center;align-items:center;gap:6px;width:100%;padding:.5rem .75rem;font-size:.75rem;font-weight:600;transition:all .2s;display:flex}.spreadsheet-upload-btn:hover{color:var(--foreground);background:#e2e8f0;border-color:#94a3b8}.spreadsheet-upload-btn.ready{color:var(--primary);background:#f0fdf4;border:1px solid #bbf7d0}.roster-filter-select{width:100%;color:var(--foreground);cursor:pointer;appearance:none;background-color:#f8fafc;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:16px;border:1px solid #e2e8f0;border-radius:8px;outline:none;margin-top:1rem;padding:.6rem 2.5rem .6rem .8rem;font-size:.85rem;transition:all .2s}.roster-filter-select:focus{border-color:var(--primary);background-color:#fff;box-shadow:0 0 0 3px #1059341a}.roster-list-container{flex-direction:column;flex:1;padding:0 1.5rem 1.5rem;display:flex;overflow-y:auto}.roster-loading,.roster-empty-state{color:#94a3b8;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 1rem;display:flex}.roster-empty-state p{margin:0;font-size:.9rem;font-weight:500}.angle-slot.unverified{background-color:#fef2f2!important;border:2px dashed #ef4444!important}.angle-slot.unverified:hover{opacity:.95;background-color:#fee2e2!important}.angle-check.error{padding:3px;color:#fff!important;background-color:#ef4444!important;border-color:#ef4444!important;box-shadow:0 2px 4px #ef44444d!important}.angle-tip.error{color:#ef4444!important;font-weight:600!important}.teacher-slot{border-color:#818cf84d}.teacher-slot:hover{background:#818cf80d;border-color:#818cf8b3}.teacher-slot.filled{border-color:#818cf899}.angle-count-badge.indigo{color:#818cf8;background:#818cf814}.btn-add-angle.indigo{color:#818cf8;background:#818cf81a;border-color:#818cf840}.btn-add-angle.indigo:hover{background:#818cf833}.bg-progress-card.indigo{background:#818cf80d;border-color:#818cf833}.teacher-list-panel{flex-direction:column;max-height:calc(100vh - 160px);display:flex;overflow:hidden}.teacher-item-mini{border-bottom:1px solid #0000000d;align-items:center;gap:.75rem;padding:.65rem 0;display:flex}.mode-btn.indigo-active.active{color:#6366f1}.spreadsheet-upload-btn.ready.teacher-ready{color:#4f46e5;background:#eef2ff;border-color:#c7d2fe}.add-row-btn.teacher-add-row{color:#6366f1;border-color:#6366f1}.add-row-btn.teacher-add-row:hover{background:#eef2ff}.schedule-manager{max-width:1200px;margin:0 auto;padding:2rem}.section-header-row{justify-content:space-between;align-items:center;margin-bottom:2.5rem;display:flex}.section-header-row h1{margin-bottom:.25rem;font-size:1.75rem;font-weight:700}.schedule-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.schedule-card{padding:1.5rem;transition:transform .2s}.schedule-card:hover{transform:translateY(-4px)}.schedule-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;display:flex}.subject-badge{color:var(--primary);background:#6366f11a;border-radius:8px;padding:.4rem .75rem;font-size:.875rem;font-weight:600}.schedule-details{flex-direction:column;gap:1rem;display:flex}.detail-item{color:var(--text-muted);align-items:center;gap:.75rem;font-size:.9375rem;display:flex}.detail-item span{color:#fff}.empty-schedules{text-align:center;color:var(--muted-foreground);flex-direction:column;grid-column:1/-1;align-items:center;gap:1rem;padding:4rem;display:flex}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{scrollbar-width:none;-ms-overflow-style:none;border-radius:32px;width:76vw;min-width:min(1080px,100%);max-width:1400px;height:80vh;max-height:900px;padding:2rem;overflow-y:auto}.modal-content h2{margin-bottom:2rem}.form-grid{flex-direction:column;gap:1.25rem;margin-bottom:2rem;display:flex}.modal-actions{justify-content:flex-end;gap:1rem;display:flex}.timetable-container{background:0 0;flex-direction:column;height:100vh;padding:.5rem 1.5rem 1rem;display:flex;overflow:hidden}.timetable-header{flex-shrink:0;justify-content:space-between;align-items:flex-start;margin-bottom:12px;padding:10px 0;display:flex}.header-info h1{color:#1e293b;margin:0;font-size:1.25rem;font-weight:700}.year-selector-container{align-items:center;gap:.75rem;margin-top:.6rem;display:flex}.year-select-dropdown{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #00000014;border-radius:10px;outline:none;padding:5px 10px;font-size:.82rem;font-weight:700;box-shadow:0 2px 6px #0000000a}.timetable-controls-row{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.65rem;margin-top:.6rem;display:flex}.control-cluster{background:#fff;border:1px solid #0000000f;border-radius:14px;align-items:center;gap:2px;padding:3px 4px;display:flex;box-shadow:0 3px 10px #0000000a}.control-cluster.week-nav{gap:4px;padding:3px 8px}.week-label{color:#1e293b;white-space:nowrap;padding:0 6px;font-size:.75rem;font-weight:700}.today-btn{color:var(--primary)!important;background:#10593414!important;border-radius:8px!important;width:auto!important;padding:0 8px!important;font-size:.68rem!important;font-weight:800!important}.nav-counter{color:#64748b;white-space:nowrap;text-align:center;min-width:48px;padding:0 6px;font-size:.68rem;font-weight:700}.btn-control{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;width:30px;height:30px;font-size:.72rem;font-weight:700;transition:all .18s;display:flex}.btn-control:hover:not(:disabled){color:var(--primary);background:#f1f5f9}.btn-control:disabled{opacity:.3;cursor:not-allowed}.fit-btn{color:#64748b;padding:0 8px;font-weight:800;width:auto!important;font-size:.68rem!important}.fit-btn.fit-active,.add-col-btn{background:var(--primary)!important;color:#fff!important}.btn-edit-mode{cursor:pointer;border-radius:12px;align-items:center;gap:6px;height:36px;padding:0 .85rem;font-size:.8rem;font-weight:800;transition:all .25s;display:flex}.btn-edit-mode.off{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0}.btn-edit-mode.on{background:var(--primary);color:#fff;border:1px solid var(--primary);box-shadow:0 4px 14px #10593433}.timetable-grid-wrapper{background:#fff;border:1px solid #0000000d;border-radius:28px;flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000000d}.timetable-scroll-area{scrollbar-width:thin;scrollbar-color:#e2e8f0 transparent;flex:1;overflow:auto}.timetable-scroll-area::-webkit-scrollbar{width:5px;height:5px}.timetable-scroll-area::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.timetable-grid{border-collapse:collapse;table-layout:fixed;min-width:100%;transition:transform .28s cubic-bezier(.16,1,.3,1)}.timetable-grid th,.timetable-grid td{border:1px solid #0000000a;width:130px;min-width:130px;position:relative}.col-accent-bar{border-radius:2px;width:28px;height:3px;margin:0 auto 4px}.time-header{flex-direction:column;align-items:center;gap:1px;padding:10px 8px 8px;display:flex}.time-header .start,.time-header .end{color:#475569;letter-spacing:.02em;font-size:.62rem;font-weight:800}.time-header .separator{color:#cbd5e1;font-size:9px;line-height:1}.slot-mgmt-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;z-index:10;background:#fffffff2;border-bottom:1px solid #0000000d;justify-content:center;align-items:center;gap:4px;height:24px;transition:opacity .2s;display:flex;position:absolute;top:0;left:0;right:0}.time-header:hover .slot-mgmt-overlay{opacity:1;pointer-events:auto}.slot-mgmt-btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex}.slot-mgmt-btn.edit{color:#64748b;background:#f1f5f9}.slot-mgmt-btn.delete{color:#ef4444;background:#fef2f2}.slot-mgmt-btn:hover{transform:scale(1.1)}.slot-mgmt-btn.edit:hover{color:var(--primary);background:#e2e8f0}.slot-mgmt-btn.delete:hover{background:#fee2e2}.day-name{color:#475569;text-align:center;vertical-align:middle;background:#f8fafc;padding:0;font-size:.72rem;font-weight:700;width:110px!important;min-width:110px!important}.day-cell-inner{flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:8px 6px;display:flex}.day-text{font-size:.72rem;font-weight:700;display:block}.today-badge{letter-spacing:.08em;color:var(--primary);background:#1059341a;border-radius:4px;padding:1px 5px;font-size:.5rem;font-weight:900}.today-row td{background:#10593405!important}.current-time-col{position:relative;background:#1059340a!important}.current-time-col:after{content:"";pointer-events:none;border-left:1px dashed #10593433;border-right:1px dashed #10593433;position:absolute;inset:0}.day-name.today{color:var(--primary);font-weight:900;border-left:5px solid var(--primary)!important;background:#1059341a!important}th.current-time-col{box-shadow:inset 0 10px 20px #1059340d;color:var(--primary)!important;border-top:5px solid var(--primary)!important;background:#1059341f!important}th.current-time-col .time-header .start,th.current-time-col .time-header .end{color:var(--primary);font-weight:900}.today-row td.current-time-col{outline:2px solid var(--primary);outline-offset:-2px;z-index:2;box-shadow:0 0 15px #1059341a;background:#10593414!important}.today-row td.current-time-col:before{content:"LIVE";color:var(--primary);opacity:.6;letter-spacing:.05em;font-size:.45rem;font-weight:900;position:absolute;top:2px;right:4px}.corner-cell{background:#f1f5f9!important}.corner-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;justify-content:center;align-items:center;gap:3px;padding:10px 6px;font-size:.6rem;font-weight:700;display:flex}.corner-slash{opacity:.4}.slot-cell{cursor:default;height:50px;padding:0;transition:background .15s}.edit-active .slot-cell{cursor:pointer}.edit-active .slot-cell:hover{filter:brightness(.96)}.slot-cell.occupied,.slot-cell.custom-cell{padding:4px}.schedule-card{background:var(--primary);color:#fff;border-left:3px solid #ffffff4d;border-radius:8px;flex-direction:column;gap:1px;padding:4px 6px;line-height:1.15;display:flex;position:relative;overflow:hidden;box-shadow:0 3px 10px #10593426}.schedule-card:before{content:"";background:#ffffff0f;border-radius:50%;width:40px;height:40px;position:absolute;top:0;right:0;transform:translate(15px,-15px)}.schedule-card.custom{color:#1e293b;background:linear-gradient(135deg,#fef9c3,#fef3c7);border:1px solid #fde68a;border-left:3px solid #eab308;box-shadow:0 3px 10px #eab3081f}.schedule-card.cancelled-routine,.schedule-card.custom.cancelled-routine{color:#7f1d1d;background:#fee2e2;border:1px solid #fecaca;border-left:3px solid #ef4444;box-shadow:0 3px 10px #ef44441f}.schedule-card .subject{white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;font-weight:800;overflow:hidden}.schedule-card .teacher,.schedule-card .room-camera{opacity:.88;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:3px;font-size:.6rem;font-weight:600;display:flex;overflow:hidden}.schedule-card .card-header{justify-content:space-between;align-items:flex-start;gap:3px;display:flex}.custom-badge{color:#92400e;background:#eab30833;border-radius:4px;width:fit-content;padding:1px 4px;font-size:.55rem;font-weight:800}.attendance-hover-btn{opacity:0;pointer-events:none;color:var(--primary);white-space:nowrap;cursor:pointer;z-index:5;background:#fff;border:none;border-radius:8px;padding:6px 9px;font-size:.62rem;font-weight:800;transition:opacity .18s,transform .18s;position:absolute;bottom:8px;left:50%;transform:translate(-50%,6px);box-shadow:0 8px 20px #0f172a29}.schedule-card:hover .attendance-hover-btn{opacity:1;pointer-events:auto;transform:translate(-50%)}.student-attendance-chip{background:#ffffffeb;border-radius:999px;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;top:6px;right:6px;box-shadow:0 3px 10px #0f172a1f}.student-attendance-chip.present{color:#16a34a}.student-attendance-chip.absent,.student-attendance-chip.cancelled{color:#dc2626}.delete-sched-btn{color:#fff;cursor:pointer;background:#00000014;border:none;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:all .18s;display:flex}.schedule-card.custom .delete-sched-btn{color:#1e293b;background:#00000012}.delete-sched-btn:hover{color:#fff;background:#ef4444b3;transform:scale(1.1)}.add-indicator{color:#cbd5e1;opacity:0;transition:opacity .18s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.edit-active .slot-cell:hover .add-indicator{opacity:1}.legend{gap:1.25rem;display:flex}.legend span{color:#94a3b8;align-items:center;gap:.4rem;font-size:.68rem;font-weight:700;display:flex}.dot{border-radius:50%;width:8px;height:8px}.dot.busy{background:var(--primary)}.dot.custom{background:#eab308}.dot.cancelled{background:#ef4444}.dot.free{background:#e2e8f0;border:1px solid #cbd5e1}.modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background:#0f172a66;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content.glass{scrollbar-width:none;background:#fff;border-radius:28px;width:76vw;min-width:min(680px,100%);max-width:900px;max-height:90vh;padding:2rem;overflow-y:auto;box-shadow:0 40px 100px #00000026}.modal-content.glass h3{color:#1e293b;margin-bottom:.5rem;font-size:1.1rem;font-weight:800}.attendance-modal{width:76vw;min-width:min(680px,100%);max-width:760px!important}.attendance-modal-header,.attendance-filter-row,.attendance-roster-row{align-items:center;display:flex}.attendance-modal-header{justify-content:space-between;gap:1rem}.modal-icon-close{color:#64748b;cursor:pointer;background:#f8fafc;border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.attendance-filter-row{gap:.5rem;margin:1rem 0}.attendance-filter-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:6px;height:34px;padding:0 12px;font-size:.78rem;font-weight:800;display:flex}.attendance-filter-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.attendance-loading,.attendance-empty{color:#64748b;justify-content:center;align-items:center;min-height:140px;font-weight:700;display:flex}.attendance-roster{flex-direction:column;gap:8px;max-height:55vh;display:flex;overflow-y:auto}.attendance-roster-row{background:#f8fafc;border:1px solid #eef2f7;border-radius:12px;gap:12px;padding:10px 12px}.attendance-avatar{object-fit:cover;border-radius:12px;flex-shrink:0;width:40px;height:40px}.attendance-student-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.attendance-student-info strong{color:#1e293b;font-size:.86rem}.attendance-student-info span,.attendance-time{color:#64748b;font-size:.72rem;font-weight:700}.attendance-status-icon.present{color:#16a34a}.attendance-status-icon.absent{color:#dc2626}.slot-info{color:var(--primary);background:#1059340f;border-radius:8px;margin-bottom:1.25rem;padding:5px 12px;font-size:.78rem;font-weight:700;display:inline-block}.form-group{flex-direction:column;gap:.4rem;margin-bottom:1rem;display:flex}.form-group input,.form-group select{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;outline:none;padding:.7rem 1rem;font-size:.88rem;font-weight:600;transition:border-color .18s}.form-group input:focus,.form-group select:focus{border-color:var(--primary)}.modal-actions{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:1rem;margin-top:1.5rem;padding-top:1rem;display:flex}.btn-secondary{cursor:pointer;color:#475569;background:#f1f5f9;border:none;border-radius:10px;height:38px;padding:0 1.25rem;font-size:.85rem;font-weight:700;transition:background .18s}.btn-secondary:hover{background:#e2e8f0}.btn-primary{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:10px;height:38px;padding:0 1.5rem;font-size:.85rem;font-weight:700;transition:all .18s}.btn-primary:hover{background:#0d4a2b;box-shadow:0 4px 12px #10593433}.animate-scale-in{animation:.18s ease-out scaleIn}.animate-fade-in{animation:.22s ease-out fadeIn}.schedule-card.highlighted-card{animation:2s ease-in-out infinite pulseGlow;border:3px solid #eab308!important;box-shadow:0 0 20px #eab30866!important}@keyframes pulseGlow{0%{box-shadow:0 0 10px #eab3084d}50%{box-shadow:0 0 25px #eab308cc}to{box-shadow:0 0 10px #eab3084d}}.subject-manager-container{flex-direction:column;height:100vh;padding:.5rem 1.5rem 1.5rem;display:flex;overflow:hidden}.subject-table-card{background:#fff;border:1px solid #0000000d;border-radius:32px;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden;box-shadow:0 10px 30px #0000000a}.subject-data-table-wrapper{flex:1;overflow-y:auto}.subject-data-table{border-collapse:collapse;width:100%}.subject-data-table th{color:#64748b;text-transform:uppercase;letter-spacing:.05em;text-align:left;z-index:10;background:#f8fafc;padding:1rem 1.5rem;font-size:.7rem;font-weight:700;position:sticky;top:0}.subject-data-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:.85rem 1.5rem}.subject-code-badge{color:#475569;background:#f1f5f9;border-radius:8px;padding:4px 10px;font-size:.75rem;font-weight:800;display:inline-block}.subject-title{color:#1e293b;font-size:.85rem;font-weight:700}.subject-form{flex-direction:column;gap:1.25rem;display:flex}.student-list-container{flex-direction:column;height:100vh;padding:.5rem 1.5rem 1.5rem;display:flex;overflow:hidden}.action-btn-primary,.action-btn-outline{cursor:pointer;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;height:40px;padding:0 1.25rem;font-size:.85rem;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.action-btn-primary{background:var(--primary);color:#fff;border:none;box-shadow:0 4px 12px #10593426}.action-btn-primary:hover{background:#0d4a2b;transform:translateY(-1px);box-shadow:0 6px 15px #10593433}.action-btn-outline{color:#1e293b;background:#fff;border:1px solid #e2e8f0}.action-btn-outline:hover{color:var(--primary);border-color:var(--primary);background:#f8fafc;transform:translateY(-1px)}.student-table-card{background:#fff;border:1px solid #0000000d;border-radius:32px;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden;box-shadow:0 10px 30px #0000000a}.filter-box{align-items:center;gap:1rem;display:flex}.filter-box select{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;outline:none;padding:.6rem 1rem;font-size:.85rem;font-weight:600}.student-data-table-wrapper{flex:1;overflow-y:auto}.student-data-table{border-collapse:collapse;width:100%}.student-data-table th{color:#64748b;text-transform:uppercase;letter-spacing:.05em;text-align:left;z-index:10;background:#f8fafc;padding:1rem 1.5rem;font-size:.7rem;font-weight:700;position:sticky;top:0}.student-data-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:.85rem 1.5rem}.student-avatar-large{background:#f1f5f9;border-radius:10px;width:40px;height:40px;overflow:hidden}.student-avatar-large img{object-fit:cover;width:100%;height:100%}.student-name{color:#1e293b;align-items:center;font-size:.85rem;font-weight:700;display:inline-flex}.student-email{color:#94a3b8;font-size:.75rem;font-weight:500}.student-id{color:#64748b;font-size:.75rem;font-weight:700}.year-badge{color:var(--primary);background:#1059340d;border-radius:50px;align-self:flex-start;padding:4px 10px;font-size:.65rem;font-weight:800;display:inline-block}.image-upload-square:hover{border-color:var(--primary);color:var(--primary);background:#f1f5f9}.form-row{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.form-group input,.form-group select{color:#1e293b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;outline:none;width:100%;padding:.75rem 1rem;font-size:.9rem;font-weight:600;transition:all .2s}.form-group input:focus,.form-group select:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px #1059340d}.teacher-list-container{flex-direction:column;height:100vh;padding:.5rem 1.5rem 1.5rem;display:flex;overflow:hidden}.management-context-pill{white-space:nowrap;background:#fff;border:1px solid #1059341a;border-radius:50px;align-items:center;gap:.6rem;padding:4px 12px;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #10593405}.teacher-table-card{background:#fff;border:1px solid #0000000d;border-radius:32px;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden;box-shadow:0 10px 30px #0000000a}.teacher-data-table-wrapper{flex:1;overflow-y:auto}.teacher-data-table{border-collapse:collapse;width:100%}.teacher-data-table th{color:#64748b;text-transform:uppercase;letter-spacing:.05em;text-align:left;z-index:10;background:#f8fafc;padding:1rem 1.5rem;font-size:.7rem;font-weight:700;position:sticky;top:0}.teacher-data-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:.85rem 1.5rem}.teacher-avatar-large{background:#f1f5f9;border-radius:10px;width:40px;height:40px;overflow:hidden}.teacher-avatar-large img{object-fit:cover;width:100%;height:100%}.info-cell{flex-direction:column;gap:2px;display:flex}.teacher-name{color:#1e293b;align-items:center;font-size:.85rem;font-weight:700;display:inline-flex}.teacher-email{color:#94a3b8;font-size:.75rem;font-weight:500}.teacher-id-badge{color:#64748b;font-size:.75rem;font-weight:700}.modal-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.modal-header-copy{align-items:flex-start;gap:3rem;display:flex}.modal-header-copy h2{max-width:220px}.modal-close-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:all .2s;display:flex}.modal-close-btn:hover{color:#1e293b;background:#f1f5f9;transform:rotate(90deg)}.enrollment-form-grid{grid-template-columns:minmax(220px,.7fr) minmax(360px,1fr);align-items:start;gap:3.25rem;max-width:780px;display:grid}.image-upload-column{flex-direction:column;gap:1rem;display:flex}.image-upload-square{cursor:pointer;color:#94a3b8;background:#f8fafc;border:2px dashed #e2e8f0;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:220px;height:220px;transition:all .2s;display:flex;position:relative;overflow:hidden}.image-upload-square:hover{border-color:var(--primary);background:#f1f5f9}.image-upload-square img{object-fit:cover;width:100%;height:100%}.upload-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;text-align:center;font-size:.65rem;font-weight:800}.fields-column{flex-direction:column;gap:1.25rem;display:flex}.modal-actions-row{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:.75rem;max-width:780px;margin-top:2rem;padding-top:1.25rem;display:flex}.face-warning-badge{color:#ff9800;cursor:help;background:#ffa50026;border-radius:12px;align-items:center;gap:4px;margin-left:8px;padding:2px 8px;font-size:.7rem;font-weight:600;display:inline-flex}.classroom-manager-container{flex-direction:column;height:100vh;padding:.5rem 1.5rem 1.5rem;display:flex;overflow:hidden}.management-header-row{justify-content:space-between;align-items:baseline;margin-bottom:12px;padding:12px 0 6px;display:flex;position:relative}.management-header-row h1{color:#64748b;margin:0;font-size:1.25rem;font-weight:700}.management-context-pill{white-space:nowrap;background:#fff;border:1px solid #1059341a;border-radius:50px;align-items:center;gap:.6rem;padding:4px 12px;display:flex;box-shadow:0 4px 12px #10593405}.management-context-pill .meta{color:var(--primary);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:800}.management-context-pill .title{color:#1e293b;border-left:1px solid #e2e8f0;padding-left:.6rem;font-size:12px;font-weight:800}.header-actions{align-items:center;gap:.75rem;display:flex}.classroom-table-card{background:#fff;border:1px solid #0000000d;border-radius:32px;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden;box-shadow:0 10px 30px #0000000a}.table-controls{border-bottom:1px solid #00000008;justify-content:space-between;align-items:center;gap:2rem;padding:1.5rem;display:flex}.search-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex:1;align-items:center;gap:.75rem;padding:.6rem 1rem;transition:all .2s;display:flex}.search-box:focus-within{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #1059340d}.search-box input{color:#1e293b;background:0 0;border:none;outline:none;width:100%;font-size:.9rem;font-weight:500}.classroom-data-table-wrapper{flex:1;overflow-y:auto}.classroom-data-table{border-collapse:collapse;width:100%}.classroom-data-table th{color:#64748b;text-transform:uppercase;letter-spacing:.05em;text-align:left;z-index:10;background:#f8fafc;padding:1rem 1.5rem;font-size:.7rem;font-weight:700;position:sticky;top:0}.classroom-data-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:.85rem 1.5rem}.room-name-badge{color:var(--primary);background:#1059340d;border-radius:8px;padding:4px 12px;font-size:.75rem;font-weight:800;display:inline-block}.camera-source-text{color:#64748b;font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:600}.btn-edit,.btn-delete{cursor:pointer;border-radius:8px;align-items:center;gap:.4rem;padding:6px 12px;font-size:.75rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-edit{color:#475569;background:#f1f5f9;border:none}.btn-delete{color:#dc2626;background:#fef2f2;border:none}.modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background:#0f172a66;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{scrollbar-width:none;-ms-overflow-style:none;background:#fff;border-radius:32px;width:76vw;min-width:min(1080px,100%);max-width:1400px;height:80vh;max-height:900px;padding:1.75rem 2.25rem;position:relative;overflow-y:auto;box-shadow:0 40px 100px #00000026}.modal-content::-webkit-scrollbar{display:none}.modal-header{margin-bottom:1.25rem}.modal-header h2{color:#1e293b;margin:0;font-size:1rem;font-weight:800}.modal-header p{color:#64748b;margin-top:.15rem;font-size:.75rem}.classroom-form{flex-direction:column;gap:1.25rem;display:flex}.form-group{flex-direction:column;gap:.4rem;display:flex}.form-group label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:.65rem;font-weight:800}.form-group input{color:#1e293b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;outline:none;width:100%;padding:.75rem 1rem;font-size:.9rem;font-weight:600;transition:all .2s}.form-group input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px #1059340d}.form-hint{color:#94a3b8;margin-top:-.5rem;font-size:.65rem;line-height:1.4}.modal-actions-row{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:.75rem;margin-top:2rem;padding-top:1.25rem;display:flex}.btn-modal-cancel{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:10px;height:40px;padding:0 1.25rem;font-size:.85rem;font-weight:700}.btn-modal-submit{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.6rem;height:40px;padding:0 1.5rem;font-size:.85rem;font-weight:700;display:flex}.animate-pop-in{animation:.3s cubic-bezier(.16,1,.3,1) popIn}.registration-mode-toggle{background:#f1f5f9;border-radius:8px;padding:4px;display:flex}.mode-btn{color:var(--muted-foreground);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.mode-btn:hover{color:var(--foreground)}.mode-btn.active{color:var(--primary);background:#fff;box-shadow:0 2px 4px #0000000d}.spreadsheet-container{flex-direction:column;flex:1;padding:2rem 2.5rem;display:flex;overflow:hidden}.spreadsheet-header{justify-content:space-between;align-items:flex-end;margin-bottom:1.5rem;display:flex}.spreadsheet-header h3{color:var(--foreground);margin:0 0 .5rem;font-size:1.25rem}.spreadsheet-header p{color:var(--muted-foreground);margin:0;font-size:.9rem}.start-bulk-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.6rem;height:40px;padding:0 1.5rem;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}.start-bulk-btn:hover:not(:disabled){box-shadow:0 8px 20px #1059344d}.spreadsheet-table-wrapper{border:1px solid var(--border);background:#fff;border-radius:12px;flex:1;padding:1rem;overflow-y:auto;box-shadow:0 4px 6px -1px #0000000d}.spreadsheet-table{border-collapse:collapse;width:100%}.spreadsheet-table th{text-align:left;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--border);padding:.75rem .5rem;font-size:.75rem;font-weight:600}.spreadsheet-table td{border-bottom:1px solid #f1f5f9;padding:.5rem}.spreadsheet-table tr:hover td{background:#f8fafc}.row-index{color:#94a3b8;text-align:center;font-size:.8rem;font-weight:600}.spreadsheet-table input,.spreadsheet-table select{width:100%;color:var(--foreground);background:0 0;border:1px solid #0000;border-radius:6px;padding:.5rem .75rem;font-size:.85rem;transition:all .2s}.spreadsheet-table input:hover,.spreadsheet-table select:hover{background:#f1f5f9}.spreadsheet-table input:focus,.spreadsheet-table select:focus{border:1px solid var(--primary);background:#fff;outline:none;box-shadow:0 0 0 3px #1059341a}.spreadsheet-table input::placeholder{color:#cbd5e1}.spreadsheet-remove-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.spreadsheet-remove-btn:hover{color:#ef4444;background:#fef2f2}.add-row-btn{color:var(--primary);border:1px dashed var(--primary);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:1rem;padding:.75rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.add-row-btn:hover{background:#f0fdf4}.you-premium-container{background:radial-gradient(circle at 100% 0,#1059340d,#0000),radial-gradient(circle at 0 100%,#10593408,#0000);justify-content:center;align-items:flex-start;min-height:calc(100vh - 80px);padding:2.5rem;display:flex}.identity-card-wrapper{background:#fff;border:1px solid #0000000d;border-radius:32px;width:100%;max-width:900px;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000014}.identity-hero{background:linear-gradient(135deg,#0f172a 0%,#105934 100%);justify-content:center;align-items:flex-end;height:240px;display:flex;position:relative}.hero-gradient-overlay{opacity:.1;mix-blend-mode:overlay;background:url(https://www.transparenttextures.com/patterns/carbon-fibre.png);position:absolute;inset:0}.identity-status-floating{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;align-items:center;gap:10px;padding:8px 16px;display:flex;position:absolute;top:24px;right:24px}.identity-status-floating span{color:#fff;letter-spacing:.1em;font-size:.7rem;font-weight:800}.status-dot-pulse{background:#4ade80;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-green;box-shadow:0 0 #4ade8066}@keyframes pulse-green{0%{box-shadow:0 0 #4ade80b3}70%{box-shadow:0 0 0 10px #4ade8000}to{box-shadow:0 0 #4ade8000}}.hero-avatar-container{position:relative;bottom:-60px}.premium-avatar-ring{background:#fff;border-radius:50%;padding:8px;box-shadow:0 15px 35px #0000001a}.profile-avatar-main{background:linear-gradient(135deg,#105934,#22c55e);border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:140px;height:140px;display:flex;overflow:hidden}.profile-avatar-main img{object-fit:cover;width:100%;height:100%}.initials-fallback{color:#fff;letter-spacing:-2px;font-size:3rem;font-weight:900}.identity-body{padding:80px 48px 40px}.identity-core-info{text-align:center;margin-bottom:40px}.id-display-name{color:#0f172a;letter-spacing:-.03em;margin-bottom:12px;font-size:2.5rem;font-weight:900}.id-role-badge{color:#105934;text-transform:uppercase;letter-spacing:.05em;background:#f0fdf4;border:1px solid #dcfce7;border-radius:100px;align-items:center;gap:8px;padding:6px 16px;font-size:.75rem;font-weight:800;display:inline-flex}.info-grid-container{flex-direction:column;gap:40px;display:flex}.info-group-title{color:#64748b;letter-spacing:.1em;border-left:4px solid #105934;margin-bottom:20px;padding-left:12px;font-size:.85rem;font-weight:800}.info-card-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;display:grid}.premium-info-card{background:#f8fafc;border:1px solid #f1f5f9;border-radius:20px;align-items:center;gap:20px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.premium-info-card:hover{background:#fff;border-color:#105934;transform:translateY(-2px);box-shadow:0 10px 20px #00000008}.card-icon-box{color:#105934;background:#fff;border:1px solid #f1f5f9;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 4px 10px #00000005}.card-text-box label{color:#94a3b8;letter-spacing:.05em;margin-bottom:4px;font-size:.65rem;font-weight:800;display:block}.card-text-box p{color:#1e293b;font-size:1.05rem;font-weight:700}.card-full-width{grid-column:1/-1}.identity-footer{background:#f8fafc;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:24px 48px;display:flex}.id-watermark{color:#94a3b8;align-items:center;gap:8px;display:flex}.id-watermark span{letter-spacing:.1em;font-size:.7rem;font-weight:800}.id-security-hash{color:#cbd5e1;font-family:Courier New,Courier,monospace;font-size:.75rem;font-weight:700}.profile-loading{color:#105934;flex-direction:column;justify-content:center;align-items:center;height:80vh;display:flex}.profile-spinner{border:4px solid #1059341a;border-top-color:#105934;border-radius:50%;width:50px;height:50px;margin-bottom:20px;animation:1s linear infinite spin}.profile-error{color:#ef4444;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:80vh;padding:20px;display:flex}@keyframes slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:.6s cubic-bezier(.16,1,.3,1) forwards slide-up}@media (width<=640px){.you-premium-container{padding:1rem}.identity-body{padding:80px 24px 30px}.id-display-name{font-size:1.8rem}.identity-footer{text-align:center;flex-direction:column;gap:12px;padding:20px 24px}}.gs-root{color:#1c1917;background:#f8fafc;min-height:100vh;font-family:Inter,sans-serif;overflow-x:hidden}.gs-nav{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd9;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1rem 3rem;display:flex;position:fixed;top:0;left:0;right:0}.gs-nav-logo{color:#105934;align-items:center;gap:.6rem;font-size:1.2rem;font-weight:800;display:flex}.gs-nav-actions{align-items:center;gap:.75rem;display:flex}.gs-btn-ghost{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.5rem 1rem;font-size:.95rem;font-weight:600;transition:background .2s,color .2s}.gs-btn-ghost:hover{color:#1c1917;background:#f1f5f9}.gs-btn-primary{color:#fff;cursor:pointer;background:#105934;border:none;border-radius:8px;padding:.6rem 1.4rem;font-size:.95rem;font-weight:700;transition:background .2s,transform .15s}.gs-btn-primary:hover{background:#0a3d22;transform:translateY(-1px)}.gs-hero-text{flex-direction:column;align-items:center;padding-top:1.5rem;display:flex}.gs-badge{color:#105934;letter-spacing:.01em;background:#ecfdf5;border:1px solid #bbf7d0;border-radius:100px;margin-bottom:1.5rem;padding:.4rem 1.2rem;font-size:.85rem;font-weight:600;display:inline-block}.gs-h1{letter-spacing:-.03em;text-align:center;color:#0f172a;margin-bottom:1.5rem;font-size:clamp(2.5rem,5vw,5rem);font-weight:900;line-height:1.1}.gs-h1-accent{color:#105934}.gs-subtitle{color:#64748b;text-align:center;max-width:540px;margin:0 auto 2.5rem;font-size:1.15rem;line-height:1.7}.gs-cta-row{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:2rem;width:100%;margin-bottom:6rem;display:flex}.gs-cta-group{flex-direction:column;align-items:center;gap:.75rem;display:flex}.gs-cta-note{color:#105934;letter-spacing:.05em;text-transform:uppercase;opacity:.9;background:#ecfdf5;border:1px solid #bbf7d0;border-radius:6px;padding:.25rem .75rem;font-size:.75rem;font-weight:700}.gs-cta-primary{color:#fff;cursor:pointer;white-space:nowrap;background:#105934;border:none;border-radius:12px;align-items:center;gap:.75rem;padding:.9rem 2rem;font-size:1.05rem;font-weight:700;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 8px 24px #1059344d}.gs-cta-primary:hover{background:#0a3d22;transform:translateY(-2px);box-shadow:0 12px 28px #10593466}.gs-cta-outline{color:#105934;cursor:pointer;white-space:nowrap;background:#fff;border:2px solid #105934;border-radius:12px;align-items:center;gap:.75rem;padding:.9rem 2rem;font-size:1.05rem;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.gs-cta-outline:hover{background:#ecfdf5;transform:translateY(-2px)}.gs-mockup{background:#111827;border-radius:16px;width:100%;height:100%;display:flex;overflow:hidden}.gs-mock-sidebar{background:#0f172a;border-right:1px solid #1e293b;flex-shrink:0;width:180px;padding:1.2rem 1rem}.gs-mock-logo-row{align-items:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.gs-mock-logo-dot{background:#105934;border-radius:6px;width:24px;height:24px}.gs-mock-logo-text{background:#1e293b;border-radius:4px;width:80px;height:10px}.gs-mock-nav-item{border-radius:8px;align-items:center;gap:.6rem;margin-bottom:.3rem;padding:.55rem .6rem;transition:background .2s;display:flex}.gs-mock-nav-item.active{background:#10593440}.gs-mock-nav-icon{background:#334155;border-radius:4px;flex-shrink:0;width:16px;height:16px}.gs-mock-nav-item.active .gs-mock-nav-icon{background:#105934}.gs-mock-nav-label{background:#1e293b;border-radius:4px;flex:1;height:8px}.gs-mock-nav-item.active .gs-mock-nav-label{background:#334155}.gs-mock-nav-icon-real{color:#475569;flex-shrink:0;align-items:center;display:flex}.gs-mock-nav-item.active .gs-mock-nav-icon-real{color:#86efac}.gs-mock-nav-label-real{color:#475569;white-space:nowrap;text-overflow:ellipsis;font-size:.68rem;font-weight:500;overflow:hidden}.gs-mock-nav-item.active .gs-mock-nav-label-real{color:#e2e8f0;font-weight:600}.gs-mock-page-title{color:#e2e8f0;letter-spacing:.02em;font-size:.72rem;font-weight:700}.gs-mock-main{flex-direction:column;flex:1;gap:.8rem;padding:1rem;display:flex;overflow:hidden}.gs-mock-topbar{justify-content:space-between;align-items:center;display:flex}.gs-mock-search{background:#1e293b;border-radius:8px;width:180px;height:28px}.gs-mock-live-badge{color:#f87171;background:#ef444426;border:1px solid #ef44444d;border-radius:100px;padding:.25rem .6rem;font-size:.65rem;font-weight:700;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.gs-mock-stats{grid-template-columns:repeat(3,1fr);gap:.6rem;display:grid}.gs-mock-stat-card{background:#1e293b;border-radius:10px;align-items:center;gap:.6rem;padding:.7rem .8rem;display:flex}.gs-mock-stat-icon{font-size:1.1rem}.gs-mock-stat-value{color:#f1f5f9;font-size:.95rem;font-weight:700;line-height:1.2}.gs-mock-stat-label{color:#64748b;font-size:.65rem}.gs-mock-camera{border:1px solid #1e293b;border-radius:12px;flex:1;min-height:0;position:relative;overflow:hidden}.gs-mock-camera-overlay{position:absolute;inset:0}.gs-mock-face{border:2px solid #ef4444d9;border-radius:4px;width:44px;height:44px;transition:all .3s;position:absolute;box-shadow:0 0 0 1px #ef44444d,0 0 8px #ef444440}.gs-mock-face.present{border-color:#22c55e;box-shadow:0 0 0 1px #22c55e4d,0 0 12px #22c55e66}.gs-mock-face:after{content:"";color:#fff;background:#ef4444e6;border-radius:3px;width:30px;height:10px;padding:1px 4px;font-size:.5rem;position:absolute;top:-18px;left:50%;transform:translate(-50%)}.gs-mock-face.present:after{background:#22c55ee6}.gs-features{max-width:1200px;margin:0 auto;padding:6rem 2rem}.gs-features-header{text-align:center;margin-bottom:4rem}.gs-features-title{color:#0f172a;letter-spacing:-.03em;margin-bottom:.75rem;font-size:2.5rem;font-weight:800}.gs-features-sub{color:#64748b;margin:0;font-size:1.1rem}.gs-features-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.gs-feature-card{cursor:default;background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:2rem;transition:all .3s}.gs-feature-card:hover{border-color:#bbf7d0;box-shadow:0 12px 40px #1059341a}.gs-feature-icon{color:#105934;background:#ecfdf5;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:1.25rem;transition:transform .3s;display:flex}.gs-feature-card:hover .gs-feature-icon{transform:scale(1.1)}.gs-feature-title{color:#0f172a;margin-bottom:.6rem;font-size:1.15rem;font-weight:700}.gs-feature-desc{color:#64748b;margin:0;font-size:.95rem;line-height:1.7}.gs-cta-banner{background:#0f172a;padding:4rem 2rem}.gs-cta-inner{text-align:center;max-width:700px;margin:0 auto}.gs-cta-title{color:#fff;letter-spacing:-.03em;margin-bottom:1rem;font-size:2.5rem;font-weight:800}.gs-cta-text{color:#94a3b8;margin-bottom:2.5rem;font-size:1.1rem}.gs-cta-big-btn{color:#fff;cursor:pointer;background:#105934;border:none;border-radius:14px;align-items:center;gap:.5rem;padding:1rem 2.5rem;font-size:1.05rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 8px 24px #10593466}.gs-cta-big-btn:hover{background:#0a3d22;transform:translateY(-3px)}.gs-footer{background:#f8fafc;border-top:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:2rem 3rem;display:flex}.gs-footer-brand{color:#105934;align-items:center;gap:.5rem;font-size:.95rem;font-weight:700;display:flex}.gs-footer-copy{color:#94a3b8;margin:0;font-size:.85rem}#root{width:100%}