:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#0f172a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;background-color:#0f172a}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.splash-screen{display:flex;justify-content:center;align-items:center;height:100vh;width:100%;background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a);position:fixed;top:0;left:0;z-index:1000;opacity:1;transition:opacity 1s ease-in-out}.splash-screen.splash-fade-out{opacity:0}.splash-content{display:flex;flex-direction:column;align-items:center;animation:splash-enter .8s ease-out forwards}.splash-logo{width:160px;height:auto;margin-bottom:1.5rem;filter:drop-shadow(0 4px 30px rgba(14,165,233,.3))}.splash-title{font-size:2rem;font-weight:700;color:#f1f5f9;margin:0 0 2rem;letter-spacing:1px}.splash-loader{width:180px;height:3px;background:#1e293b;border-radius:10px;overflow:hidden}.splash-loader-bar{width:100%;height:100%;background:linear-gradient(90deg,#0ea5e9,#38bdf8,#0ea5e9);border-radius:10px;animation:splash-loading 2s ease-in-out infinite;transform-origin:left}@keyframes splash-enter{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes splash-loading{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@media(max-width:768px){.splash-logo{width:120px}.splash-title{font-size:1.5rem}.splash-loader{width:140px}}.login-page{min-height:100vh;display:flex;width:100%}.login-branding{flex:1;background:linear-gradient(135deg,#0f172a,#1e3a5f,#0ea5e9);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;position:relative;overflow:hidden}.login-branding:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(14,165,233,.15) 0%,transparent 60%);animation:pulse-glow 6s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.branding-logo{width:180px;height:auto;margin-bottom:2rem;z-index:1;filter:drop-shadow(0 4px 20px rgba(14,165,233,.3))}.branding-title{font-size:2.2rem;font-weight:700;color:#fff;margin-bottom:.75rem;z-index:1;text-align:center}.branding-subtitle{font-size:1.1rem;color:#ffffffb3;z-index:1;text-align:center;max-width:320px;line-height:1.6}.login-form-panel{flex:1;display:flex;align-items:center;justify-content:center;padding:3rem;background-color:#0f172a}.login-form-container{width:100%;max-width:420px}.login-form-container h2{font-size:1.8rem;font-weight:700;color:#f1f5f9;margin-bottom:.5rem}.login-form-container .login-welcome{font-size:.95rem;color:#94a3b8;margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-size:.875rem;font-weight:500;color:#cbd5e1;margin-bottom:.5rem}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:14px;color:#64748b;font-size:1.2rem;pointer-events:none;display:flex;align-items:center}.form-group input{width:100%;padding:.8rem .8rem .8rem 2.8rem;border:1px solid #334155;border-radius:10px;background-color:#1e293b;color:#f1f5f9;font-size:.95rem;transition:all .3s ease;outline:none;box-sizing:border-box}.form-group input:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e926}.form-group input::placeholder{color:#475569}.password-toggle{position:absolute;right:14px;background:none;border:none;color:#64748b;cursor:pointer;font-size:1.1rem;padding:0;display:flex;align-items:center}.password-toggle:hover{color:#0ea5e9}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.remember-me{display:flex;align-items:center;gap:.5rem;cursor:pointer}.remember-me input[type=checkbox]{width:16px;height:16px;accent-color:#0ea5e9;cursor:pointer}.remember-me span{font-size:.85rem;color:#94a3b8}.forgot-password{font-size:.85rem;color:#0ea5e9;background:none;border:none;cursor:pointer;padding:0;font-family:inherit}.forgot-password:hover{color:#38bdf8;text-decoration:underline}.login-btn{width:100%;padding:.85rem;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.login-btn:hover{background:linear-gradient(135deg,#38bdf8,#0ea5e9);transform:translateY(-1px);box-shadow:0 4px 15px #0ea5e959}.login-btn:active{transform:translateY(0)}.login-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.error-message{background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:.75rem 1rem;border-radius:10px;margin-bottom:1.5rem;font-size:.875rem;display:flex;align-items:center;gap:.5rem}.login-divider{display:flex;align-items:center;margin:1.5rem 0}.login-divider hr{flex:1;border:none;border-top:1px solid #334155}.login-divider span{padding:0 1rem;font-size:.8rem;color:#64748b}.login-signup{text-align:center;font-size:.9rem;color:#94a3b8;margin-bottom:0}.signup-link{background:none;border:none;color:#0ea5e9;font-size:.9rem;font-weight:600;cursor:pointer;padding:0;font-family:inherit;transition:color .2s ease}.signup-link:hover{color:#38bdf8;text-decoration:underline}.login-footer{text-align:center;margin-top:1rem;font-size:.85rem;color:#64748b}.login-admin-link{text-align:center;margin-top:.5rem;font-size:.82rem;color:#475569}.admin-portal-link{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;font-size:.85rem;color:#64748b;background:none;border:1px solid #334155;border-radius:10px;padding:.7rem;cursor:pointer;transition:all .3s ease;font-family:inherit}.admin-portal-link:hover{color:#f87171;border-color:#dc262666;background-color:#dc26260d}@media(max-width:900px){.login-page{flex-direction:column}.login-branding{padding:2rem;min-height:auto}.branding-logo{width:120px;margin-bottom:1rem}.branding-title{font-size:1.6rem}.branding-subtitle{font-size:.95rem}.login-form-panel{padding:2rem 1.5rem}}.forgot-page{min-height:100vh;display:flex;width:100%}.forgot-branding{flex:1;background:linear-gradient(135deg,#0f172a,#1e3a5f,#0ea5e9);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;position:relative;overflow:hidden}.forgot-branding:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(14,165,233,.15) 0%,transparent 60%);animation:forgot-pulse-glow 6s ease-in-out infinite}@keyframes forgot-pulse-glow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.forgot-branding .branding-logo{width:180px;height:auto;margin-bottom:2rem;z-index:1;filter:drop-shadow(0 4px 20px rgba(14,165,233,.3))}.forgot-branding .branding-title{font-size:2.2rem;font-weight:700;color:#fff;margin-bottom:.75rem;z-index:1;text-align:center}.forgot-branding .branding-subtitle{font-size:1.1rem;color:#ffffffb3;z-index:1;text-align:center;max-width:320px;line-height:1.6}.forgot-form-panel{flex:1;display:flex;align-items:center;justify-content:center;padding:3rem;background-color:#0f172a}.forgot-form-container{width:100%;max-width:440px}.forgot-back-btn{display:inline-flex;align-items:center;gap:.5rem;font-size:.9rem;color:#94a3b8;background:none;border:none;cursor:pointer;padding:0;margin-bottom:2rem;font-family:inherit;transition:color .3s ease}.forgot-back-btn:hover{color:#0ea5e9}.forgot-icon-wrapper{width:64px;height:64px;border-radius:16px;background:linear-gradient(135deg,#0ea5e926,#0ea5e90d);border:1px solid rgba(14,165,233,.2);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.forgot-hero-icon{font-size:1.8rem;color:#0ea5e9}.forgot-form-container h2{font-size:1.8rem;font-weight:700;color:#f1f5f9;margin-bottom:.75rem}.forgot-description{font-size:.95rem;color:#94a3b8;line-height:1.6;margin-bottom:2rem}.forgot-error{background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:.75rem 1rem;border-radius:10px;margin-bottom:1.25rem;font-size:.85rem;display:flex;align-items:center;gap:.5rem}.forgot-field{margin-bottom:1.5rem}.forgot-field label{display:block;font-size:.875rem;font-weight:500;color:#cbd5e1;margin-bottom:.5rem}.forgot-input-wrapper{position:relative;display:flex;align-items:center}.forgot-input-icon{position:absolute;left:14px;color:#64748b;font-size:1.2rem;pointer-events:none;display:flex;align-items:center}.forgot-field input{width:100%;padding:.85rem .85rem .85rem 2.8rem;border:1px solid #334155;border-radius:10px;background-color:#1e293b;color:#f1f5f9;font-size:.95rem;transition:all .3s ease;outline:none;box-sizing:border-box}.forgot-field input:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e926}.forgot-field input::placeholder{color:#475569}.forgot-submit-btn{width:100%;padding:.85rem;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit}.forgot-submit-btn:hover{background:linear-gradient(135deg,#38bdf8,#0ea5e9);transform:translateY(-1px);box-shadow:0 4px 15px #0ea5e959}.forgot-submit-btn:active{transform:translateY(0)}.forgot-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.forgot-success{text-align:center}.forgot-success-icon-wrapper{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#22c55e26,#22c55e0d);border:2px solid rgba(34,197,94,.3);display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;animation:forgot-scale-in .4s cubic-bezier(.34,1.56,.64,1)}@keyframes forgot-scale-in{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.forgot-success-icon{font-size:2.2rem;color:#22c55e}.forgot-success h2{text-align:center}.forgot-success-text{font-size:.95rem;color:#94a3b8;line-height:1.6;margin-bottom:.75rem}.forgot-success-text strong{color:#f1f5f9}.forgot-success-hint{font-size:.85rem;color:#64748b;margin-bottom:2rem}.forgot-back-login-btn{display:block;width:100%;text-align:center;font-size:.9rem;font-weight:600;color:#0ea5e9;background:none;border:1px solid #334155;border-radius:10px;padding:.75rem;cursor:pointer;transition:all .3s ease;font-family:inherit;margin-top:.75rem}.forgot-back-login-btn:hover{color:#38bdf8;border-color:#0ea5e9;background-color:#0ea5e90d}.forgot-footer{text-align:center;margin-top:2.5rem;font-size:.85rem;color:#64748b}@media(max-width:900px){.forgot-page{flex-direction:column}.forgot-branding{padding:2rem;min-height:auto}.forgot-branding .branding-logo{width:120px;margin-bottom:1rem}.forgot-branding .branding-title{font-size:1.6rem}.forgot-form-panel{padding:2rem 1.5rem}}.popia-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;color:#94a3b8;gap:1rem}.popia-loading-icon{font-size:2.5rem;color:#0ea5e9;animation:popia-pulse 1.5s ease-in-out infinite}@keyframes popia-pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.popia-blocked{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:2rem}.popia-blocked-card{max-width:520px;text-align:center;background:#1e293b;border:1px solid #334155;border-radius:16px;padding:2.5rem 2rem}.popia-blocked-icon{width:64px;height:64px;border-radius:16px;background:#eab3081f;color:#eab308;display:flex;align-items:center;justify-content:center;font-size:1.75rem;margin:0 auto 1.25rem}.popia-blocked-card h2{font-size:1.35rem;color:#f1f5f9;margin:0 0 .75rem;font-weight:700}.popia-blocked-card p{color:#94a3b8;font-size:.9rem;line-height:1.6;margin:0 0 .75rem}.popia-blocked-sub{font-size:.82rem!important;color:#64748b!important}.popia-open-btn{display:inline-flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.7rem 1.5rem;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;border:none;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .2s ease}.popia-open-btn:hover{background:linear-gradient(135deg,#38bdf8,#0ea5e9);transform:translateY(-1px);box-shadow:0 4px 14px #0ea5e94d}.popia-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem}.popia-modal{width:100%;max-width:640px;max-height:90vh;background:#1e293b;border:1px solid #334155;border-radius:16px;display:flex;flex-direction:column;overflow:hidden;animation:popia-slide-up .3s ease-out}.popia-modal-wide{max-width:720px}@keyframes popia-slide-up{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.popia-modal-header{display:flex;align-items:center;gap:1rem;padding:1.5rem 1.75rem;border-bottom:1px solid #334155;background:#0f172a}.popia-header-icon{width:48px;height:48px;border-radius:12px;background:#0ea5e91f;color:#0ea5e9;display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0}.popia-modal-header h2{font-size:1.15rem;font-weight:700;color:#f1f5f9;margin:0}.popia-modal-header p{font-size:.8rem;color:#64748b;margin:.15rem 0 0}.popia-modal-body{flex:1;overflow-y:auto;padding:1.5rem 1.75rem}.popia-signatory-section{margin-bottom:1rem}.popia-signatory-section h3{font-size:.95rem;font-weight:600;color:#f1f5f9;display:flex;align-items:center;gap:.5rem;margin:0 0 .35rem}.popia-signatory-section h3 svg{color:#0ea5e9}.popia-signatory-desc{font-size:.82rem;color:#94a3b8;margin:0 0 1rem;line-height:1.5}.popia-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.popia-form-full{grid-column:1 / -1}.popia-form-group label{display:block;font-size:.78rem;font-weight:600;color:#94a3b8;margin-bottom:.3rem}.popia-required{color:#ef4444}.popia-input-wrap{display:flex;align-items:center;gap:.5rem;background:#0f172a;border:1px solid #334155;border-radius:8px;padding:.55rem .75rem;transition:border-color .2s}.popia-input-wrap:focus-within{border-color:#0ea5e9}.popia-input-wrap svg{color:#475569;font-size:.9rem;flex-shrink:0}.popia-input-wrap input{flex:1;background:none;border:none;outline:none;color:#f1f5f9;font-size:.85rem;font-family:inherit}.popia-input-wrap input::placeholder{color:#475569}.popia-form-error{display:flex;align-items:center;gap:.4rem;margin-top:.65rem;padding:.5rem .75rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;font-size:.8rem;color:#f87171}.popia-divider{height:1px;background:#334155;margin:1.25rem 0}.popia-section{margin-bottom:1.25rem}.popia-section h3{font-size:.92rem;font-weight:600;color:#f1f5f9;margin:0 0 .4rem;display:flex;align-items:center;gap:.5rem}.popia-section h3 svg{color:#0ea5e9;font-size:1rem}.popia-section p{font-size:.84rem;color:#94a3b8;line-height:1.65;margin:0}.popia-section ul{margin:.5rem 0 0;padding-left:1.25rem}.popia-section ul li{font-size:.82rem;color:#94a3b8;line-height:1.7}.popia-section strong{color:#cbd5e1}.popia-checkboxes{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid #334155;display:flex;flex-direction:column;gap:.85rem}.popia-checkbox{display:flex;align-items:flex-start;gap:.65rem;cursor:pointer;font-size:.82rem;color:#cbd5e1;line-height:1.5}.popia-checkbox input[type=checkbox]{display:none}.popia-check-box{width:22px;height:22px;min-width:22px;border-radius:6px;border:2px solid #475569;display:flex;align-items:center;justify-content:center;font-size:.85rem;color:#0ea5e9;transition:all .15s;margin-top:1px}.popia-checkbox input:checked+.popia-check-box{border-color:#0ea5e9;background:#0ea5e91f}.popia-checkbox strong{color:#f1f5f9}.popia-signature-preview{margin-top:1.5rem;padding:1.25rem;background:#0ea5e90d;border:1px solid rgba(14,165,233,.15);border-radius:12px}.popia-sig-label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.06em;margin:0 0 .5rem}.popia-sig-box{display:flex;flex-direction:column;gap:.2rem;padding-bottom:.75rem;border-bottom:2px solid #0ea5e9;margin-bottom:.75rem}.popia-sig-name{font-size:1.3rem;font-weight:700;color:#f1f5f9;font-style:italic;font-family:Georgia,serif}.popia-sig-meta{font-size:.78rem;color:#94a3b8}.popia-sig-note{display:flex;align-items:center;gap:.4rem;font-size:.75rem;color:#0ea5e9;margin:0}.popia-sig-note svg{font-size:.85rem}.popia-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.75rem;border-top:1px solid #334155;background:#0f172a}.popia-decline-btn{padding:.6rem 1.25rem;background:transparent;color:#94a3b8;border:1px solid #475569;border-radius:10px;font-size:.85rem;font-weight:500;cursor:pointer;font-family:inherit;transition:all .15s}.popia-decline-btn:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}.popia-accept-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1.5rem;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;border:none;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .2s ease}.popia-accept-btn:hover:not(:disabled){background:linear-gradient(135deg,#38bdf8,#0ea5e9);transform:translateY(-1px);box-shadow:0 4px 14px #0ea5e94d}.popia-accept-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.popia-version{text-align:center;font-size:.7rem;color:#475569;padding:.5rem 0 1rem;margin:0}@media(max-width:640px){.popia-modal{max-height:95vh;border-radius:12px}.popia-modal-wide{max-width:100%}.popia-modal-header,.popia-modal-body{padding:1.25rem}.popia-modal-footer{padding:1rem 1.25rem;flex-direction:column}.popia-decline-btn,.popia-accept-btn{width:100%;justify-content:center}.popia-blocked-card{padding:1.75rem 1.25rem}.popia-form-grid{grid-template-columns:1fr}.popia-sig-name{font-size:1.1rem}}.user-layout{display:flex;min-height:100vh;background-color:#0f172a;color:#f1f5f9}.user-sidebar{width:260px;background-color:#0b1120;border-right:1px solid #1e293b;display:flex;flex-direction:column;padding:1.5rem 1rem;position:sticky;top:0;height:100vh;overflow-y:auto}.user-sidebar-header{display:flex;flex-direction:column;align-items:center;padding-bottom:1.5rem;border-bottom:1px solid #1e293b;margin-bottom:1.5rem}.user-sidebar-logo{width:150px;height:auto;margin-bottom:.75rem}.user-sidebar-badge{display:flex;align-items:center;gap:.4rem;background:#0ea5e91f;border:1px solid rgba(14,165,233,.25);padding:.35rem .8rem;border-radius:50px;font-size:.7rem;font-weight:600;color:#38bdf8;letter-spacing:1px;text-transform:uppercase}.user-sidebar-nav{flex:1;display:flex;flex-direction:column;gap:.25rem}.user-nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:10px;color:#64748b;text-decoration:none;font-size:.9rem;font-weight:500;transition:all .2s ease}.user-nav-item:hover{background-color:#1e293b;color:#f1f5f9}.user-nav-item.active{background:#0ea5e91a;color:#38bdf8}.user-nav-group{display:flex;flex-direction:column}.user-nav-group-toggle{background:none;border:none;cursor:pointer;font-family:inherit;width:100%;text-align:left}.user-nav-group-toggle.group-open{background:#0ea5e90f!important;color:#94a3b8!important;border-left:2px solid #0ea5e9;padding-left:calc(1rem - 2px)}.user-nav-chevron{margin-left:auto;font-size:.85rem;flex-shrink:0;color:#64748b}.user-nav-sub{display:flex;flex-direction:column;gap:.15rem;padding-left:.5rem;margin-top:.25rem;padding-bottom:.25rem;border-left:2px solid #1e293b;margin-left:1.35rem}.user-nav-sub-item{font-size:.83rem!important;padding:.55rem .85rem!important;color:#64748b!important;border-radius:8px}.user-nav-sub-item.active{background:#0ea5e91f!important;color:#38bdf8!important;font-weight:600!important}.user-nav-sub-item:hover{background:#ffffff0a!important;color:#cbd5e1!important}.user-sidebar-footer{border-top:1px solid #1e293b;padding-top:1rem}.user-info{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.user-avatar{width:38px;height:38px;background:linear-gradient(135deg,#0ea5e9,#0284c7);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem}.user-details{overflow:hidden}.user-name{font-size:.85rem;font-weight:600;color:#f1f5f9;margin:0}.user-email{font-size:.75rem;color:#475569;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.user-logout-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.65rem;background:transparent;border:1px solid #1e293b;border-radius:10px;color:#64748b;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit}.user-logout-btn:hover{border-color:#0ea5e9;color:#38bdf8;background:#0ea5e90d}.user-main{flex:1;padding:2rem;overflow-y:auto;min-height:100vh}@media(max-width:768px){.user-layout{flex-direction:column}.user-sidebar{width:100%;height:auto;position:relative;flex-direction:row;flex-wrap:wrap;padding:1rem;gap:1rem}.user-sidebar-header{flex-direction:row;width:100%;padding-bottom:0;border-bottom:none;margin-bottom:0;gap:.75rem}.user-sidebar-logo{width:60px}.user-sidebar-nav{flex-direction:row;width:100%;overflow-x:auto}.user-sidebar-footer{width:100%;border-top:none;padding-top:0}.user-main{padding:1.5rem}}.dash-home{width:100%}.dash-page-header{margin-bottom:2rem}.dash-page-header h1{font-size:1.75rem;font-weight:700;color:#f1f5f9;margin:0 0 .25rem}.dash-page-header p{font-size:.9rem;color:#64748b;margin:0}.dash-page-header p strong{color:#38bdf8}.dash-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.dash-stat-card{background-color:#1e293b;border:1px solid #334155;border-radius:14px;padding:1.25rem;display:flex;align-items:center;gap:1rem;transition:border-color .2s ease}.dash-stat-card:hover{border-color:#475569}.dash-stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0}.dash-stat-icon.imports{background:#0ea5e91a;color:#38bdf8}.dash-stat-icon.csv{background:#a855f71a;color:#c084fc}.dash-stat-icon.success{background:#22c55e1a;color:#4ade80}.dash-stat-icon.pending{background:#eab3081a;color:#facc15}.dash-stat-label{font-size:.8rem;color:#64748b;margin:0 0 .25rem}.dash-stat-value{font-size:1.5rem;font-weight:700;color:#f1f5f9;margin:0}.dash-section{margin-bottom:2rem}.dash-bridge-status{display:flex;align-items:flex-start;gap:.8rem;padding:1rem 1.2rem;border-radius:12px;margin-bottom:1.5rem;transition:all .2s ease}.dash-bridge-status.online{background:#22c55e0f;border:1px solid rgba(34,197,94,.2)}.dash-bridge-status.offline{background:#f973160f;border:1px solid rgba(249,115,22,.2)}.dash-bridge-icon{font-size:1.3rem;margin-top:.1rem;flex-shrink:0}.dash-bridge-status.online .dash-bridge-icon{color:#22c55e}.dash-bridge-status.offline .dash-bridge-icon{color:#f97316}.dash-bridge-label{font-size:.9rem;color:#e7e5e4;margin:0}.dash-bridge-detail{font-size:.8rem;color:#a8a29e;margin:.2rem 0 0;line-height:1.4}.dash-bridge-cmd{display:inline-block;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:.3rem .6rem;font-size:.75rem;color:#60a5fa;margin-top:.5rem;word-break:break-all}.dash-section-title{font-size:1.1rem;font-weight:600;color:#94a3b8;margin:0 0 1rem}.dash-activity-list{display:flex;flex-direction:column;gap:.5rem}.dash-activity-item{display:flex;align-items:center;gap:1rem;padding:1rem;background-color:#1e293b;border:1px solid #334155;border-radius:12px;transition:border-color .2s ease}.dash-activity-item:hover{border-color:#475569}.dash-activity-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.dash-activity-icon.blue{background:#0ea5e91a;color:#38bdf8}.dash-activity-icon.green{background:#22c55e1a;color:#4ade80}.dash-activity-icon.purple{background:#a855f71a;color:#c084fc}.dash-activity-icon.cyan{background:#06b6d41a;color:#22d3ee}.dash-activity-text{font-size:.9rem;color:#e2e8f0;margin:0 0 .15rem}.dash-activity-time{font-size:.75rem;color:#64748b;margin:0}.dash-msg-list{display:flex;flex-direction:column;gap:.5rem}.dash-msg-card{background:#1e293b;border:1px solid #334155;border-left:3px solid #22c55e;border-radius:12px;padding:1rem 1.25rem;transition:border-color .2s}.dash-msg-card:hover{border-color:#475569;border-left-color:#4ade80}.dash-msg-header{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.5rem}.dash-msg-icon{width:36px;height:36px;border-radius:8px;background:#22c55e1a;color:#4ade80;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.dash-msg-meta{flex:1;min-width:0}.dash-msg-subject{font-size:.92rem;font-weight:600;color:#f1f5f9;margin:0 0 .15rem}.dash-msg-time{font-size:.72rem;color:#94a3b8}.dash-msg-dismiss{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:30px!important;height:30px!important;padding:0!important;border-radius:6px;border:1px solid #475569;background:#64748b1a;color:#94a3b8;cursor:pointer;font-size:.9rem;transition:all .15s;flex-shrink:0}.dash-msg-dismiss svg{width:14px!important;height:14px!important}.dash-msg-dismiss:hover{border-color:#ef4444;color:#f87171;background:#ef44441a}.dash-msg-body{font-size:.88rem;color:#cbd5e1;margin:0;line-height:1.55;white-space:pre-wrap;padding-left:2.85rem}@media(max-width:768px){.dash-msg-body{padding-left:0}}.import-page{width:100%}.import-page-header{margin-bottom:2rem}.import-page-header h1{font-size:1.75rem;font-weight:700;color:#f5f5f4;margin:0 0 .25rem}.import-page-header p{font-size:.9rem;color:#57534e;margin:0}.import-error-banner{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:10px;color:#fca5a5;font-size:.875rem;margin-bottom:1.5rem}.import-error-banner svg{flex-shrink:0;width:18px;height:18px;color:#f87171}.import-error-banner span{flex:1}.import-error-banner button{background:none;border:none;color:#f87171;cursor:pointer;font-size:1rem;padding:0 .25rem;line-height:1}.import-school-field{margin-bottom:1.5rem}.import-school-field label{display:block;font-size:.875rem;font-weight:500;color:#a8a29e;margin-bottom:.5rem}.import-school-select-wrap{display:flex;flex-direction:column;gap:.5rem;max-width:480px}.import-school-select{width:100%;padding:.75rem 2.2rem .75rem 1rem;border:1px solid #292524;border-radius:10px;background-color:#141414;color:#f5f5f4;font-size:.9rem;font-family:inherit;transition:all .3s ease;outline:none;cursor:pointer;box-sizing:border-box;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23a8a29e' 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-repeat:no-repeat;background-position:right 12px center}.import-school-select:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc262626}.import-school-select option{background:#1c1917;color:#f5f5f4}.import-school-field input{width:100%;padding:.75rem 1rem;border:1px solid #292524;border-radius:10px;background-color:#141414;color:#f5f5f4;font-size:.9rem;font-family:inherit;transition:all .3s ease;outline:none;box-sizing:border-box}.import-school-field input:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc262626}.import-school-field input::placeholder{color:#57534e}.import-stipend-field{margin-bottom:1.5rem}.import-stipend-field label{display:block;font-size:.85rem;font-weight:600;color:#a8a29e;margin-bottom:.4rem}.import-stipend-input{max-width:200px;padding:.75rem 1rem;border:1px solid #292524;border-radius:10px;background-color:#141414;color:#f5f5f4;font-size:.9rem;font-family:inherit;transition:all .3s ease;outline:none;box-sizing:border-box}.import-stipend-input:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e926}.import-stipend-input::placeholder{color:#57534e}.import-school-back-btn{background:none;border:none;color:#a8a29e;font-size:.82rem;cursor:pointer;padding:0;text-align:left;font-family:inherit;transition:color .15s}.import-school-back-btn:hover{color:#f5f5f4}.import-school-error{margin:.5rem 0 0;font-size:.82rem;color:#f87171}.import-school-hint{font-size:.8rem;color:#fca5a5;margin:0;padding:0}.import-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;border:2px dashed #292524;border-radius:16px;background-color:#141414;cursor:pointer;transition:all .3s ease;text-align:center;margin-bottom:2rem}.import-dropzone:hover,.import-dropzone.drag-over{border-color:#dc2626;background-color:#dc26260a}.import-dropzone-icon{font-size:3rem;color:#57534e;margin-bottom:1rem}.import-dropzone:hover .import-dropzone-icon,.import-dropzone.drag-over .import-dropzone-icon{color:#f87171}.import-dropzone h3{font-size:1.1rem;font-weight:600;color:#f5f5f4;margin:0 0 .25rem}.import-dropzone p{font-size:.9rem;color:#57534e;margin:0 0 .75rem}.import-dropzone-hint{font-size:.75rem;color:#a8a29e;background:#dc262614;padding:.3rem .8rem;border-radius:50px}.import-file-section{background-color:#141414;border:1px solid #1c1917;border-radius:14px;padding:1.25rem}.import-file-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #1c1917}.import-file-header h2{font-size:1rem;font-weight:600;color:#f5f5f4;margin:0}.import-upload-btn{display:flex;align-items:center;gap:.5rem;padding:.55rem 1rem;background:linear-gradient(135deg,#dc2626,#991b1b);color:#fff;border:none;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit}.import-upload-btn:hover{background:linear-gradient(135deg,#ef4444,#dc2626);transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.import-upload-btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.import-file-list{display:flex;flex-direction:column;gap:.5rem}.import-file-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background-color:#0a0a0a;border:1px solid #1c1917;border-radius:10px;transition:border-color .2s ease}.import-file-item:hover{border-color:#292524}.import-file-icon{width:38px;height:38px;border-radius:8px;background:#dc26261a;display:flex;align-items:center;justify-content:center;color:#f87171;font-size:1.1rem;flex-shrink:0}.import-file-info{flex:1;min-width:0}.import-file-name{font-size:.9rem;font-weight:500;color:#f5f5f4;margin:0 0 .1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.import-file-size{font-size:.75rem;color:#57534e;margin:0}.import-file-status{display:flex;align-items:center;gap:.35rem;font-size:.8rem;font-weight:500;flex-shrink:0}.import-file-status.ready{color:#a8a29e}.import-file-status.uploading{color:#facc15}.import-file-status.success{color:#4ade80}.import-file-status.error{color:#f87171}.import-remove-btn{background:none;border:none;color:#57534e;cursor:pointer;padding:.4rem;border-radius:6px;display:flex;align-items:center;transition:all .15s ease}.import-remove-btn:hover{background-color:#ef44441a;color:#f87171}.import-file-controls{display:flex;align-items:center;gap:.5rem;margin-left:1rem}.import-fingerprint-col{background:#0a0a0a;border:1px solid #292524;color:#f5f5f4;padding:.35rem .6rem;border-radius:6px;font-size:.85rem}.import-history-section{margin-top:2.5rem;background:#141414;border:1px solid #1c1917;border-radius:14px;padding:1.5rem}.import-history-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid #1c1917}.import-history-header h2{font-size:1rem;font-weight:600;color:#f5f5f4;margin:0;display:flex;align-items:center}.import-history-search{display:flex;align-items:center;gap:.5rem;background:#0a0a0a;border:1px solid #292524;border-radius:8px;padding:.45rem .75rem;min-width:220px;transition:border-color .2s}.import-history-search:focus-within{border-color:#dc2626}.import-history-search svg{color:#57534e;flex-shrink:0}.import-history-search input{background:none;border:none;outline:none;color:#f5f5f4;font-size:.85rem;font-family:inherit;width:100%}.import-history-search input::placeholder{color:#57534e}.import-history-count{font-size:.8rem;color:#57534e;margin:0 0 .75rem}.import-history-empty{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:2.5rem 0;color:#57534e;font-size:.9rem}.import-history-empty svg{font-size:2rem;opacity:.5}.import-history-table-wrap{overflow-x:auto;border-radius:10px;border:1px solid #1c1917}.import-history-table{width:100%;border-collapse:collapse;font-size:.85rem}.import-history-table thead tr{background:#0a0a0a;border-bottom:1px solid #1c1917}.import-history-table th{padding:.65rem 1rem;text-align:left;font-size:.75rem;font-weight:600;color:#57534e;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.import-history-table td{padding:.75rem 1rem;border-bottom:1px solid #1c1917;vertical-align:middle}.import-history-table tbody tr:last-child td{border-bottom:none}.import-history-table tbody tr:hover{background:#ffffff05}.import-hist-muted{color:#57534e;font-size:.8rem}.import-hist-name{display:flex;align-items:center;gap:.5rem;color:#f5f5f4;font-weight:500}.import-hist-name svg{color:#f87171;flex-shrink:0}.import-hist-school{color:#a8a29e;font-size:.82rem;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.import-hist-rows{display:inline-flex;align-items:center;gap:.3rem;background:#dc262614;color:#fca5a5;font-size:.78rem;padding:.2rem .55rem;border-radius:50px}.import-hist-badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.78rem;font-weight:600;padding:.25rem .6rem;border-radius:50px;text-transform:capitalize}.import-hist-badge.success{background:#4ade801a;color:#4ade80}.import-hist-badge.error{background:#f871711a;color:#f87171}.import-hist-delete-btn{background:none;border:none;color:#57534e;cursor:pointer;padding:.4rem;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.import-hist-delete-btn:hover{background:#ef44441f;color:#f87171}.import-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.import-confirm-modal{background:#1c1917;border:1px solid #292524;border-radius:16px;padding:2rem;max-width:420px;width:90%;text-align:center;box-shadow:0 20px 60px #00000080}.import-confirm-icon{width:56px;height:56px;background:#ef44441f;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;color:#f87171;font-size:1.5rem}.import-confirm-modal h3{font-size:1.15rem;font-weight:700;color:#f5f5f4;margin:0 0 .75rem}.import-confirm-modal p{font-size:.875rem;color:#a8a29e;margin:0 0 1.5rem;line-height:1.6}.import-confirm-modal strong{color:#fca5a5}.import-confirm-btns{display:flex;gap:.75rem;justify-content:center}.import-cancel-btn{flex:1;padding:.65rem 1rem;background:#141414;border:1px solid #292524;color:#a8a29e;border-radius:10px;font-size:.875rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s}.import-cancel-btn:hover:not(:disabled){border-color:#57534e;color:#f5f5f4}.import-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.import-delete-confirm-btn{flex:1;padding:.65rem 1rem;background:linear-gradient(135deg,#dc2626,#991b1b);border:none;color:#fff;border-radius:10px;font-size:.875rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s}.import-delete-confirm-btn:hover:not(:disabled){background:linear-gradient(135deg,#ef4444,#dc2626);transform:translateY(-1px);box-shadow:0 4px 12px #dc262659}.import-delete-confirm-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media(max-width:768px){.import-dropzone{padding:2rem 1.5rem}.import-file-header{flex-direction:column;gap:.75rem;align-items:flex-start}}.csv-page{padding:2rem}.csv-page-header h1{font-size:1.75rem;font-weight:700;color:#f1f5f9;margin:0 0 .25rem}.csv-page-header p{color:#94a3b8;font-size:.95rem;margin:0}.csv-search-bar{position:relative;margin:1.5rem 0;max-width:400px}.csv-search-bar input{width:100%;padding:.65rem .75rem .65rem 2.5rem;border-radius:8px;border:1px solid #334155;background:#1e293b;color:#f1f5f9;font-size:.9rem;outline:none;transition:border-color .2s;box-sizing:border-box}.csv-search-bar input:focus{border-color:#0ea5e9}.csv-search-icon{position:absolute;top:50%;left:.75rem;transform:translateY(-50%);color:#64748b;font-size:1.1rem;pointer-events:none}.csv-table-wrapper{background:#1e293b;border-radius:12px;overflow:hidden;border:1px solid #334155}.csv-table{width:100%;border-collapse:collapse}.csv-table thead{background:#0f172a}.csv-table th{text-align:left;padding:.85rem 1rem;font-size:.8rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #334155}.csv-table td{padding:.85rem 1rem;font-size:.9rem;color:#f1f5f9;border-bottom:1px solid rgba(51,65,85,.5)}.csv-table tbody tr:hover{background:#0ea5e90a}.csv-name-cell{display:flex;align-items:center;gap:.75rem}.csv-file-icon{width:34px;height:34px;border-radius:8px;background:#0ea5e91f;display:flex;align-items:center;justify-content:center;color:#0ea5e9;font-size:1rem;flex-shrink:0}.csv-muted{color:#94a3b8}.csv-date{display:flex;align-items:center;gap:.4rem;color:#94a3b8;font-size:.85rem}.csv-status{display:inline-block;padding:.25rem .65rem;border-radius:999px;font-size:.78rem;font-weight:600;text-transform:capitalize}.csv-status.processed{background:#22c55e1f;color:#22c55e}.csv-status.pending{background:#eab3081f;color:#eab308}.csv-status.error{background:#ef44441f;color:#ef4444}.csv-actions{display:flex;align-items:center;gap:.25rem;justify-content:flex-end}.csv-action-btn{width:32px;height:32px;border-radius:6px;border:none;background:transparent;color:#94a3b8;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;transition:all .15s}.csv-action-btn:hover{background:#334155;color:#f1f5f9}.csv-action-btn.delete:hover{background:#ef444426;color:#ef4444}.csv-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:#64748b;gap:.5rem}.csv-empty svg{font-size:2rem}@media(max-width:768px){.csv-page{padding:1.25rem}.csv-table-wrapper{overflow-x:auto}.csv-table{min-width:600px}.csv-viewer-table{min-width:800px}.csv-page-header{flex-direction:column;gap:1rem}}.csv-school-badge{display:inline-block;margin-left:.5rem;padding:.2rem .6rem;font-size:.75rem;font-weight:600;background:#0ea5e91f;color:#38bdf8;border-radius:999px;vertical-align:middle}.csv-school-tag{display:inline-block;padding:.2rem .55rem;font-size:.78rem;font-weight:500;background:#8b5cf61f;color:#a78bfa;border-radius:6px}.csv-clickable-row{cursor:pointer;transition:background-color .15s ease}.csv-clickable-row:hover{background:#0ea5e90f!important}.csv-back-btn{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;color:#94a3b8;background:none;border:none;cursor:pointer;padding:0;margin-bottom:.75rem;font-family:inherit;transition:color .2s}.csv-back-btn:hover{color:#0ea5e9}.csv-page-header{display:flex;justify-content:space-between;align-items:flex-start}.csv-download-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1rem;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;border:none;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit;flex-shrink:0;margin-top:1rem}.csv-download-btn:hover{background:linear-gradient(135deg,#38bdf8,#0ea5e9);transform:translateY(-1px);box-shadow:0 4px 12px #0ea5e94d}.csv-viewer-school{color:#a78bfa;font-weight:500}.csv-results-count{font-size:.8rem;color:#64748b;margin:0 0 .75rem}.csv-search-bar{position:relative}.csv-search-clear{position:absolute;right:.6rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#64748b;cursor:pointer;padding:.2rem;display:flex;align-items:center;border-radius:4px;transition:color .15s}.csv-search-clear:hover{color:#f1f5f9}.csv-viewer-table-wrapper{max-height:65vh;overflow:auto}.csv-viewer-table thead{position:sticky;top:0;z-index:2}.csv-viewer-table th,.csv-viewer-table td{white-space:nowrap;max-width:280px;overflow:hidden;text-overflow:ellipsis}.csv-row-num{width:48px;text-align:center;color:#475569!important;font-size:.78rem;font-weight:600}.att-page{width:100%}.att-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.att-header h1{font-size:1.75rem;font-weight:700;color:#f1f5f9;margin:0 0 .25rem}.att-header p{color:#94a3b8;font-size:.9rem;margin:0}.att-school-badge{display:inline-block;margin-left:.5rem;padding:.2rem .6rem;font-size:.75rem;font-weight:600;background:#0ea5e91f;color:#38bdf8;border-radius:999px;vertical-align:middle}.att-history-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1rem;background:#1e293b;border:1px solid #334155;color:#94a3b8;border-radius:10px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;font-family:inherit;flex-shrink:0;margin-top:.25rem}.att-history-btn:hover{border-color:#0ea5e9;color:#38bdf8;background:#0ea5e90d}.att-back-btn{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;color:#94a3b8;background:none;border:none;cursor:pointer;padding:0;margin-bottom:.75rem;font-family:inherit;transition:color .2s}.att-back-btn:hover{color:#0ea5e9}.att-controls{display:flex;gap:1.5rem;margin-bottom:1rem;flex-wrap:wrap}.att-control-group{display:flex;flex-direction:column;gap:.4rem}.att-control-group label{font-size:.78rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.att-select{padding:.6rem 2.2rem .6rem 1rem;border:1px solid #334155;border-radius:10px;background:#1e293b;color:#f1f5f9;font-size:.9rem;font-family:inherit;outline:none;cursor:pointer;min-width:260px;transition:border-color .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' 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-repeat:no-repeat;background-position:right 12px center}.att-select option{background:#1e293b;color:#f1f5f9}.att-select:focus{border-color:#0ea5e9}.att-date-nav{display:flex;align-items:center;gap:.25rem}.att-date-input{padding:.6rem .75rem;border:1px solid #334155;border-radius:10px;background:#1e293b;color:#f1f5f9;font-size:.9rem;font-family:inherit;outline:none;transition:border-color .2s}.att-date-input:focus{border-color:#0ea5e9}.att-date-input::-webkit-calendar-picker-indicator{filter:invert(.7);cursor:pointer}.att-date-arrow{width:36px;height:36px;border-radius:8px;border:1px solid #334155;background:#1e293b;color:#cbd5e1;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer;font-size:1.2rem;transition:all .15s;padding:0;flex-shrink:0;line-height:1}.att-date-arrow svg{width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;flex-shrink:0;display:block!important}.att-arrow-text{display:none;font-size:1.4rem;font-weight:700;line-height:1;color:inherit}.att-date-arrow svg:empty~.att-arrow-text,.att-date-arrow:not(:has(svg)) .att-arrow-text{display:block}.att-date-arrow:hover:not(:disabled){border-color:#0ea5e9;color:#38bdf8;background:#0ea5e914}.att-date-arrow:disabled{opacity:.4;cursor:not-allowed}.att-date-label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#94a3b8;margin:0 0 1.25rem}.att-today-badge{background:#22c55e1f;color:#22c55e;padding:.15rem .5rem;border-radius:999px;font-size:.72rem;font-weight:600}.att-stats{display:flex;gap:.75rem;margin-bottom:1.25rem;flex-wrap:wrap}.att-stat-card{display:flex;align-items:center;gap:.75rem;background:#1e293b;border:1px solid #334155;border-radius:12px;padding:.75rem 1.1rem;flex:1;min-width:130px}.att-stat-card svg{font-size:1.3rem;flex-shrink:0}.att-stat-card.total svg{color:#38bdf8}.att-stat-card.present svg{color:#22c55e}.att-stat-card.late svg{color:#eab308}.att-stat-card.absent svg{color:#ef4444}.att-stat-card.rate svg{color:#a78bfa}.att-stat-number{display:block;font-size:1.3rem;font-weight:700;color:#f1f5f9;line-height:1.1}.att-stat-label{display:block;font-size:.72rem;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.04em}.att-toolbar{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.att-search-bar{position:relative;flex:1;min-width:200px;max-width:320px}.att-search-bar input{width:100%;padding:.6rem .75rem .6rem 2.3rem;border-radius:8px;border:1px solid #334155;background:#1e293b;color:#f1f5f9;font-size:.88rem;outline:none;transition:border-color .2s;box-sizing:border-box}.att-search-bar input:focus{border-color:#0ea5e9}.att-search-icon{position:absolute;top:50%;left:.7rem;transform:translateY(-50%);color:#64748b;font-size:1rem;pointer-events:none}.att-bulk-actions{display:flex;gap:.35rem}.att-bulk-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem .85rem;border-radius:8px;border:1px solid #334155;background:#1e293b;color:#94a3b8;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s;font-family:inherit}.att-bulk-btn.present:hover{border-color:#22c55e;color:#22c55e;background:#22c55e0f}.att-bulk-btn.absent:hover{border-color:#ef4444;color:#ef4444;background:#ef44440f}.att-save-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1.1rem;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;border:none;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit;margin-left:auto}.att-save-btn:hover:not(:disabled){background:linear-gradient(135deg,#38bdf8,#0ea5e9);transform:translateY(-1px);box-shadow:0 4px 12px #0ea5e94d}.att-save-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.att-save-btn.success{background:linear-gradient(135deg,#22c55e,#16a34a)}.att-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:att-spin .6s linear infinite}@keyframes att-spin{to{transform:rotate(360deg)}}.att-learner-list{display:flex;flex-direction:column;gap:.4rem}.att-learner-card{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#1e293b;border:1px solid #334155;border-radius:10px;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.att-learner-card:hover{border-color:#475569}.att-learner-card.present{border-left:3px solid #22c55e}.att-learner-card.absent{border-left:3px solid #ef4444;background:#ef444408}.att-learner-card.late{border-left:3px solid #eab308;background:#eab30808}.att-learner-avatar{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.att-learner-card.present .att-learner-avatar{background:#22c55e1f;color:#22c55e}.att-learner-card.absent .att-learner-avatar{background:#ef44441f;color:#ef4444}.att-learner-card.late .att-learner-avatar{background:#eab3081f;color:#eab308}.att-learner-info{flex:1;min-width:0}.att-learner-name{font-size:.9rem;font-weight:500;color:#f1f5f9;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.att-learner-id{font-size:.75rem;color:#64748b;margin:0}.att-learner-time{display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#94a3b8;margin:.15rem 0 0}.att-learner-time svg{width:11px;height:11px;color:#f59e0b;flex-shrink:0}.att-time-in{color:#22c55e;font-weight:600}.att-time-out{color:#f97316;font-weight:600}.att-scan-count{color:#a8a29e;font-size:.75rem;font-weight:500}.att-learner-actions{display:flex;gap:.25rem}.att-status-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:4px;padding:.3rem .65rem;width:auto!important;height:30px;border-radius:6px;border:1px solid #334155;background:transparent;color:#64748b;cursor:pointer;font-size:.75rem;font-weight:600;font-family:inherit;white-space:nowrap;transition:all .15s}.att-status-btn svg{width:13px!important;height:13px!important;min-width:13px!important;flex-shrink:0;display:block!important}.att-status-btn.present:hover,.att-status-btn.present.active{border-color:#22c55e;color:#22c55e;background:#22c55e1a}.att-status-btn.late:hover,.att-status-btn.late.active{border-color:#eab308;color:#eab308;background:#eab3081a}.att-status-btn.absent:hover,.att-status-btn.absent.active{border-color:#ef4444;color:#ef4444;background:#ef44441a}.att-status-label{font-size:.78rem;font-weight:600;padding:.2rem .6rem;border-radius:999px;flex-shrink:0;min-width:60px;text-align:center}.att-status-label.present{background:#22c55e1f;color:#22c55e}.att-status-label.absent{background:#ef44441f;color:#ef4444}.att-status-label.late{background:#eab3081f;color:#eab308}.att-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:#64748b;gap:.5rem}.att-empty svg{font-size:2rem}.att-table-wrapper{background:#1e293b;border-radius:12px;overflow:hidden;border:1px solid #334155}.att-table{width:100%;border-collapse:collapse}.att-table thead{background:#0f172a}.att-table th{text-align:left;padding:.85rem 1rem;font-size:.78rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #334155}.att-table td{padding:.85rem 1rem;font-size:.9rem;color:#f1f5f9;border-bottom:1px solid rgba(51,65,85,.5)}.att-table tbody tr:hover{background:#0ea5e90a}.att-history-date{display:inline-flex;align-items:center;gap:.4rem;color:#94a3b8;font-size:.85rem}.att-muted{color:#94a3b8}.att-stat-pill{display:inline-block;padding:.2rem .55rem;border-radius:6px;font-size:.82rem;font-weight:600}.att-stat-pill.present{background:#22c55e1f;color:#22c55e}.att-stat-pill.late{background:#eab3081f;color:#eab308}.att-stat-pill.absent{background:#ef44441f;color:#ef4444}.att-rate-badge{display:inline-block;padding:.2rem .55rem;border-radius:6px;font-size:.82rem;font-weight:600}.att-rate-badge.good{background:#22c55e1f;color:#22c55e}.att-rate-badge.low{background:#ef44441f;color:#ef4444}.att-edit-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .75rem;border-radius:6px;border:1px solid #334155;background:transparent;color:#94a3b8;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s;font-family:inherit}.att-edit-btn:hover{border-color:#0ea5e9;color:#38bdf8;background:#0ea5e90d}@media(max-width:768px){.att-header{flex-direction:column;gap:.75rem}.att-controls{flex-direction:column}.att-select{min-width:100%}.att-stats{gap:.5rem}.att-stat-card{min-width:100px;padding:.6rem .85rem}.att-stat-number{font-size:1.1rem}.att-toolbar{flex-direction:column;align-items:stretch}.att-search-bar{max-width:100%}.att-save-btn{margin-left:0}.att-learner-actions{display:none}.att-table-wrapper{overflow-x:auto}.att-table{min-width:600px}}.ar-page{max-width:1200px;margin:0 auto}.ar-header{margin-bottom:1.5rem}.ar-header h1{display:flex;align-items:center;gap:.6rem;font-size:1.6rem;font-weight:700;color:#f1f5f9;margin:0 0 .3rem}.ar-header p{color:#64748b;font-size:.9rem;margin:0;display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.ar-school-badge{background:#0ea5e91f;color:#38bdf8;border:1px solid rgba(14,165,233,.25);border-radius:999px;padding:.15rem .75rem;font-size:.78rem;font-weight:600;letter-spacing:.02em}.ar-controls{background:#1e293b;border:1px solid #334155;border-radius:14px;padding:1.5rem;display:flex;flex-direction:column;gap:1.2rem;margin-bottom:1.5rem}.ar-control-group{display:flex;flex-direction:column;gap:.4rem}.ar-control-group label{font-size:.78rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.ar-select,.ar-date-input{background:#0f172a;border:1px solid #334155;border-radius:8px;color:#f1f5f9;padding:.55rem .9rem;font-size:.9rem;font-family:inherit;outline:none;transition:border-color .2s}.ar-select:focus,.ar-date-input:focus{border-color:#0ea5e9}.ar-quick-filters{display:flex;flex-wrap:wrap;gap:.5rem}.ar-filter-btn{background:#0f172a;border:1px solid #334155;border-radius:8px;color:#94a3b8;padding:.4rem .85rem;font-size:.78rem;font-weight:500;cursor:pointer;text-transform:capitalize;transition:all .2s;font-family:inherit}.ar-filter-btn:hover,.ar-filter-btn.active{background:#0ea5e91f;border-color:#0ea5e9;color:#38bdf8}.ar-date-row{display:flex;gap:1rem;flex-wrap:wrap}.ar-date-row .ar-control-group{flex:1;min-width:140px}.ar-generate-btn{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#0ea5e9,#0284c7);border:none;border-radius:10px;color:#fff;font-size:.9rem;font-weight:600;padding:.7rem 1.4rem;cursor:pointer;width:fit-content;transition:opacity .2s;font-family:inherit}.ar-generate-btn:disabled{opacity:.5;cursor:not-allowed}.ar-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:ar-spin .7s linear infinite;display:inline-block}@keyframes ar-spin{to{transform:rotate(360deg)}}.ar-stats{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.ar-stat{flex:1;min-width:130px;background:#1e293b;border:1px solid #334155;border-radius:12px;padding:1rem 1.2rem;display:flex;align-items:center;gap:.75rem;color:#64748b;font-size:1.2rem}.ar-stat>svg{font-size:1.4rem;flex-shrink:0}.ar-stat.present{border-color:#22c55e4d;color:#22c55e}.ar-stat.late{border-color:#f59e0b4d;color:#f59e0b}.ar-stat.absent{border-color:#ef44444d;color:#ef4444}.ar-stat.rate{border-color:#0ea5e94d;color:#0ea5e9}.ar-stat-num{display:block;font-size:1.6rem;font-weight:700;color:#f1f5f9;line-height:1}.ar-stat-lbl{display:block;font-size:.75rem;color:#64748b;margin-top:.2rem}.ar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem;flex-wrap:wrap}.ar-search{display:flex;align-items:center;gap:.5rem;background:#1e293b;border:1px solid #334155;border-radius:8px;padding:.5rem .9rem;flex:1;max-width:320px;color:#64748b}.ar-search input{background:transparent;border:none;outline:none;color:#f1f5f9;font-size:.88rem;font-family:inherit;flex:1}.ar-search input::placeholder{color:#475569}.ar-export-group{display:flex;gap:.5rem;align-items:center}.ar-select-sm{background:#1e293b;border:1px solid #334155;border-radius:8px;color:#f1f5f9;padding:.5rem .75rem;font-size:.85rem;font-family:inherit;outline:none}.ar-export-btn{display:flex;align-items:center;gap:.4rem;background:#1e293b;border:1px solid #334155;border-radius:8px;color:#0ea5e9;font-size:.85rem;font-weight:600;padding:.5rem 1rem;cursor:pointer;font-family:inherit;transition:all .2s}.ar-export-btn:hover{background:#0ea5e91a;border-color:#0ea5e9}.ar-period-label{display:flex;align-items:center;gap:.5rem;color:#64748b;font-size:.82rem;margin-bottom:1rem}.ar-table-wrapper{overflow-x:auto;border-radius:12px;border:1px solid #334155}.ar-table{width:100%;border-collapse:collapse;font-size:.88rem}.ar-table th{background:#1e293b;color:#94a3b8;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.85rem 1rem;text-align:left;white-space:nowrap}.ar-table td{padding:.8rem 1rem;border-bottom:1px solid #1e293b;color:#f1f5f9;vertical-align:middle}.ar-table tbody tr:last-child td{border-bottom:none}.ar-table tbody tr:hover td{background:#ffffff05}.ar-name{font-weight:500}.ar-muted{color:#64748b}.ar-pill{display:inline-block;padding:.2rem .6rem;border-radius:50px;font-size:.78rem;font-weight:600}.ar-pill.present{background:#22c55e26;color:#22c55e}.ar-pill.late{background:#f59e0b26;color:#f59e0b}.ar-pill.absent{background:#ef444426;color:#ef4444}.ar-time-in,.ar-time-out{display:inline-flex;align-items:center;gap:.3rem;font-size:.78rem;font-weight:600;white-space:nowrap}.ar-time-in svg,.ar-time-out svg{width:12px;height:12px}.ar-time-in{color:#22c55e}.ar-time-out{color:#f97316}.ar-rate-wrap{display:flex;align-items:center;gap:.6rem}.ar-rate-bar{flex:1;height:6px;background:#334155;border-radius:50px;min-width:60px}.ar-rate-fill{height:100%;border-radius:50px;transition:width .3s}.ar-rate-badge{font-size:.78rem;font-weight:700;white-space:nowrap}.ar-rate-badge.good{color:#22c55e}.ar-rate-badge.warn{color:#f59e0b}.ar-rate-badge.low{color:#ef4444}.ar-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem 2rem;color:#475569;font-size:.9rem;text-align:center}.ar-empty svg{font-size:2.5rem;color:#334155}.ar-empty strong{color:#94a3b8}.ar-sn-btn{display:inline-flex;align-items:center;gap:.3rem;background:#1e293b;border:1px solid #334155;border-radius:8px;color:#64748b;font-size:.85rem;padding:.3rem .6rem;cursor:pointer;transition:all .2s;font-family:inherit;white-space:nowrap}.ar-sn-btn:hover{border-color:#0ea5e9;color:#0ea5e9}.ar-sn-btn.has-notes{border-color:#22c55e66;color:#22c55e}.ar-sn-count{background:#22c55e33;color:#22c55e;border-radius:50px;font-size:.7rem;font-weight:700;padding:0 .35rem;line-height:1.4}.ar-sn-overlay{position:fixed;inset:0;background:#000000a6;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.ar-sn-modal{background:#1e293b;border:1px solid #334155;border-radius:16px;width:100%;max-width:480px;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem;box-shadow:0 20px 60px #00000080;max-height:90vh;overflow-y:auto}.ar-sn-modal-header{display:flex;align-items:flex-start;justify-content:space-between}.ar-sn-modal-header h3{display:flex;align-items:center;gap:.5rem;font-size:1.05rem;font-weight:700;color:#f1f5f9;margin:0 0 .25rem}.ar-sn-modal-header p{font-size:.82rem;color:#64748b;margin:0}.ar-sn-close{background:transparent;border:none;color:#64748b;font-size:1.25rem;cursor:pointer;padding:.2rem;line-height:1;transition:color .2s}.ar-sn-close:hover{color:#f1f5f9}.ar-sn-dropzone{border:2px dashed #334155;border-radius:12px;padding:2rem 1.5rem;text-align:center;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:.4rem;background:#0f172a}.ar-sn-dropzone:hover,.ar-sn-dropzone.drag-over{border-color:#0ea5e9;background:#0ea5e90d}.ar-sn-dropzone.uploading{cursor:not-allowed;opacity:.7}.ar-sn-upload-icon{font-size:2rem;color:#0ea5e9}.ar-sn-drop-text{font-size:.9rem;color:#94a3b8;margin:0}.ar-sn-drop-text span{color:#0ea5e9;text-decoration:underline}.ar-sn-drop-hint{font-size:.75rem;color:#475569;margin:0}.ar-sn-progress-wrap{width:100%;display:flex;flex-direction:column;align-items:center;gap:.5rem}.ar-sn-progress-bar{width:100%;height:8px;background:#334155;border-radius:50px;overflow:hidden}.ar-sn-progress-fill{height:100%;background:linear-gradient(90deg,#0ea5e9,#22c55e);border-radius:50px;transition:width .3s}.ar-sn-progress-wrap p{font-size:.85rem;color:#94a3b8;margin:0}.ar-sn-list h4{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:#64748b;font-weight:600;margin:0 0 .75rem}.ar-sn-item{display:flex;align-items:center;gap:.75rem;padding:.7rem .9rem;background:#0f172a;border:1px solid #334155;border-radius:10px;margin-bottom:.5rem}.ar-sn-item-icon{font-size:1.2rem;color:#0ea5e9;flex-shrink:0}.ar-sn-item-info{flex:1;min-width:0}.ar-sn-item-name{font-size:.88rem;color:#f1f5f9;font-weight:500;margin:0 0 .15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ar-sn-item-meta{font-size:.75rem;color:#64748b;margin:0}.ar-sn-item-actions{display:flex;gap:.4rem;flex-shrink:0}.ar-sn-action{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:7px;border:1px solid #334155;background:transparent;font-size:.85rem;cursor:pointer;transition:all .2s;text-decoration:none}.ar-sn-action.view{color:#0ea5e9}.ar-sn-action.view:hover{background:#0ea5e91f;border-color:#0ea5e9}.ar-sn-action.delete{color:#ef4444}.ar-sn-action.delete:hover{background:#ef44441f;border-color:#ef4444}.ar-sn-no-notes{font-size:.85rem;color:#475569;text-align:center;margin:0}.ab-page{max-width:1200px;margin:0 auto}.ab-header{margin-bottom:1.5rem}.ab-header h1{display:flex;align-items:center;gap:.6rem;font-size:1.6rem;font-weight:700;color:#f1f5f9;margin:0 0 .3rem}.ab-header p{color:#64748b;font-size:.9rem;margin:0}.ab-header-sub{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;color:#64748b;font-size:.9rem;margin:0}.ab-school-badge{background:#ef44441a;color:#f87171;border:1px solid rgba(239,68,68,.25);border-radius:999px;padding:.15rem .75rem;font-size:.78rem;font-weight:600;letter-spacing:.02em}.ab-sn-btn{display:inline-flex;align-items:center;gap:.3rem;background:#1e293b;border:1px solid #334155;border-radius:7px;color:#64748b;padding:.3rem .6rem;font-size:.82rem;cursor:pointer;transition:all .2s;font-family:inherit}.ab-sn-btn:hover{border-color:#ef4444;color:#ef4444;background:#ef444414}.ab-sn-btn.has-notes{border-color:#ef444466;color:#ef4444;background:#ef44441a}.ab-sn-count{background:#ef4444;color:#fff;border-radius:50px;font-size:.68rem;font-weight:700;padding:.05rem .4rem;min-width:16px;text-align:center}.ab-sn-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.ab-sn-modal{background:#1e293b;border:1px solid #334155;border-radius:16px;padding:1.5rem;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;gap:1.2rem}.ab-sn-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.ab-sn-modal-header h3{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:700;color:#f1f5f9;margin:0 0 .2rem}.ab-sn-modal-header p{font-size:.85rem;color:#64748b;margin:0}.ab-sn-close{background:transparent;border:none;color:#64748b;font-size:1.25rem;cursor:pointer;padding:.2rem;line-height:1;transition:color .2s}.ab-sn-close:hover{color:#f1f5f9}.ab-sn-dropzone{border:2px dashed #334155;border-radius:12px;padding:2rem 1.5rem;text-align:center;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:.4rem;background:#0f172a}.ab-sn-dropzone:hover,.ab-sn-dropzone.drag-over{border-color:#ef4444;background:#ef44440d}.ab-sn-dropzone.uploading{cursor:not-allowed;opacity:.7}.ab-sn-upload-icon{font-size:2rem;color:#ef4444}.ab-sn-drop-text{font-size:.9rem;color:#94a3b8;margin:0}.ab-sn-drop-text span{color:#ef4444;text-decoration:underline}.ab-sn-drop-hint{font-size:.75rem;color:#475569;margin:0}.ab-sn-progress-wrap{width:100%;display:flex;flex-direction:column;align-items:center;gap:.5rem}.ab-sn-progress-bar{width:100%;height:8px;background:#334155;border-radius:50px;overflow:hidden}.ab-sn-progress-fill{height:100%;background:linear-gradient(90deg,#ef4444,#f59e0b);border-radius:50px;transition:width .3s}.ab-sn-progress-wrap p{font-size:.85rem;color:#94a3b8;margin:0}.ab-sn-list h4{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:#64748b;font-weight:600;margin:0 0 .75rem}.ab-sn-item{display:flex;align-items:center;gap:.75rem;padding:.7rem .9rem;background:#0f172a;border:1px solid #334155;border-radius:10px;margin-bottom:.5rem}.ab-sn-item-icon{font-size:1.2rem;color:#ef4444;flex-shrink:0}.ab-sn-item-info{flex:1;min-width:0}.ab-sn-item-name{font-size:.88rem;color:#f1f5f9;font-weight:500;margin:0 0 .15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ab-sn-item-meta{font-size:.75rem;color:#64748b;margin:0}.ab-sn-item-actions{display:flex;gap:.4rem;flex-shrink:0}.ab-sn-action{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:7px;border:1px solid #334155;background:transparent;font-size:.85rem;cursor:pointer;transition:all .2s;text-decoration:none}.ab-sn-action.view{color:#0ea5e9}.ab-sn-action.view:hover{background:#0ea5e91f;border-color:#0ea5e9}.ab-sn-action.delete{color:#ef4444}.ab-sn-action.delete:hover{background:#ef44441f;border-color:#ef4444}.ab-sn-no-notes{font-size:.85rem;color:#475569;text-align:center;margin:0}.ab-controls{background:#1e293b;border:1px solid #334155;border-radius:14px;padding:1.5rem;display:flex;flex-direction:column;gap:1.2rem;margin-bottom:1.5rem}.ab-control-row{display:flex;gap:1.5rem;flex-wrap:wrap}.ab-control-group{display:flex;flex-direction:column;gap:.4rem;flex:1;min-width:180px}.ab-control-group label{font-size:.78rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.ab-select,.ab-date-input{background:#0f172a;border:1px solid #334155;border-radius:8px;color:#f1f5f9;padding:.55rem .9rem;font-size:.9rem;font-family:inherit;outline:none;transition:border-color .2s}.ab-select:focus,.ab-date-input:focus{border-color:#ef4444}.ab-threshold-row{display:flex;align-items:center;gap:.75rem}.ab-num-input{background:#0f172a;border:1px solid #334155;border-radius:8px;color:#f1f5f9;padding:.55rem .9rem;font-size:.9rem;font-family:inherit;outline:none;width:80px}.ab-num-input:focus{border-color:#ef4444}.ab-threshold-hint{font-size:.8rem;color:#64748b}.ab-quick-filters{display:flex;flex-wrap:wrap;gap:.5rem}.ab-filter-btn{background:#0f172a;border:1px solid #334155;border-radius:8px;color:#94a3b8;padding:.4rem .85rem;font-size:.78rem;font-weight:500;cursor:pointer;text-transform:capitalize;transition:all .2s;font-family:inherit}.ab-filter-btn:hover,.ab-filter-btn.active{background:#ef44441a;border-color:#ef4444;color:#f87171}.ab-date-row{display:flex;gap:1rem;flex-wrap:wrap}.ab-date-row .ab-control-group{flex:1;min-width:140px}.ab-generate-btn{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:10px;color:#fff;font-size:.9rem;font-weight:600;padding:.7rem 1.4rem;cursor:pointer;width:fit-content;transition:opacity .2s;font-family:inherit}.ab-generate-btn:disabled{opacity:.5;cursor:not-allowed}.ab-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:ab-spin .7s linear infinite;display:inline-block}@keyframes ab-spin{to{transform:rotate(360deg)}}.ab-stats{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.ab-stat{flex:1;min-width:130px;background:#1e293b;border:1px solid #334155;border-radius:12px;padding:1rem 1.2rem;display:flex;align-items:center;gap:.75rem;color:#64748b;font-size:1.2rem}.ab-stat>svg{font-size:1.4rem;flex-shrink:0}.ab-stat.absent{border-color:#ef44444d;color:#ef4444}.ab-stat.late{border-color:#f59e0b4d;color:#f59e0b}.ab-stat.flagged{border-color:#fb923c4d;color:#fb923c}.ab-stat.rate{border-color:#ef444440;color:#f87171}.ab-stat-num{display:block;font-size:1.6rem;font-weight:700;color:#f1f5f9;line-height:1}.ab-stat-lbl{display:block;font-size:.75rem;color:#64748b;margin-top:.2rem}.ab-toolbar{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem;flex-wrap:wrap}.ab-search{display:flex;align-items:center;gap:.5rem;background:#1e293b;border:1px solid #334155;border-radius:8px;padding:.5rem .9rem;flex:1;max-width:280px;color:#64748b}.ab-search input{background:transparent;border:none;outline:none;color:#f1f5f9;font-size:.88rem;font-family:inherit;flex:1}.ab-search input::placeholder{color:#475569}.ab-filter-toggle{display:flex;gap:.4rem}.ab-mode-btn{display:flex;align-items:center;gap:.4rem;background:#1e293b;border:1px solid #334155;border-radius:8px;color:#94a3b8;padding:.45rem .9rem;font-size:.82rem;font-weight:500;cursor:pointer;font-family:inherit;transition:all .2s}.ab-mode-btn.active{background:#0ea5e91a;border-color:#0ea5e9;color:#38bdf8}.ab-mode-btn.flagged.active{background:#ef44441a;border-color:#ef4444;color:#f87171}.ab-export-group{display:flex;gap:.5rem;align-items:center;margin-left:auto}.ab-select-sm{background:#1e293b;border:1px solid #334155;border-radius:8px;color:#f1f5f9;padding:.5rem .75rem;font-size:.85rem;font-family:inherit;outline:none}.ab-export-btn{display:flex;align-items:center;gap:.4rem;background:#1e293b;border:1px solid #334155;border-radius:8px;color:#ef4444;font-size:.85rem;font-weight:600;padding:.5rem 1rem;cursor:pointer;font-family:inherit;transition:all .2s}.ab-export-btn:hover{background:#ef44441a;border-color:#ef4444}.ab-period-label{display:flex;align-items:center;gap:.5rem;color:#64748b;font-size:.82rem;margin-bottom:1rem}.ab-table-wrapper{overflow-x:auto;border-radius:12px;border:1px solid #334155}.ab-table{width:100%;border-collapse:collapse;font-size:.88rem}.ab-table th{background:#1e293b;color:#94a3b8;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.85rem 1rem;text-align:left;white-space:nowrap}.ab-table td{padding:.8rem 1rem;border-bottom:1px solid #1e293b;color:#f1f5f9;vertical-align:middle}.ab-table tbody tr:last-child td{border-bottom:none}.ab-table tbody tr:hover td{background:#ffffff05}.ab-row-flagged td{background:#ef44440a!important}.ab-row-flagged:hover td{background:#ef444412!important}.ab-name{font-weight:500}.ab-muted{color:#64748b}.ab-pill{display:inline-block;padding:.2rem .6rem;border-radius:50px;font-size:.78rem;font-weight:600}.ab-pill.absent{background:#ef444426;color:#ef4444}.ab-pill.late{background:#f59e0b26;color:#f59e0b}.ab-rate-wrap{display:flex;align-items:center;gap:.6rem}.ab-rate-bar{flex:1;height:6px;background:#334155;border-radius:50px;min-width:50px}.ab-rate-fill{height:100%;border-radius:50px;transition:width .3s}.ab-rate-badge{font-size:.78rem;font-weight:700;white-space:nowrap}.ab-rate-badge.high{color:#ef4444}.ab-rate-badge.med{color:#f59e0b}.ab-rate-badge.low{color:#22c55e}.ab-flag-badge{display:inline-flex;align-items:center;gap:.35rem;background:#ef444426;color:#f87171;border-radius:6px;padding:.25rem .6rem;font-size:.78rem;font-weight:600}.ab-ok-badge{display:inline-block;background:#22c55e1f;color:#22c55e;border-radius:6px;padding:.25rem .6rem;font-size:.78rem;font-weight:600}.ab-dates{max-width:240px}.ab-date-tag{display:inline-block;background:#ef44441a;color:#f87171;border-radius:4px;padding:.15rem .45rem;font-size:.72rem;margin:.1rem .15rem}.ab-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem 2rem;color:#475569;font-size:.9rem;text-align:center}.ab-empty svg{font-size:2.5rem;color:#334155}.ab-empty strong{color:#94a3b8}.ppl-page{max-width:1200px;margin:0 auto}.ppl-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.ppl-header h1{display:flex;align-items:center;gap:.6rem;font-size:1.6rem;font-weight:700;color:#f1f5f9;margin:0 0 .3rem}.ppl-header p{color:#64748b;font-size:.9rem;margin:0}.ppl-add-btn{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#0ea5e9,#0284c7);border:none;border-radius:10px;color:#fff;font-size:.9rem;font-weight:600;padding:.7rem 1.3rem;cursor:pointer;font-family:inherit;transition:opacity .2s;white-space:nowrap}.ppl-add-btn:hover{opacity:.85}.ppl-stats{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.ppl-stat{flex:1;min-width:120px;background:#1e293b;border:1px solid #334155;border-radius:12px;padding:1rem 1.2rem;display:flex;align-items:center;gap:.75rem;color:#64748b;font-size:1.2rem}.ppl-stat>svg{font-size:1.3rem;flex-shrink:0}.ppl-stat.active{border-color:#22c55e4d;color:#22c55e}.ppl-stat.leave{border-color:#f59e0b4d;color:#f59e0b}.ppl-stat.inactive{border-color:#64748b4d;color:#64748b}.ppl-stat-num{display:block;font-size:1.5rem;font-weight:700;color:#f1f5f9;line-height:1}.ppl-stat-lbl{display:block;font-size:.75rem;color:#64748b;margin-top:.2rem}.ppl-filters{display:flex;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap;align-items:center}.ppl-search{display:flex;align-items:center;gap:.6rem;background:#0f172a;border:1px solid #334155;border-radius:10px;padding:.65rem 1rem;flex:1;max-width:340px;color:#475569;height:44px;box-sizing:border-box}.ppl-search svg{font-size:.95rem;flex-shrink:0}.ppl-search input{background:transparent;border:none;outline:none;color:#f1f5f9;font-size:.88rem;font-family:inherit;flex:1}.ppl-search input::placeholder{color:#475569}.ppl-select{appearance:none;-webkit-appearance:none;background:#0f172a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat right .85rem center;border:1px solid #334155;border-radius:10px;color:#f1f5f9;padding:.65rem 2.4rem .65rem 1rem;font-size:.88rem;font-family:inherit;outline:none;cursor:pointer;height:44px;box-sizing:border-box;transition:border-color .2s;min-width:140px}.ppl-select:hover{border-color:#475569}.ppl-select:focus{border-color:#0ea5e9}.ppl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.ppl-card{background:#1e293b;border:1px solid #334155;border-radius:14px;padding:1.2rem;display:flex;flex-direction:column;gap:.75rem;transition:border-color .2s}.ppl-card:hover{border-color:#475569}.ppl-card-top{display:flex;align-items:flex-start;gap:.9rem}.ppl-avatar{width:44px;height:44px;flex-shrink:0;background:linear-gradient(135deg,#0ea5e9,#0284c7);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;color:#fff}.ppl-card-info{flex:1;min-width:0}.ppl-card-name{font-size:.95rem;font-weight:600;color:#f1f5f9;margin:0 0 .15rem}.ppl-card-role{font-size:.8rem;color:#64748b;margin:0 0 .4rem}.ppl-status-badge{display:inline-block;font-size:.72rem;font-weight:600;padding:.2rem .6rem;border-radius:50px}.ppl-status-badge.active{background:#22c55e1f;color:#22c55e}.ppl-status-badge.leave{background:#f59e0b1f;color:#f59e0b}.ppl-status-badge.inactive{background:#64748b1f;color:#94a3b8}.ppl-card-actions{display:flex;gap:.4rem}.ppl-icon-btn{width:32px;height:32px;border-radius:8px;border:1px solid #334155;background:transparent;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.85rem;transition:all .2s}.ppl-icon-btn.view:hover{border-color:#a78bfa;color:#a78bfa;background:#a78bfa14}.ppl-icon-btn.edit:hover{border-color:#0ea5e9;color:#38bdf8;background:#0ea5e914}.ppl-icon-btn.delete:hover{border-color:#ef4444;color:#f87171;background:#ef444414}.ppl-card-details{display:flex;flex-direction:column;gap:.3rem;border-top:1px solid #334155;padding-top:.75rem}.ppl-detail{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#64748b}.ppl-detail svg{flex-shrink:0;font-size:.75rem}.ppl-card-notes{font-size:.8rem;color:#475569;font-style:italic;border-top:1px solid #334155;padding-top:.6rem;margin:0}.ppl-modal-overlay{position:fixed;inset:0;background:#0009;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.ppl-modal{background:#1e293b;border:1px solid #334155;border-radius:16px;width:100%;max-width:580px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.ppl-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #334155}.ppl-modal-header h2{font-size:1.1rem;font-weight:600;color:#f1f5f9;margin:0}.ppl-close-btn{background:transparent;border:none;color:#64748b;cursor:pointer;font-size:1.1rem;line-height:1;padding:.25rem;border-radius:6px;transition:color .2s}.ppl-close-btn:hover{color:#f1f5f9}.ppl-modal-body{flex:1;overflow-y:auto;padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:.9rem}.ppl-form-row{display:flex;gap:1rem;flex-wrap:wrap}.ppl-form-group{display:flex;flex-direction:column;gap:.35rem;flex:1;min-width:140px}.ppl-form-group label{font-size:.78rem;font-weight:600;color:#94a3b8}.ppl-input{background:#0f172a;border:1px solid #334155;border-radius:8px;color:#f1f5f9;padding:.55rem .85rem;font-size:.88rem;font-family:inherit;outline:none;transition:border-color .2s;width:100%;box-sizing:border-box}.ppl-input:focus{border-color:#0ea5e9}.ppl-textarea{resize:vertical;min-height:72px}.ppl-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #334155}.ppl-cancel-btn{background:transparent;border:1px solid #334155;border-radius:8px;color:#94a3b8;padding:.6rem 1.2rem;font-size:.88rem;font-weight:500;cursor:pointer;font-family:inherit;transition:all .2s}.ppl-cancel-btn:hover{border-color:#475569;color:#f1f5f9}.ppl-save-btn{background:linear-gradient(135deg,#0ea5e9,#0284c7);border:none;border-radius:8px;color:#fff;padding:.6rem 1.4rem;font-size:.88rem;font-weight:600;cursor:pointer;font-family:inherit;transition:opacity .2s}.ppl-save-btn:disabled{opacity:.5;cursor:not-allowed}.ppl-confirm{background:#1e293b;border:1px solid #334155;border-radius:16px;padding:2rem 2.5rem;max-width:400px;width:100%;text-align:center}.ppl-confirm-icon{font-size:2.5rem;color:#ef4444;margin-bottom:.75rem}.ppl-confirm h3{font-size:1.1rem;font-weight:600;color:#f1f5f9;margin:0 0 .5rem}.ppl-confirm p{font-size:.88rem;color:#64748b;margin:0 0 1.5rem}.ppl-confirm-btns{display:flex;gap:.75rem;justify-content:center}.ppl-delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;color:#fff;padding:.6rem 1.4rem;font-size:.88rem;font-weight:600;cursor:pointer;font-family:inherit}.ppl-input-wrap{position:relative;display:flex;align-items:center}.ppl-input-wrap .ppl-input{flex:1;padding-right:2.6rem}.ppl-eye-btn{position:absolute;right:.75rem;background:transparent;border:none;color:#64748b;cursor:pointer;font-size:1rem;display:flex;align-items:center;padding:0}.ppl-eye-btn:hover{color:#0ea5e9}.ppl-form-error{display:flex;align-items:center;gap:.5rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5;border-radius:8px;padding:.6rem .9rem;font-size:.85rem;margin-top:.25rem}.ppl-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem 2rem;color:#475569;font-size:.9rem;text-align:center}.ppl-empty svg{font-size:2.5rem;color:#334155}@media(max-width:640px){.ppl-grid{grid-template-columns:1fr}.ppl-form-row{flex-direction:column}}.sp-page{padding:1.5rem 2rem 3rem;background:#0f172a;min-height:100vh;color:#e2e8f0}.sp-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;color:#94a3b8;gap:1rem;font-size:1rem}.sp-loading-icon{font-size:2.5rem;color:#0ea5e9}.sp-back-btn{display:inline-flex;align-items:center;gap:.4rem;background:none;border:1px solid #334155;color:#94a3b8;padding:.4rem .9rem;border-radius:8px;font-size:.85rem;cursor:pointer;margin-bottom:1.5rem;transition:color .15s,border-color .15s}.sp-back-btn:hover{color:#e2e8f0;border-color:#64748b}.sp-profile-card{display:flex;align-items:flex-start;gap:1.5rem;background:#1e293b;border:1px solid #334155;border-radius:16px;padding:1.5rem;margin-bottom:1.75rem;flex-wrap:wrap}.sp-avatar-wrap{position:relative;flex-shrink:0}.sp-avatar-placeholder{width:90px;height:90px;border-radius:50%;background:linear-gradient(135deg,#0ea5e9,#0284c7);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#fff}.sp-avatar-img{width:90px;height:90px;border-radius:50%;object-fit:cover;border:2px solid #0ea5e9}.sp-avatar-upload-btn{position:absolute;bottom:0;right:0;background:#0ea5e9;border:none;border-radius:50%;width:26px;height:26px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.75rem;cursor:pointer;transition:background .15s}.sp-avatar-upload-btn:hover{background:#0284c7}.sp-avatar-upload-btn:disabled{background:#475569;cursor:not-allowed}.sp-profile-info{flex:1;min-width:220px}.sp-name{font-size:1.5rem;font-weight:700;color:#f1f5f9;margin:0 0 .4rem}.sp-status-badge{display:inline-block;padding:.2rem .65rem;border-radius:20px;font-size:.72rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;margin-bottom:.75rem}.sp-status-badge.active{background:#22c55e26;color:#4ade80}.sp-status-badge.leave{background:#eab30826;color:#facc15}.sp-status-badge.inactive{background:#64748b26;color:#94a3b8}.sp-meta-row{display:flex;flex-wrap:wrap;gap:.5rem 1.2rem;font-size:.82rem;color:#94a3b8;margin-bottom:.5rem}.sp-meta-row span{display:inline-flex;align-items:center;gap:.3rem}.sp-notes{font-size:.82rem;color:#64748b;margin-top:.25rem;font-style:italic}.sp-columns{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}@media(max-width:900px){.sp-columns{grid-template-columns:1fr}}.sp-col{display:flex;flex-direction:column;gap:1.5rem}.sp-section{background:#1e293b;border:1px solid #334155;border-radius:14px;padding:1.25rem 1.4rem}.sp-section-title{display:flex;align-items:center;gap:.4rem;font-size:.95rem;font-weight:700;color:#e2e8f0;margin:0 0 1rem}.sp-section-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.sp-section-header-row .sp-section-title{margin:0}.sp-empty-msg{font-size:.84rem;color:#64748b;text-align:center;padding:.75rem 0}.sp-clock-row{display:flex;gap:.75rem;flex-wrap:wrap}.sp-clock-btn{flex:1;min-width:130px;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.65rem 1rem;border-radius:10px;font-size:.88rem;font-weight:600;cursor:pointer;border:none;transition:opacity .15s,transform .1s}.sp-clock-btn.in{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.sp-clock-btn.in.done{background:#166534;color:#86efac;cursor:default}.sp-clock-btn.out{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.sp-clock-btn.out.done{background:#78350f;color:#fcd34d;cursor:default}.sp-clock-btn:disabled{opacity:.5;cursor:not-allowed}.sp-clock-btn:not(:disabled):hover{opacity:.88;transform:translateY(-1px)}.sp-duration{display:flex;align-items:center;gap:.35rem;margin-top:.6rem;font-size:.82rem;color:#86efac}.sp-ok-icon{color:#22c55e}.sp-table-wrap{overflow-x:auto}.sp-table{width:100%;border-collapse:collapse;font-size:.82rem}.sp-table th{background:#0f172a;color:#64748b;font-weight:600;padding:.45rem .65rem;text-align:left;border-bottom:1px solid #334155;font-size:.76rem;text-transform:uppercase;letter-spacing:.04em}.sp-table td{padding:.45rem .65rem;border-bottom:1px solid #1e293b;color:#cbd5e1}.sp-table tbody tr:hover td{background:#ffffff05}.sp-today-row td{background:#0ea5e90f}.sp-missing{color:#94a3b8;font-style:italic}.sp-muted{color:#64748b}.sp-deduct{color:#fb7185}.sp-deduct-icon{margin-right:.2rem;vertical-align:middle;font-size:.75rem}.sp-net{color:#4ade80;font-weight:600}.sp-pay-badge{padding:.15rem .5rem;border-radius:6px;font-size:.72rem;font-weight:600}.sp-pay-badge.paid{background:#22c55e26;color:#4ade80}.sp-pay-badge.pending{background:#eab30826;color:#facc15}.sp-pay-badge.processing{background:#0ea5e926;color:#38bdf8}.sp-add-leave-btn{display:inline-flex;align-items:center;gap:.35rem;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;border:none;padding:.4rem .9rem;border-radius:8px;font-size:.82rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:opacity .15s}.sp-add-leave-btn:hover{opacity:.88}.sp-leave-summary{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.85rem}.sp-leave-chip{background:#0f172a;border:1px solid #334155;color:#94a3b8;font-size:.75rem;padding:.2rem .55rem;border-radius:20px}.sp-leave-chip strong{color:#e2e8f0}.sp-leave-chip.empty{color:#475569}.sp-leave-list{display:flex;flex-direction:column;gap:.65rem}.sp-leave-card{background:#0f172a;border:1px solid #334155;border-radius:10px;padding:.75rem 1rem}.sp-leave-card.sick{border-left:3px solid #f87171}.sp-leave-card-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap;margin-bottom:.35rem}.sp-leave-type-badge{background:#0ea5e926;color:#38bdf8;font-size:.73rem;font-weight:600;padding:.15rem .5rem;border-radius:6px}.sp-leave-card.sick .sp-leave-type-badge{background:#f8717126;color:#fca5a5}.sp-leave-dates{font-size:.78rem;color:#64748b}.sp-leave-reason{font-size:.82rem;color:#94a3b8;margin:.2rem 0 .4rem}.sp-leave-attachment{display:inline-flex;align-items:center;gap:.35rem;font-size:.78rem;color:#38bdf8;text-decoration:none;background:#0ea5e914;padding:.2rem .55rem;border-radius:6px;border:1px solid rgba(14,165,233,.2);transition:background .15s;margin-top:.2rem}.sp-leave-attachment:hover{background:#0ea5e92e}.sp-view-icon{font-size:.75rem;opacity:.7}.sp-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:999;padding:1rem}.sp-modal{background:#1e293b;border:1px solid #334155;border-radius:16px;width:100%;max-width:520px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.sp-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.4rem;border-bottom:1px solid #334155}.sp-modal-header h2{display:flex;align-items:center;gap:.4rem;font-size:1rem;font-weight:700;color:#f1f5f9;margin:0}.sp-modal-close{background:none;border:none;color:#64748b;font-size:1.1rem;cursor:pointer;padding:.2rem;transition:color .15s}.sp-modal-close:hover{color:#e2e8f0}.sp-modal-body{padding:1.2rem 1.4rem;overflow-y:auto;display:flex;flex-direction:column;gap:.85rem}.sp-modal-footer{display:flex;justify-content:flex-end;gap:.65rem;padding:1rem 1.4rem;border-top:1px solid #334155}.sp-form-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}@media(max-width:500px){.sp-form-row{grid-template-columns:1fr}}.sp-form-group{display:flex;flex-direction:column;gap:.3rem}.sp-form-group label{font-size:.78rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em}.sp-input{background:#0f172a;border:1px solid #334155;color:#e2e8f0;padding:.55rem .75rem;border-radius:8px;font-size:.88rem;width:100%;box-sizing:border-box;transition:border-color .15s;outline:none}.sp-input:focus{border-color:#0ea5e9}.sp-input option{background:#1e293b}.sp-textarea{resize:vertical;min-height:80px;font-family:inherit}.sp-upload-zone{background:#0f172a;border:2px dashed #334155;border-radius:10px;padding:1rem;cursor:pointer;transition:border-color .15s;min-height:72px;display:flex;align-items:center;justify-content:center}.sp-upload-zone:hover{border-color:#0ea5e9}.sp-upload-prompt{display:flex;flex-direction:column;align-items:center;gap:.3rem;color:#64748b;font-size:.82rem;text-align:center}.sp-upload-prompt svg{font-size:1.4rem;color:#0ea5e9}.sp-upload-hint{font-size:.72rem;color:#475569}.sp-upload-done{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:#4ade80;width:100%;justify-content:center}.sp-upload-ok{color:#4ade80;font-size:1rem}.sp-upload-clear{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:.9rem;display:flex;align-items:center;padding:0;margin-left:auto}.sp-upload-clear:hover{color:#f87171}.sp-upload-progress{width:100%;display:flex;flex-direction:column;align-items:center;gap:.3rem;font-size:.78rem;color:#94a3b8}.sp-upload-bar-wrap{width:100%;background:#334155;height:6px;border-radius:4px;overflow:hidden}.sp-upload-bar{height:6px;background:#0ea5e9;border-radius:4px;transition:width .2s}.sp-cancel-btn{background:none;border:1px solid #334155;color:#94a3b8;padding:.5rem 1.1rem;border-radius:8px;font-size:.88rem;cursor:pointer;transition:color .15s,border-color .15s}.sp-cancel-btn:hover{color:#e2e8f0;border-color:#64748b}.sp-save-btn{background:linear-gradient(135deg,#0ea5e9,#0284c7);border:none;color:#fff;padding:.5rem 1.3rem;border-radius:8px;font-size:.88rem;font-weight:600;cursor:pointer;transition:opacity .15s}.sp-save-btn:disabled{opacity:.45;cursor:not-allowed}.sp-save-btn:not(:disabled):hover{opacity:.88}.pay-page{max-width:1200px;margin:0 auto}.pay-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.pay-header h1{display:flex;align-items:center;gap:.6rem;font-size:1.6rem;font-weight:700;color:#f1f5f9;margin:0 0 .3rem}.pay-header p{color:#64748b;font-size:.9rem;margin:0;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.pay-header-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.pay-rate-edit-btn{display:inline-flex;align-items:center;gap:.3rem;background:#0ea5e91a;border:1px solid rgba(14,165,233,.3);border-radius:6px;color:#38bdf8;font-size:.78rem;font-weight:600;padding:.2rem .55rem;cursor:pointer;font-family:inherit;transition:all .2s}.pay-rate-edit-btn:hover{background:#0ea5e933}.pay-controls{background:#1e293b;border:1px solid #334155;border-radius:14px;padding:1.25rem 1.5rem;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:1rem}.pay-control-row{display:flex;gap:.75rem;flex-wrap:wrap}.pay-control-group{display:flex;flex-direction:column;gap:.4rem}.pay-control-group>label{font-size:.75rem;font-weight:600;color:#94a3b8}.pay-date-row{display:flex;gap:.75rem;flex-wrap:wrap}.pay-quick-filters{display:flex;gap:.4rem;flex-wrap:wrap}.pay-qf-btn{background:#0f172a;border:1px solid #334155;border-radius:7px;color:#64748b;font-size:.78rem;font-weight:500;padding:.35rem .75rem;cursor:pointer;font-family:inherit;transition:all .2s;text-transform:capitalize}.pay-qf-btn:hover{border-color:#475569;color:#94a3b8}.pay-qf-btn.active{background:#0ea5e926;border-color:#0ea5e9;color:#38bdf8;font-weight:700}.pay-generate-btn{display:flex;align-items:center;gap:.5rem;align-self:flex-start;background:linear-gradient(135deg,#0ea5e9,#0284c7);border:none;border-radius:10px;color:#fff;font-size:.9rem;font-weight:600;padding:.7rem 1.4rem;cursor:pointer;font-family:inherit;transition:opacity .2s}.pay-generate-btn:disabled{opacity:.5;cursor:not-allowed}.pay-generate-btn:hover:not(:disabled){opacity:.88}.pay-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:pay-spin .7s linear infinite}@keyframes pay-spin{to{transform:rotate(360deg)}}.pay-period-info{display:flex;align-items:center;gap:.5rem;color:#94a3b8;font-size:.82rem;background:#0f172a;border:1px solid #1e293b;border-radius:8px;padding:.45rem .85rem;white-space:nowrap;flex-shrink:0}.pay-att-pill{display:inline-block;padding:.2rem .6rem;border-radius:50px;font-size:.78rem;font-weight:700}.pay-att-pill.present{background:#22c55e26;color:#22c55e}.pay-att-pill.late{background:#f59e0b26;color:#f59e0b}.pay-att-pill.absent{background:#ef444426;color:#ef4444}.pay-att-bar-wrap{display:flex;align-items:center;gap:.5rem;min-width:110px}.pay-att-bar{flex:1;height:6px;background:#0f172a;border-radius:99px;overflow:hidden}.pay-att-fill{height:100%;border-radius:99px;transition:width .3s}.pay-att-pct{font-size:.75rem;font-weight:700;width:38px;text-align:right}.pay-att-pct.good{color:#22c55e}.pay-att-pct.med{color:#f59e0b}.pay-att-pct.bad{color:#ef4444}.pay-tfoot-row td{padding:.75rem 1rem;border-top:2px solid #334155;background:#1e293b;color:#f1f5f9;font-size:.85rem}.pay-row-expanded td{background:#0ea5e90d}.pay-expand-row td{padding:.75rem 1rem;background:#0f172a}.pay-daily-grid{display:flex;flex-wrap:wrap;gap:.4rem}.pay-day-chip{display:flex;flex-direction:column;align-items:center;border:1px solid;border-radius:8px;padding:.3rem .55rem;min-width:52px;background:#1e293b}.pay-day-date{font-size:.68rem;color:#94a3b8;line-height:1.3}.pay-day-status{font-size:.7rem;font-weight:700;line-height:1.3}.pay-slip-daily{margin-top:.5rem}.pay-add-btn{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#0ea5e9,#0284c7);border:none;border-radius:10px;color:#fff;font-size:.9rem;font-weight:600;padding:.7rem 1.3rem;cursor:pointer;font-family:inherit;white-space:nowrap;transition:opacity .2s}.pay-add-btn:hover{opacity:.85}.pay-export-group{display:flex;gap:.5rem;align-items:center}.pay-select-sm{background:#1e293b;border:1px solid #334155;border-radius:8px;color:#f1f5f9;padding:.5rem .75rem;font-size:.85rem;font-family:inherit;outline:none}.pay-export-btn{display:flex;align-items:center;gap:.4rem;background:#1e293b;border:1px solid #334155;border-radius:8px;color:#0ea5e9;font-size:.85rem;font-weight:600;padding:.5rem 1rem;cursor:pointer;font-family:inherit;transition:all .2s}.pay-export-btn:hover{background:#0ea5e91a;border-color:#0ea5e9}.pay-stats{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.pay-stat{flex:1;min-width:140px;background:#1e293b;border:1px solid #334155;border-radius:12px;padding:1rem 1.2rem;display:flex;align-items:center;gap:.75rem;color:#64748b;font-size:1.2rem}.pay-stat>svg{font-size:1.3rem;flex-shrink:0}.pay-stat.paid{border-color:#22c55e4d;color:#22c55e}.pay-stat.pending{border-color:#f59e0b4d;color:#f59e0b}.pay-stat.total-pay{border-color:#0ea5e94d;color:#0ea5e9}.pay-stat-num{display:block;font-size:1.4rem;font-weight:700;color:#f1f5f9;line-height:1}.pay-stat-lbl{display:block;font-size:.75rem;color:#64748b;margin-top:.2rem}.pay-filters{display:flex;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap}.pay-search{display:flex;align-items:center;gap:.5rem;background:#1e293b;border:1px solid #334155;border-radius:8px;padding:.5rem .9rem;flex:1;max-width:280px;color:#64748b}.pay-search input{background:transparent;border:none;outline:none;color:#f1f5f9;font-size:.88rem;font-family:inherit;flex:1}.pay-search input::placeholder{color:#475569}.pay-select{background:#1e293b;border:1px solid #334155;border-radius:8px;color:#f1f5f9;padding:.5rem .9rem;font-size:.88rem;font-family:inherit;outline:none;cursor:pointer}.pay-table-wrapper{overflow-x:auto;border-radius:12px;border:1px solid #334155}.pay-table{width:100%;border-collapse:collapse;font-size:.88rem}.pay-table th{background:#1e293b;color:#94a3b8;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.85rem 1rem;text-align:left;white-space:nowrap}.pay-table td{padding:.85rem 1rem;border-bottom:1px solid #1e293b;vertical-align:middle}.pay-table tbody tr:last-child td{border-bottom:none}.pay-table tbody tr:hover td{background:#ffffff05}.pay-name-cell{display:flex;align-items:center;gap:.75rem}.pay-avatar{width:34px;height:34px;flex-shrink:0;background:linear-gradient(135deg,#0ea5e9,#0284c7);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;color:#fff}.pay-staff-name{font-weight:500;color:#f1f5f9;margin:0;font-size:.88rem}.pay-period-sub{font-size:.75rem;color:#64748b;margin:.1rem 0 0}.pay-muted{color:#64748b}.pay-amount{color:#f1f5f9;font-weight:500}.pay-deduct{color:#ef4444}.pay-net{color:#22c55e;font-weight:600}.pay-status-badge{display:inline-block;padding:.25rem .65rem;border-radius:50px;font-size:.75rem;font-weight:600}.pay-status-badge.paid{background:#22c55e26;color:#22c55e}.pay-status-badge.pending{background:#f59e0b26;color:#f59e0b}.pay-status-badge.processing{background:#0ea5e926;color:#38bdf8}.pay-row-actions{display:flex;gap:.4rem;align-items:center}.pay-icon-btn{width:32px;height:32px;border-radius:8px;border:1px solid #334155;background:#0f172a;color:#94a3b8;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;transition:all .2s;flex-shrink:0}.pay-icon-btn svg{width:15px;height:15px;stroke-width:2.2}.pay-icon-btn:hover{transform:translateY(-1px)}.pay-icon-btn.view{border-color:#0ea5e94d;color:#38bdf8}.pay-icon-btn.view:hover{border-color:#0ea5e9;color:#fff;background:#0ea5e933;box-shadow:0 0 8px #0ea5e940}.pay-icon-btn.pdf{border-color:#22c55e4d;color:#22c55e}.pay-icon-btn.pdf:hover{border-color:#22c55e;color:#fff;background:#22c55e33;box-shadow:0 0 8px #22c55e40}.pay-icon-btn.edit{border-color:#f59e0b4d;color:#fbbf24}.pay-icon-btn.edit:hover{border-color:#f59e0b;color:#fff;background:#f59e0b33;box-shadow:0 0 8px #f59e0b40}.pay-icon-btn.delete{border-color:#ef44444d;color:#f87171}.pay-icon-btn.delete:hover{border-color:#ef4444;color:#fff;background:#ef444433;box-shadow:0 0 8px #ef444440}.pay-modal-overlay{position:fixed;inset:0;background:#000000a6;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.pay-modal{background:#1e293b;border:1px solid #334155;border-radius:16px;width:100%;max-width:640px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.pay-payslip-modal{max-width:500px}.pay-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #334155}.pay-modal-header h2{font-size:1.1rem;font-weight:600;color:#f1f5f9;margin:0}.pay-close-btn{background:transparent;border:none;color:#64748b;cursor:pointer;font-size:1.1rem;padding:.25rem;border-radius:6px;transition:color .2s}.pay-close-btn:hover{color:#f1f5f9}.pay-pdf-inline-btn{display:flex;align-items:center;gap:.35rem;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:7px;color:#22c55e;padding:.35rem .8rem;font-size:.8rem;font-weight:600;cursor:pointer;font-family:inherit}.pay-modal-body{flex:1;overflow-y:auto;padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:1.2rem}.pay-form-section{display:flex;flex-direction:column;gap:.75rem}.pay-section-title{font-size:.78rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin:0}.pay-section-header{display:flex;align-items:center;justify-content:space-between}.pay-form-row{display:flex;gap:.75rem;flex-wrap:wrap}.pay-form-group{display:flex;flex-direction:column;gap:.3rem;flex:1;min-width:120px}.pay-form-group label{font-size:.75rem;font-weight:600;color:#94a3b8}.pay-input{background:#0f172a;border:1px solid #334155;border-radius:8px;color:#f1f5f9;padding:.5rem .8rem;font-size:.88rem;font-family:inherit;outline:none;transition:border-color .2s;width:100%;box-sizing:border-box}.pay-input:focus{border-color:#0ea5e9}.pay-textarea{resize:vertical;min-height:60px}.pay-gross-preview{font-size:.85rem;color:#94a3b8;padding:.4rem 0}.pay-gross-preview strong{color:#22c55e}.pay-net-preview{font-size:.88rem;color:#94a3b8;padding:.4rem 0}.pay-net-preview strong{color:#0ea5e9;font-size:1rem}.pay-deduction-row{display:flex;gap:.5rem;align-items:center}.pay-deduction-row .pay-input{flex:1}.pay-add-deduction-btn{display:flex;align-items:center;gap:.3rem;background:transparent;border:1px dashed #334155;border-radius:7px;color:#64748b;padding:.3rem .7rem;font-size:.78rem;cursor:pointer;font-family:inherit;transition:all .2s}.pay-add-deduction-btn:hover{border-color:#0ea5e9;color:#38bdf8}.pay-remove-deduction-btn{background:transparent;border:1px solid #334155;border-radius:6px;color:#64748b;padding:.3rem;cursor:pointer;display:flex;align-items:center;font-size:.8rem;transition:all .2s}.pay-remove-deduction-btn:hover{border-color:#ef4444;color:#f87171}.pay-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #334155}.pay-cancel-btn{background:transparent;border:1px solid #334155;border-radius:8px;color:#94a3b8;padding:.6rem 1.2rem;font-size:.88rem;font-weight:500;cursor:pointer;font-family:inherit;transition:all .2s}.pay-cancel-btn:hover{border-color:#475569;color:#f1f5f9}.pay-save-btn{background:linear-gradient(135deg,#0ea5e9,#0284c7);border:none;border-radius:8px;color:#fff;padding:.6rem 1.4rem;font-size:.88rem;font-weight:600;cursor:pointer;font-family:inherit;transition:opacity .2s}.pay-save-btn:disabled{opacity:.5;cursor:not-allowed}.pay-payslip-info{background:#0f172a;border-radius:10px;padding:1rem;display:flex;flex-direction:column;gap:.5rem;margin-bottom:.25rem}.pay-payslip-info>div{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.pay-payslip-info>div span:first-child{color:#64748b}.pay-payslip-info>div strong{color:#f1f5f9}.pay-payslip-table{width:100%;border-collapse:collapse;font-size:.88rem}.pay-payslip-table td{padding:.55rem 0;border-bottom:1px solid #1e293b;color:#f1f5f9}.pay-payslip-table td:last-child{text-align:right}.pay-ps-section td{color:#94a3b8;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding-top:1rem;border-bottom:none}.pay-ps-total td{font-weight:600;border-top:1px solid #334155;border-bottom:1px solid #334155}.pay-ps-net td{font-size:1rem;font-weight:700;color:#22c55e;border-top:2px solid #334155}.pay-ps-deduct{color:#ef4444!important}.pay-payslip-notes{font-size:.82rem;color:#64748b;font-style:italic;margin:.75rem 0 0}.pay-confirm{background:#1e293b;border:1px solid #334155;border-radius:16px;padding:2rem 2.5rem;max-width:400px;width:100%;text-align:center}.pay-confirm-icon{font-size:2.5rem;color:#ef4444;margin-bottom:.75rem}.pay-confirm h3{font-size:1.1rem;font-weight:600;color:#f1f5f9;margin:0 0 .5rem}.pay-confirm p{font-size:.88rem;color:#64748b;margin:0 0 1.5rem}.pay-confirm-btns{display:flex;gap:.75rem;justify-content:center}.pay-delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;color:#fff;padding:.6rem 1.4rem;font-size:.88rem;font-weight:600;cursor:pointer;font-family:inherit}.pay-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem 2rem;color:#475569;font-size:.9rem;text-align:center}.pay-empty svg{font-size:2.5rem;color:#334155}@media(max-width:640px){.pay-header,.pay-form-row{flex-direction:column}.pay-header-actions{width:100%;justify-content:flex-start}}.rpt-page{width:100%}.rpt-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.rpt-header h1{font-size:1.75rem;font-weight:700;color:#f1f5f9;margin:0 0 .25rem}.rpt-header p{color:#94a3b8;font-size:.9rem;margin:0}.rpt-school-badge{display:inline-block;margin-left:.5rem;padding:.2rem .6rem;font-size:.75rem;font-weight:600;background:#0ea5e91f;color:#38bdf8;border-radius:999px;vertical-align:middle}.rpt-filters-card{background:#1e293b;border:1px solid #334155;border-radius:14px;padding:1.25rem;margin-bottom:1.5rem}.rpt-filters-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:#f1f5f9;margin:0 0 1rem}.rpt-filters-title svg{width:18px!important;height:18px!important;color:#38bdf8}.rpt-filters-row{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.rpt-filter-group{display:flex;flex-direction:column;gap:.35rem}.rpt-filter-group label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.rpt-select{padding:.6rem 2.2rem .6rem 1rem;border:1px solid #334155;border-radius:10px;background:#0f172a;color:#f1f5f9;font-size:.88rem;font-family:inherit;outline:none;cursor:pointer;min-width:200px;transition:border-color .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' 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-repeat:no-repeat;background-position:right 12px center}.rpt-select option{background:#0f172a;color:#f1f5f9}.rpt-select:focus{border-color:#0ea5e9}.rpt-date-input{padding:.6rem .75rem;border:1px solid #334155;border-radius:10px;background:#0f172a;color:#f1f5f9;font-size:.88rem;font-family:inherit;outline:none;transition:border-color .2s}.rpt-date-input:focus{border-color:#0ea5e9}.rpt-date-input::-webkit-calendar-picker-indicator{filter:invert(.7);cursor:pointer}.rpt-filters-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.rpt-generate-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.3rem;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;border:none;border-radius:10px;font-size:.88rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit}.rpt-generate-btn svg{width:16px!important;height:16px!important}.rpt-generate-btn:hover:not(:disabled){background:linear-gradient(135deg,#38bdf8,#0ea5e9);transform:translateY(-1px);box-shadow:0 4px 12px #0ea5e94d}.rpt-generate-btn:disabled{opacity:.5;cursor:not-allowed}.rpt-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:rpt-spin .6s linear infinite;display:inline-block}@keyframes rpt-spin{to{transform:rotate(360deg)}}.rpt-period-label{font-size:.82rem;color:#64748b}.rpt-format-toggle{display:flex;border:1px solid #334155;border-radius:10px;overflow:hidden;background:#0f172a}.rpt-format-btn{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border:none;background:transparent;color:#64748b;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s;font-family:inherit;white-space:nowrap}.rpt-format-btn svg{width:14px!important;height:14px!important;flex-shrink:0}.rpt-format-btn.active{color:#fff;font-weight:600}.rpt-format-btn.active.pdf{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.rpt-format-btn.active.excel{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.rpt-format-btn:not(.active):hover{color:#cbd5e1;background:#ffffff0a}.rpt-export-bar{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.rpt-export-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.6rem 1.2rem;border-radius:10px;border:1px solid #334155;background:#1e293b;color:#f1f5f9;font-size:.88rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.rpt-export-btn svg{width:16px!important;height:16px!important;flex-shrink:0}.rpt-export-btn.pdf{border-color:#ef44444d;color:#fca5a5}.rpt-export-btn.pdf:hover,.rpt-export-btn.pdf.selected{border-color:#ef4444;color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef444440;transform:translateY(-1px)}.rpt-export-btn.excel{border-color:#22c55e4d;color:#86efac}.rpt-export-btn.excel:hover,.rpt-export-btn.excel.selected{border-color:#22c55e;color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 12px #22c55e40;transform:translateY(-1px)}.rpt-export-btn.print:hover{border-color:#0ea5e9;color:#38bdf8;background:#0ea5e914;transform:translateY(-1px)}.rpt-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin-bottom:1.5rem}.rpt-stat-card{display:flex;align-items:center;gap:.75rem;background:#1e293b;border:1px solid #334155;border-radius:12px;padding:.85rem 1rem}.rpt-stat-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rpt-stat-icon svg{width:20px!important;height:20px!important}.rpt-stat-icon.students{background:#0ea5e91a;color:#38bdf8}.rpt-stat-icon.days{background:#a855f71a;color:#c084fc}.rpt-stat-icon.present{background:#22c55e1a;color:#4ade80}.rpt-stat-icon.late{background:#eab3081a;color:#facc15}.rpt-stat-icon.absent{background:#ef44441a;color:#f87171}.rpt-stat-icon.rate{background:#6366f11a;color:#818cf8}.rpt-stat-info{display:flex;flex-direction:column}.rpt-stat-value{font-size:1.35rem;font-weight:700;color:#f1f5f9;line-height:1.2}.rpt-stat-label{font-size:.72rem;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.04em}.rpt-section{margin-bottom:1.5rem}.rpt-section-title{font-size:1rem;font-weight:600;color:#94a3b8;margin:0 0 .75rem}.rpt-table-wrapper{background:#1e293b;border-radius:12px;overflow-x:auto;border:1px solid #334155}.rpt-table{width:100%;border-collapse:collapse;min-width:700px}.rpt-table thead{background:#0f172a}.rpt-table th{text-align:left;padding:.85rem 1rem;font-size:.75rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #334155;white-space:nowrap}.rpt-table td{padding:.75rem 1rem;font-size:.88rem;color:#f1f5f9;border-bottom:1px solid rgba(51,65,85,.5)}.rpt-table tbody tr:hover{background:#0ea5e90a}.rpt-muted{color:#64748b}.rpt-pill{display:inline-block;padding:.15rem .55rem;border-radius:6px;font-size:.82rem;font-weight:600}.rpt-pill.present{background:#22c55e1f;color:#22c55e}.rpt-pill.late{background:#eab3081f;color:#eab308}.rpt-pill.absent{background:#ef44441f;color:#ef4444}.rpt-rate-badge{display:inline-block;padding:.2rem .55rem;border-radius:6px;font-size:.82rem;font-weight:600}.rpt-rate-badge.good{background:#22c55e1f;color:#22c55e}.rpt-rate-badge.warn{background:#eab3081f;color:#eab308}.rpt-rate-badge.low{background:#ef44441f;color:#ef4444}.rpt-daily-table th,.rpt-daily-table td{text-align:center;padding:.6rem .4rem;font-size:.78rem}.rpt-daily-table th:nth-child(1),.rpt-daily-table td:nth-child(1){text-align:center;width:40px}.rpt-daily-table th:nth-child(2),.rpt-daily-table td:nth-child(2){text-align:left;min-width:150px}.rpt-date-col{font-size:.68rem!important;white-space:nowrap}.rpt-daily-cell{padding:.4rem!important}.rpt-daily-dot{display:inline-block;font-size:.72rem;font-weight:700;width:24px;height:24px;line-height:24px;border-radius:6px;text-align:center}.rpt-daily-dot.present{background:#22c55e26;color:#22c55e}.rpt-daily-dot.late{background:#eab30826;color:#eab308}.rpt-daily-dot.absent{background:#ef444426;color:#ef4444}.rpt-daily-dot.none{color:#475569}.rpt-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1.5rem;color:#64748b;text-align:center}.rpt-empty-state svg{width:48px!important;height:48px!important;margin-bottom:1rem;color:#334155}.rpt-empty-state h3{font-size:1.1rem;font-weight:600;color:#94a3b8;margin:0 0 .35rem}.rpt-empty-state p{font-size:.88rem;color:#64748b;margin:0;max-width:400px}.rpt-empty{padding:2rem;text-align:center;color:#64748b}@media print{.rpt-filters-card,.rpt-export-bar,.user-sidebar,.sa-sidebar{display:none!important}.rpt-page{padding:0}.rpt-header h1{color:#000}.rpt-header p{color:#333}.rpt-stat-card{border:1px solid #ddd;background:#f9f9f9}.rpt-stat-value{color:#000}.rpt-stat-label{color:#555}.rpt-table-wrapper{border:1px solid #ddd;background:#fff}.rpt-table th{background:#f0f0f0;color:#333;border-bottom:2px solid #ccc}.rpt-table td{color:#000;border-bottom:1px solid #eee}.rpt-section-title{color:#333}}@media(max-width:768px){.rpt-filters-row{flex-direction:column}.rpt-select{min-width:100%}.rpt-stats-grid{grid-template-columns:repeat(2,1fr)}.rpt-export-bar{flex-direction:column}.rpt-export-btn{justify-content:center}.rpt-filters-actions{flex-direction:column;align-items:flex-start}.rpt-format-toggle{width:100%}.rpt-format-btn{flex:1;justify-content:center}}.user-settings-page{padding:2rem}.user-settings-header h1{font-size:1.75rem;font-weight:700;color:#f1f5f9;margin:0 0 .25rem}.user-settings-header p{color:#94a3b8;font-size:.95rem;margin:0}.user-settings-tabs{display:flex;gap:.5rem;margin:1.5rem 0;border-bottom:1px solid #334155;padding-bottom:0}.user-settings-tab{display:flex;align-items:center;gap:.5rem;padding:.7rem 1.25rem;background:transparent;border:none;border-bottom:2px solid transparent;color:#94a3b8;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;margin-bottom:-1px}.user-settings-tab:hover{color:#f1f5f9}.user-settings-tab.active{color:#0ea5e9;border-bottom-color:#0ea5e9}.user-settings-card{background:#1e293b;border-radius:12px;border:1px solid #334155;padding:1.75rem}.user-settings-card h2{font-size:1.2rem;font-weight:600;color:#f1f5f9;margin:0 0 .25rem}.user-settings-card-desc{color:#94a3b8;font-size:.88rem;margin:0 0 1.5rem}.user-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.user-settings-field{display:flex;flex-direction:column;gap:.4rem}.user-settings-field.full-width{grid-column:1 / -1}.user-settings-field label{font-size:.82rem;font-weight:500;color:#94a3b8}.user-settings-field input{padding:.65rem .85rem;border-radius:8px;border:1px solid #334155;background:#0f172a;color:#f1f5f9;font-size:.9rem;outline:none;transition:border-color .2s}.user-settings-field input:focus{border-color:#0ea5e9}.user-settings-actions{display:flex;align-items:center;gap:1rem;margin-top:1.75rem}.user-settings-save-btn{display:flex;align-items:center;gap:.5rem;padding:.65rem 1.5rem;border-radius:8px;border:none;background:#0ea5e9;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s}.user-settings-save-btn:hover{background:#0284c7}.user-settings-saved{color:#22c55e;font-size:.88rem;font-weight:500;animation:fadeInSaved .3s ease}@keyframes fadeInSaved{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.user-settings-toggle-list{display:flex;flex-direction:column;gap:0}.user-settings-toggle-item{display:flex;align-items:center;justify-content:space-between;padding:1.15rem 0;border-bottom:1px solid rgba(51,65,85,.5)}.user-settings-toggle-item:last-child{border-bottom:none}.user-settings-toggle-item strong{font-size:.92rem;font-weight:600;color:#f1f5f9;display:block;margin-bottom:.15rem}.user-settings-toggle-item p{font-size:.82rem;color:#94a3b8;margin:0}.user-settings-switch{position:relative;width:44px;height:24px;flex-shrink:0}.user-settings-switch input{opacity:0;width:0;height:0}.user-settings-slider{position:absolute;inset:0;background:#334155;border-radius:999px;cursor:pointer;transition:background .2s}.user-settings-slider:before{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#f1f5f9;transition:transform .2s}.user-settings-switch input:checked+.user-settings-slider{background:#0ea5e9}.user-settings-switch input:checked+.user-settings-slider:before{transform:translate(20px)}@media(max-width:768px){.user-settings-page{padding:1.25rem}.user-settings-grid{grid-template-columns:1fr}.user-settings-tabs{overflow-x:auto}.us-ticket-form-row{flex-direction:column}.us-chat-container{height:60vh}}.us-card-header-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.us-card-header-row h2{margin:0 0 .25rem}.us-locked-badge{display:flex;align-items:center;gap:.4rem;padding:.35rem .85rem;background:#64748b26;border:1px solid #334155;border-radius:8px;color:#94a3b8;font-size:.78rem;font-weight:500;white-space:nowrap}.us-locked-badge svg{width:13px;height:13px}.user-settings-field input:disabled{opacity:.7;cursor:not-allowed;background:#0f172a;border-color:#1e293b;color:#cbd5e1}.us-tab-badge{background:#ef4444;color:#fff;font-size:.7rem;font-weight:700;padding:1px 6px;border-radius:10px;margin-left:.3rem}.us-new-ticket-btn{padding:.5rem 1rem;background:#0ea5e9;color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .2s;white-space:nowrap}.us-new-ticket-btn:hover{background:#0284c7}.us-new-ticket-form{display:flex;flex-direction:column;gap:1rem;padding:1.25rem;background:#0f172a;border:1px solid #334155;border-radius:10px;margin-bottom:1.25rem}.us-ticket-form-row{display:flex;gap:1rem}.us-ticket-form-field{display:flex;flex-direction:column;gap:.35rem}.us-ticket-form-field label{font-size:.82rem;font-weight:500;color:#94a3b8}.us-ticket-form-field input,.us-ticket-form-field select,.us-ticket-form-field textarea{padding:.6rem .85rem;border-radius:8px;border:1px solid #334155;background:#1e293b;color:#f1f5f9;font-size:.88rem;font-family:inherit;outline:none;transition:border-color .2s}.us-ticket-form-field input:focus,.us-ticket-form-field select:focus,.us-ticket-form-field textarea:focus{border-color:#0ea5e9}.us-ticket-form-field textarea{resize:vertical;min-height:60px}.us-submit-ticket-btn{align-self:flex-start;padding:.55rem 1.25rem;background:#0ea5e9;color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .2s}.us-submit-ticket-btn:hover{background:#0284c7}.us-submit-ticket-btn:disabled{opacity:.5;cursor:not-allowed}.us-empty-tickets{display:flex;flex-direction:column;align-items:center;padding:3rem 1rem;color:#64748b}.us-empty-tickets svg{width:40px;height:40px;margin-bottom:.75rem;opacity:.5}.us-empty-tickets p{font-size:1rem;font-weight:500;margin:0 0 .25rem;color:#94a3b8}.us-empty-tickets span{font-size:.85rem}.us-ticket-list{display:flex;flex-direction:column;gap:0}.us-ticket-item{display:flex;align-items:center;justify-content:space-between;padding:1rem .5rem;border-bottom:1px solid rgba(51,65,85,.5);cursor:pointer;transition:background .15s;border-radius:6px}.us-ticket-item:hover{background:#0ea5e90d}.us-ticket-item:last-child{border-bottom:none}.us-ticket-item-left{display:flex;align-items:center;gap:.75rem}.us-ticket-status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.us-ticket-subject{font-size:.92rem;font-weight:600;color:#f1f5f9;margin:0 0 .15rem}.us-ticket-meta{font-size:.78rem;color:#64748b;margin:0}.us-ticket-priority{font-weight:600;text-transform:capitalize}.us-ticket-status-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .65rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:capitalize;white-space:nowrap}.us-ticket-status-badge svg{width:12px!important;height:12px!important}.us-ticket-status-badge.open{background:#0ea5e91a;color:#38bdf8}.us-ticket-status-badge.in-progress{background:#f59e0b1a;color:#fbbf24}.us-ticket-status-badge.resolved{background:#22c55e1a;color:#4ade80}.us-ticket-status-badge.closed{background:#6b72801a;color:#9ca3af}.us-ticket-status-badge.small{font-size:.7rem;padding:.2rem .5rem}.us-chat-container{display:flex;flex-direction:column;background:#1e293b;border:1px solid #334155;border-radius:12px;height:70vh;max-height:600px;overflow:hidden}.us-chat-header{display:flex;align-items:center;gap:1rem;padding:.85rem 1.25rem;border-bottom:1px solid #334155;background:#0f172a}.us-chat-back{background:none;border:none;color:#0ea5e9;font-size:.88rem;font-weight:600;cursor:pointer;padding:0;white-space:nowrap}.us-chat-header-info{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.us-chat-header-info h3{font-size:1rem;font-weight:600;color:#f1f5f9;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.us-chat-messages{flex:1;overflow-y:auto;padding:1.25rem;display:flex;flex-direction:column;gap:.75rem}.us-chat-empty{display:flex;align-items:center;justify-content:center;height:100%;color:#64748b;font-size:.9rem}.us-chat-bubble{max-width:75%;padding:.75rem 1rem;border-radius:12px;font-size:.88rem}.us-chat-bubble.user{align-self:flex-end;background:#0ea5e9;color:#fff;border-bottom-right-radius:4px}.us-chat-bubble.admin{align-self:flex-start;background:#334155;color:#f1f5f9;border-bottom-left-radius:4px}.us-chat-bubble-header{display:flex;justify-content:space-between;gap:.75rem;margin-bottom:.25rem}.us-chat-bubble-header strong{font-size:.78rem;font-weight:600}.us-chat-bubble-header span{font-size:.72rem;opacity:.7}.us-chat-bubble p{margin:0;line-height:1.45;white-space:pre-wrap;word-break:break-word}.us-chat-input-bar{display:flex;align-items:flex-end;gap:.5rem;padding:.75rem 1rem;border-top:1px solid #334155;background:#0f172a}.us-chat-input-bar textarea{flex:1;padding:.6rem .85rem;background:#1e293b;border:1px solid #334155;border-radius:8px;color:#f1f5f9;font-size:.88rem;font-family:inherit;outline:none;resize:none;min-height:38px;max-height:100px}.us-chat-input-bar textarea:focus{border-color:#0ea5e9}.us-chat-send-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;background:#0ea5e9;color:#fff;border:none;border-radius:10px;cursor:pointer;transition:all .2s;flex-shrink:0;padding:0!important;overflow:visible}.us-chat-send-btn svg{width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;display:block!important;flex-shrink:0!important;stroke:#fff!important;stroke-width:2!important;fill:none!important}.us-chat-send-btn:hover{background:#0284c7}.us-chat-send-btn:disabled{opacity:.4;cursor:not-allowed}.us-chat-closed-bar{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem;background:#22c55e14;border-top:1px solid rgba(34,197,94,.2);color:#4ade80;font-size:.88rem;font-weight:500}.us-chat-closed-bar svg{width:16px!important;height:16px!important}.sa-login-page{min-height:100vh;display:flex;width:100%}.sa-login-branding{flex:1;background:linear-gradient(135deg,#1a0a0a,#4a1525 40%,#dc2626);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;position:relative;overflow:hidden}.sa-login-branding:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(220,38,38,.12) 0%,transparent 60%);animation:sa-pulse-glow 6s ease-in-out infinite}@keyframes sa-pulse-glow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.sa-branding-logo{width:200px;height:auto;margin-bottom:1.5rem;z-index:1;filter:drop-shadow(0 4px 20px rgba(220,38,38,.3))}.sa-branding-badge{display:flex;align-items:center;gap:.5rem;background:#dc262633;border:1px solid rgba(220,38,38,.4);padding:.5rem 1.2rem;border-radius:50px;margin-bottom:1.5rem;z-index:1}.sa-badge-icon{color:#f87171;font-size:1.1rem}.sa-branding-badge span{font-size:.75rem;font-weight:700;letter-spacing:2px;color:#f87171}.sa-branding-title{font-size:2.2rem;font-weight:700;color:#fff;margin-bottom:.75rem;z-index:1;text-align:center}.sa-branding-subtitle{font-size:1rem;color:#fff9;z-index:1;text-align:center;max-width:320px;line-height:1.6}.sa-login-form-panel{flex:1;display:flex;align-items:center;justify-content:center;padding:3rem;background-color:#0f0f0f}.sa-login-form-container{width:100%;max-width:420px}.sa-form-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.sa-admin-icon{width:44px;height:44px;background:linear-gradient(135deg,#dc2626,#991b1b);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.3rem}.sa-form-header h2{font-size:1.8rem;font-weight:700;color:#f1f5f9;margin:0}.sa-login-welcome{font-size:.9rem;color:#78716c;margin-bottom:2rem;margin-top:.5rem}.sa-form-group{margin-bottom:1.5rem}.sa-form-group label{display:block;font-size:.875rem;font-weight:500;color:#a8a29e;margin-bottom:.5rem}.sa-input-wrapper{position:relative;display:flex;align-items:center}.sa-input-icon{position:absolute;left:14px;color:#57534e;font-size:1.2rem;pointer-events:none;display:flex;align-items:center}.sa-form-group input{width:100%;padding:.8rem 44px .8rem 60px;border:1px solid #292524;border-radius:10px;background-color:#1c1917;color:#f5f5f4;font-size:.95rem;transition:all .3s ease;outline:none;box-sizing:border-box}.sa-login-page .sa-admin-email-input,.sa-login-page .sa-admin-password-input{padding-left:60px!important;padding-right:44px!important}.sa-form-group input:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b26}.sa-form-group input::placeholder{color:#44403c}.sa-password-toggle{position:absolute;right:14px;background:none;border:none;color:#57534e;cursor:pointer;font-size:1.1rem;padding:0;display:flex;align-items:center}.sa-password-toggle:hover{color:#dc2626}.sa-login-btn{width:100%;padding:.85rem;background:linear-gradient(135deg,#dc2626,#991b1b);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.sa-login-btn:hover{background:linear-gradient(135deg,#ef4444,#dc2626);transform:translateY(-1px);box-shadow:0 4px 15px #dc262659}.sa-login-btn:active{transform:translateY(0)}.sa-login-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.sa-error-message{background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:.75rem 1rem;border-radius:10px;margin-bottom:1.5rem;font-size:.875rem;display:flex;align-items:center;gap:.5rem}.sa-login-divider{display:flex;align-items:center;margin:1.5rem 0}.sa-login-divider hr{flex:1;border:none;border-top:1px solid #292524}.sa-login-divider span{padding:0 1rem;font-size:.75rem;color:#57534e;letter-spacing:1px;text-transform:uppercase}.sa-back-link{display:block;width:100%;text-align:center;font-size:.875rem;color:#78716c;background:none;border:1px solid #292524;border-radius:10px;padding:.7rem;cursor:pointer;transition:all .3s ease;font-family:inherit}.sa-back-link:hover{color:#f5f5f4;border-color:#44403c;background-color:#1c1917}.sa-login-footer{text-align:center;margin-top:1.5rem;font-size:.8rem;color:#44403c}@media(max-width:900px){.sa-login-page{flex-direction:column}.sa-login-branding{padding:2rem;min-height:auto}.sa-branding-logo{width:140px;margin-bottom:1rem}.sa-branding-title{font-size:1.6rem}.sa-branding-subtitle{font-size:.9rem}.sa-login-form-panel{padding:2rem 1.5rem}}.sa-layout{display:flex;min-height:100vh;background-color:#0a0a0a;color:#f5f5f4}.sa-sidebar{width:260px;background-color:#0f0f0f;border-right:1px solid #1c1917;display:flex;flex-direction:column;padding:1.5rem 1rem;position:sticky;top:0;height:100vh;overflow-y:auto}.sa-sidebar-header{display:flex;flex-direction:column;align-items:center;padding-bottom:1.5rem;border-bottom:1px solid #1c1917;margin-bottom:1.5rem}.sa-sidebar-logo{width:150px;height:auto;margin-bottom:.75rem}.sa-sidebar-badge{display:flex;align-items:center;gap:.4rem;background:#dc262626;border:1px solid rgba(220,38,38,.3);padding:.35rem .8rem;border-radius:50px;font-size:.7rem;font-weight:600;color:#f87171;letter-spacing:1px;text-transform:uppercase}.sa-sidebar-nav{flex:1;display:flex;flex-direction:column;gap:.25rem}.sa-nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:10px;color:#78716c;text-decoration:none;font-size:.9rem;font-weight:500;transition:all .2s ease}.sa-nav-item:hover{background-color:#1c1917;color:#f5f5f4}.sa-nav-item.active{background:#dc26261a;color:#f87171}.sa-sidebar-footer{border-top:1px solid #1c1917;padding-top:1rem}.sa-admin-info{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.sa-admin-avatar{width:38px;height:38px;background:linear-gradient(135deg,#dc2626,#991b1b);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem}.sa-admin-details{overflow:hidden}.sa-admin-name{font-size:.85rem;font-weight:600;color:#f5f5f4;margin:0}.sa-admin-email{font-size:.75rem;color:#57534e;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.sa-logout-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.65rem;background:transparent;border:1px solid #292524;border-radius:10px;color:#78716c;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit}.sa-logout-btn:hover{border-color:#dc2626;color:#f87171;background:#dc26260d}.sa-main{flex:1;padding:2rem;overflow-y:auto;min-height:100vh}@media(max-width:768px){.sa-layout{flex-direction:column}.sa-sidebar{width:100%;height:auto;position:relative;flex-direction:row;flex-wrap:wrap;padding:1rem;gap:1rem}.sa-sidebar-header{flex-direction:row;width:100%;padding-bottom:0;border-bottom:none;margin-bottom:0;gap:.75rem}.sa-sidebar-logo{width:70px}.sa-sidebar-nav{flex-direction:row;width:100%;overflow-x:auto}.sa-sidebar-footer{width:100%;border-top:none;padding-top:0}.sa-main{padding:1.5rem}}.sa-overview{width:100%}.sa-page-header{margin-bottom:2rem}.sa-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:2rem}.sa-stat-card{background-color:#141414;border:1px solid #1c1917;border-radius:14px;padding:1.25rem;display:flex;align-items:center;gap:1rem;transition:border-color .2s ease}.sa-stat-card:hover{border-color:#292524}.sa-stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0}.sa-stat-icon.users{background:#3b82f61a;color:#60a5fa}.sa-stat-icon.active{background:#22c55e1a;color:#4ade80}.sa-stat-icon.roles{background:#dc26261a;color:#f87171}.sa-stat-icon.settings{background:#a855f71a;color:#c084fc}.sa-stat-label{font-size:.8rem;color:#57534e;margin:0 0 .25rem}.sa-stat-value{font-size:1.5rem;font-weight:700;color:#f5f5f4;margin:0}.sa-section{margin-bottom:2rem}.sa-section-title{font-size:1.1rem;font-weight:600;color:#a8a29e;margin:0 0 1rem}.sa-activity-list{display:flex;flex-direction:column;gap:.5rem}.sa-activity-item{display:flex;align-items:center;gap:1rem;padding:1rem;background-color:#141414;border:1px solid #1c1917;border-radius:12px;transition:border-color .2s ease}.sa-activity-item:hover{border-color:#292524}.sa-activity-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.sa-activity-icon.blue{background:#3b82f61a;color:#60a5fa}.sa-activity-icon.red{background:#dc26261a;color:#f87171}.sa-activity-icon.green{background:#22c55e1a;color:#4ade80}.sa-activity-icon.purple{background:#a855f71a;color:#c084fc}.sa-activity-text{font-size:.9rem;color:#d6d3d1;margin:0 0 .15rem}.sa-activity-time{font-size:.75rem;color:#57534e;margin:0}.sa-users{width:100%}.sa-users .sa-page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.sa-add-btn{display:flex;align-items:center;gap:.5rem;padding:.65rem 1.2rem;background:linear-gradient(135deg,#dc2626,#991b1b);color:#fff;border:none;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit}.sa-add-btn:hover{background:linear-gradient(135deg,#ef4444,#dc2626);transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.sa-search-bar{position:relative;margin-bottom:1.5rem}.sa-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#57534e;font-size:1.1rem;pointer-events:none}.sa-search-bar input{width:100%;padding:.75rem .75rem .75rem 2.8rem;background-color:#141414;border:1px solid #1c1917;border-radius:10px;color:#f5f5f4;font-size:.9rem;outline:none;transition:border-color .2s ease;box-sizing:border-box}.sa-search-bar input:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.sa-search-bar input::placeholder{color:#44403c}.sa-account-toggle{display:flex;gap:.6rem;margin:-.25rem 0 1.25rem;flex-wrap:wrap}.sa-toggle-btn{border:1px solid #292524;background:#141414;color:#a8a29e;border-radius:999px;padding:.5rem .85rem;font-size:.82rem;font-weight:600;display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s ease;font-family:inherit}.sa-toggle-btn:hover{border-color:#44403c;color:#f5f5f4}.sa-toggle-btn.active{background:#dc26261f;border-color:#dc262680;color:#fca5a5}.sa-toggle-count{background:#0f0f0f;border:1px solid #292524;color:#78716c;border-radius:999px;min-width:1.5rem;height:1.5rem;padding:0 .4rem;display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;line-height:1}.sa-toggle-btn.active .sa-toggle-count{border-color:#dc262673;color:#fecaca}.sa-table-wrapper{background-color:#141414;border:1px solid #1c1917;border-radius:14px;overflow:hidden}.sa-table{width:100%;border-collapse:collapse}.sa-table thead{border-bottom:1px solid #1c1917}.sa-table th{text-align:left;padding:.85rem 1.25rem;font-size:.75rem;font-weight:600;color:#57534e;text-transform:uppercase;letter-spacing:.5px}.sa-table td{padding:.85rem 1.25rem;font-size:.9rem;border-top:1px solid #1c1917}.sa-table tbody tr{transition:background-color .15s ease}.sa-table tbody tr:hover{background-color:#1c1917}.sa-user-cell{display:flex;align-items:center;gap:.75rem}.sa-user-avatar{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#dc2626,#991b1b);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.85rem;flex-shrink:0}.sa-user-name{font-weight:600;color:#f5f5f4;margin:0 0 .1rem;font-size:.9rem}.sa-user-email{display:flex;align-items:center;gap:.35rem;color:#57534e;font-size:.78rem;margin:0}.sa-role-badge{padding:.3rem .7rem;border-radius:6px;font-size:.75rem;font-weight:600}.sa-role-badge.admin{background:#dc26261a;color:#f87171}.sa-role-badge.editor{background:#a855f71a;color:#c084fc}.sa-role-badge.user{background:#3b82f61a;color:#60a5fa}.sa-status-badge{padding:.3rem .7rem;border-radius:6px;font-size:.75rem;font-weight:600}.sa-status-badge.active{background:#22c55e1a;color:#4ade80}.sa-status-badge.inactive{background:#6b728026;color:#9ca3af}.sa-status-badge.pending{background:#eab3081a;color:#facc15}.sa-date{display:flex;align-items:center;gap:.35rem;color:#78716c;font-size:.85rem}.sa-more-btn{background:none;border:none;color:#57534e;cursor:pointer;padding:.4rem;border-radius:6px;display:flex;align-items:center;transition:all .15s ease}.sa-more-btn:hover{background-color:#292524;color:#f5f5f4}.sa-empty-state{display:flex;flex-direction:column;align-items:center;padding:3rem;color:#44403c;font-size:1.5rem;gap:.75rem}.sa-empty-state p{font-size:.9rem}@media(max-width:768px){.sa-users .sa-page-header{flex-direction:column;gap:1rem}.sa-table-wrapper{overflow-x:auto}.sa-table{min-width:600px}.sa-modal{width:95%;max-height:90vh}.sa-form-row{flex-direction:column;gap:1rem}}.sa-row-actions{display:flex;gap:.5rem;justify-content:flex-end;align-items:center}.sa-icon-btn{display:flex!important;flex-direction:row!important;align-items:center!important;gap:6px!important;padding:6px 14px!important;border-radius:8px;border:1px solid #3f3f46;background:#1c1917;color:#d6d3d1;cursor:pointer;transition:all .2s ease;font-size:13px;font-weight:500;font-family:inherit;white-space:nowrap;line-height:1.2;width:auto!important;height:auto!important;min-width:0}.sa-icon-btn svg{width:14px!important;height:14px!important;flex-shrink:0;display:inline-block!important;vertical-align:middle}.sa-icon-btn span{display:inline!important;vertical-align:middle}.sa-icon-btn.edit{border-color:#0ea5e959;color:#7dd3fc}.sa-icon-btn.edit:hover{border-color:#0ea5e9;color:#38bdf8;background:#0ea5e91a}.sa-icon-btn.delete{border-color:#dc262659;color:#fca5a5}.sa-icon-btn.delete:hover{border-color:#dc2626;color:#f87171;background:#dc26261a}.sa-role-badge.super-admin{background:#dc262626;color:#f87171}.sa-modal{width:520px;max-height:85vh;background:#141414;border:1px solid #292524;border-radius:16px;display:flex;flex-direction:column;overflow:hidden;animation:usersModalIn .2s ease}.sa-modal.sa-modal-sm{width:420px}@keyframes usersModalIn{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.sa-modal-body{padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.1rem}.sa-form-row{display:flex;gap:1rem}.sa-form-row .sa-form-group{flex:1}.sa-form-group label{font-size:.8rem;font-weight:600;color:#a8a29e;text-transform:uppercase;letter-spacing:.5px}.sa-form-group input[type=text],.sa-form-group input[type=email],.sa-form-group input[type=password],.sa-form-group input[type=tel],.sa-form-group select{background:#0a0a0a;border:1px solid #292524;border-radius:10px;padding:.7rem .9rem;color:#f5f5f4;font-size:.9rem;font-family:inherit;transition:border-color .2s ease}.sa-form-group input:focus,.sa-form-group select:focus{outline:none;border-color:#dc2626}.sa-form-group input::placeholder{color:#57534e}.sa-form-group input:disabled{opacity:.5;cursor:not-allowed}.sa-form-group select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2378716c' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:2.2rem}.sa-form-error{background:#dc26261a;border:1px solid rgba(220,38,38,.3);color:#f87171;padding:.6rem .9rem;border-radius:8px;font-size:.85rem;font-weight:500}.sa-btn-delete:hover{background:#991b1b}.sa-confirm-text{color:#a8a29e;font-size:.9rem;line-height:1.5;margin:0}.sa-clickable-row{cursor:pointer}.sa-clickable-row:hover{background-color:#1c1917}.sa-detail-overlay{position:fixed;inset:0;background:#00000080;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sa-detail-panel{position:fixed;top:0;right:0;width:480px;max-width:100%;height:100vh;background:#0f0f0f;border-left:1px solid #1c1917;display:flex;flex-direction:column;overflow:hidden;animation:slideInRight .25s ease}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.sa-detail-header{display:flex;align-items:center;gap:.75rem;padding:1.25rem 1.5rem;border-bottom:1px solid #1c1917}.sa-detail-header h2{flex:1;font-size:1.1rem;font-weight:700;color:#f5f5f4;margin:0}.sa-detail-back{background:none;border:none;color:#78716c;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;padding:.3rem;border-radius:6px;transition:all .15s ease}.sa-detail-back:hover{color:#f5f5f4;background:#1c1917}.sa-detail-header-actions{display:flex;gap:.35rem}.sa-detail-body{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.sa-detail-profile{display:flex;flex-direction:column;align-items:center;text-align:center;padding-bottom:1.5rem;border-bottom:1px solid #1c1917}.sa-detail-avatar{width:72px;height:72px;border-radius:18px;background:linear-gradient(135deg,#dc2626,#991b1b);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.8rem;margin-bottom:.75rem}.sa-detail-name{font-size:1.25rem;font-weight:700;color:#f5f5f4;margin:0 0 .5rem}.sa-detail-badges{display:flex;gap:.5rem}.sa-detail-section{display:flex;flex-direction:column;gap:.75rem}.sa-detail-section-title{font-size:.8rem;font-weight:600;color:#78716c;text-transform:uppercase;letter-spacing:.5px;margin:0}.sa-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.sa-detail-field{background:#141414;border:1px solid #1c1917;border-radius:10px;padding:.75rem .9rem;display:flex;flex-direction:column;gap:.3rem}.sa-detail-field.full{grid-column:1 / -1}.sa-detail-label{display:flex;align-items:center;gap:.4rem;font-size:.72rem;font-weight:600;color:#57534e;text-transform:uppercase;letter-spacing:.3px}.sa-detail-value{font-size:.9rem;font-weight:500;color:#f5f5f4;word-break:break-all}.sa-detail-uid{font-family:monospace;font-size:.78rem;color:#78716c}@media(max-width:768px){.sa-detail-panel{width:100%}.sa-detail-grid{grid-template-columns:1fr}}.sa-roles{width:100%}.sa-roles .sa-page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.sa-roles-info{display:flex;align-items:flex-start;gap:.65rem;padding:.85rem 1rem;background:#eab3080f;border:1px solid rgba(234,179,8,.15);border-radius:10px;margin-bottom:1.5rem}.sa-roles-info>svg{color:#eab308;font-size:1.1rem;flex-shrink:0;margin-top:.1rem}.sa-roles-info p{font-size:.82rem;color:#a8a29e;margin:0;line-height:1.5}.sa-roles-info strong{color:#e7e5e4}.sa-roles-layout{display:grid;grid-template-columns:280px 1fr;gap:1.5rem}.sa-roles-list{display:flex;flex-direction:column;gap:.5rem}.sa-role-card{display:flex;align-items:center;gap:.75rem;padding:1rem;background-color:#141414;border:1px solid #1c1917;border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left;width:100%;font-family:inherit;color:inherit}.sa-role-card:hover{border-color:#292524}.sa-role-card.active{border-color:#dc2626;background-color:#dc26260d}.sa-role-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.15rem;flex-shrink:0}.sa-role-icon.red{background:#dc26261a;color:#f87171}.sa-role-icon.orange{background:#eab3081a;color:#facc15}.sa-role-icon.purple{background:#a855f71a;color:#c084fc}.sa-role-icon.blue{background:#3b82f61a;color:#60a5fa}.sa-role-icon.green{background:#22c55e1a;color:#4ade80}.sa-role-info h3{font-size:.9rem;font-weight:600;color:#f5f5f4;margin:0 0 .2rem}.sa-role-info p{display:flex;align-items:center;gap:.3rem;font-size:.75rem;color:#57534e;margin:0}.sa-role-detail{background-color:#141414;border:1px solid #1c1917;border-radius:14px;padding:1.5rem}.sa-role-detail-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #1c1917}.sa-role-detail-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0}.sa-role-detail-icon.red{background:#dc262626;color:#f87171}.sa-role-detail-icon.orange{background:#eab30826;color:#facc15}.sa-role-detail-icon.purple{background:#a855f726;color:#c084fc}.sa-role-detail-icon.blue{background:#3b82f626;color:#60a5fa}.sa-role-detail-icon.green{background:#22c55e26;color:#4ade80}.sa-role-detail-header h2{font-size:1.25rem;font-weight:700;color:#f5f5f4;margin:0 0 .2rem}.sa-role-detail-header>div:nth-child(2){flex:1}.sa-role-detail-header>div:nth-child(2) p{font-size:.85rem;color:#78716c;margin:0}.sa-role-actions{display:flex;gap:.5rem}.sa-icon-btn{width:36px;height:36px;border-radius:8px;border:1px solid #292524;background:none;color:#78716c;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.sa-icon-btn.edit:hover{border-color:#0ea5e9;color:#38bdf8;background:#0ea5e90d}.sa-icon-btn.delete:hover{border-color:#dc2626;color:#f87171;background:#dc26260d}.sa-icon-btn:disabled{opacity:.3;cursor:not-allowed}.sa-permissions-title{font-size:.95rem;font-weight:600;color:#a8a29e;margin:0 0 1rem}.sa-permissions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.5rem}.sa-permission-item{display:flex;align-items:flex-start;gap:.6rem;padding:.65rem .85rem;border-radius:8px;font-size:.85rem;font-weight:500}.sa-permission-item.granted{background:#22c55e0d;color:#4ade80}.sa-permission-item.denied{background:#6b72800d;color:#57534e}.sa-permission-indicator{display:flex;align-items:center;font-size:1rem;margin-top:.1rem}.sa-perm-name{display:block;font-size:.85rem;font-weight:600}.sa-perm-desc{display:block;font-size:.72rem;font-weight:400;color:#57534e;margin-top:.1rem}.sa-permission-item.granted .sa-perm-desc{color:#4ade8080}@media(max-width:768px){.sa-roles .sa-page-header{flex-direction:column;gap:1rem}.sa-roles-layout{grid-template-columns:1fr}.sa-roles-list{flex-direction:row;overflow-x:auto}.sa-role-card{min-width:180px}.sa-modal{width:95%;max-height:90vh}}.sa-modal-overlay{position:fixed;inset:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sa-modal{width:560px;max-height:85vh;background:#141414;border:1px solid #292524;border-radius:16px;display:flex;flex-direction:column;overflow:hidden;animation:modalSlideIn .2s ease}.sa-modal-sm{width:440px}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.sa-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #1c1917}.sa-modal-header h2{font-size:1.15rem;font-weight:700;color:#f5f5f4;margin:0}.sa-modal-close{background:none;border:none;color:#78716c;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.25rem;border-radius:6px;transition:all .15s ease}.sa-modal-close:hover{color:#f5f5f4;background:#1c1917}.sa-modal-body{padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.25rem}.sa-confirm-text{font-size:.9rem;color:#a8a29e;line-height:1.6;margin:0}.sa-confirm-text strong{color:#f5f5f4}.sa-form-group{display:flex;flex-direction:column;gap:.4rem}.sa-form-group label{font-size:.8rem;font-weight:600;color:#a8a29e;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;justify-content:space-between}.sa-toggle-all-btn{background:none;border:none;color:#0ea5e9;font-size:.72rem;font-weight:600;cursor:pointer;text-transform:none;letter-spacing:0;padding:0}.sa-toggle-all-btn:hover{color:#38bdf8}.sa-form-group input[type=text],.sa-form-group textarea{background:#0a0a0a;border:1px solid #292524;border-radius:10px;padding:.7rem .9rem;color:#f5f5f4;font-size:.9rem;font-family:inherit;transition:border-color .2s ease;resize:vertical}.sa-form-group input[type=text]:focus,.sa-form-group textarea:focus{outline:none;border-color:#dc2626}.sa-form-group input[type=text]::placeholder,.sa-form-group textarea::placeholder{color:#57534e}.sa-color-picker{display:flex;gap:.5rem}.sa-color-swatch{width:32px;height:32px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .15s ease}.sa-color-swatch.red{background:#dc2626}.sa-color-swatch.orange{background:#eab308}.sa-color-swatch.purple{background:#a855f7}.sa-color-swatch.blue{background:#3b82f6}.sa-color-swatch.green{background:#22c55e}.sa-color-swatch.selected{border-color:#f5f5f4;transform:scale(1.15)}.sa-color-swatch:hover{transform:scale(1.1)}.sa-permissions-checklist{display:flex;flex-direction:column;gap:.25rem}.sa-perm-check{display:flex;align-items:flex-start;gap:.6rem;padding:.6rem .75rem;border-radius:8px;cursor:pointer;transition:background .15s ease}.sa-perm-check:hover{background:#1c1917}.sa-perm-check input[type=checkbox]{accent-color:#dc2626;width:16px;height:16px;cursor:pointer;margin-top:.1rem}.sa-perm-check-name{display:block;font-size:.85rem;font-weight:600;color:#e7e5e4}.sa-perm-check-desc{display:block;font-size:.72rem;color:#57534e;margin-top:.1rem}.sa-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #1c1917}.sa-btn-cancel{padding:.6rem 1.2rem;border-radius:10px;border:1px solid #292524;background:none;color:#a8a29e;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s ease;font-family:inherit}.sa-btn-cancel:hover{background:#1c1917;color:#f5f5f4}.sa-btn-save{padding:.6rem 1.4rem;border-radius:10px;border:none;background:#dc2626;color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s ease;font-family:inherit}.sa-btn-save:hover{background:#b91c1c}.sa-btn-save:disabled{opacity:.4;cursor:not-allowed}.sa-btn-delete{padding:.6rem 1.4rem;border-radius:10px;border:none;background:#dc2626;color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s ease;font-family:inherit}.sa-btn-delete:hover{background:#b91c1c}.sa-settings{width:100%}.sa-settings .sa-page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.sa-page-header h1{font-size:1.75rem;font-weight:700;color:#f5f5f4;margin:0 0 .25rem}.sa-page-header p{font-size:.9rem;color:#57534e;margin:0}.sa-save-btn{display:flex;align-items:center;gap:.5rem;padding:.65rem 1.2rem;background:linear-gradient(135deg,#dc2626,#991b1b);color:#fff;border:none;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit}.sa-save-btn:hover{background:linear-gradient(135deg,#ef4444,#dc2626);transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.sa-settings-sections{display:flex;flex-direction:column;gap:1rem}.sa-settings-card{background-color:#141414;border:1px solid #1c1917;border-radius:14px;padding:1.5rem}.sa-settings-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid #1c1917}.sa-settings-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.15rem;flex-shrink:0}.sa-settings-icon.blue{background:#3b82f61a;color:#60a5fa}.sa-settings-icon.orange{background:#eab3081a;color:#facc15}.sa-settings-icon.red{background:#dc26261a;color:#f87171}.sa-settings-icon.purple{background:#a855f71a;color:#c084fc}.sa-settings-icon.green{background:#22c55e1a;color:#4ade80}.sa-settings-card-header h2{font-size:1.05rem;font-weight:600;color:#f5f5f4;margin:0}.sa-collapsible-header{cursor:pointer;justify-content:space-between;-webkit-user-select:none;user-select:none;transition:background .15s ease;margin:-1.5rem;padding:1.5rem;border-radius:14px}.sa-collapsible-header:hover{background:#ffffff05}.sa-settings-card>.sa-collapsible-header:only-child,.sa-collapsible-header+.sa-settings-fields:empty~.sa-collapsible-header{margin-bottom:-1.5rem;border-bottom:none}.sa-settings-card:has(.sa-collapsible-header+div) .sa-collapsible-header{margin-bottom:0}.sa-settings-card:not(:has(.sa-settings-fields)) .sa-collapsible-header{border-bottom:none;margin-bottom:-1.5rem;padding-bottom:1.5rem}.sa-collapse-chevron{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:#ffffff0d;color:#a8a29e;transition:all .2s ease;flex-shrink:0}.sa-collapse-chevron svg{width:18px!important;height:18px!important}.sa-collapsible-header:hover .sa-collapse-chevron{background:#ffffff14;color:#f5f5f4}.sa-settings-fields{display:flex;flex-direction:column;gap:1.25rem}.sa-field label{display:block;font-size:.85rem;font-weight:500;color:#a8a29e;margin-bottom:.4rem}.sa-field input[type=text],.sa-field input[type=url],.sa-field input[type=number]{width:100%;max-width:400px;padding:.7rem 1rem;background-color:#1a1a1a;border:1px solid #44403c;border-radius:10px;color:#f5f5f4;font-size:.9rem;outline:none;transition:border-color .2s ease;box-sizing:border-box}.sa-field input::placeholder{color:#78716c}.sa-field input:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.sa-field.toggle{display:flex;justify-content:space-between;align-items:center}.sa-field.toggle p{font-size:.8rem;color:#a8a29e;margin:.15rem 0 0}.sa-toggle{font-size:2rem;background:none;border:none;cursor:pointer;color:#44403c;transition:color .2s ease;padding:0;display:flex;align-items:center}.sa-toggle.on{color:#4ade80}@media(max-width:768px){.sa-settings .sa-page-header{flex-direction:column;gap:1rem}.sa-field.toggle{flex-direction:column;align-items:flex-start;gap:.75rem}}.sa-msg-select-wrapper{position:relative;display:flex;align-items:center;width:100%;max-width:400px}.sa-msg-select-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:18px!important;height:18px!important;color:#22c55e;pointer-events:none;z-index:1}.sa-msg-select{width:100%;padding:.7rem 2.2rem .7rem 2.5rem;background-color:#1a1a1a;border:1px solid #44403c;border-radius:10px;color:#f5f5f4;font-size:.9rem;font-family:inherit;outline:none;cursor:pointer;transition:border-color .2s ease;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23a8a29e' 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-repeat:no-repeat;background-position:right 12px center}.sa-msg-select option{background:#1a1a1a;color:#f5f5f4;padding:.5rem}.sa-msg-select:focus{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a}.sa-msg-textarea{width:100%;max-width:600px;padding:.75rem 1rem;background-color:#1a1a1a;border:1px solid #44403c;border-radius:10px;color:#f5f5f4;font-size:.9rem;font-family:inherit;outline:none;resize:vertical;min-height:80px;transition:border-color .2s ease;box-sizing:border-box}.sa-msg-textarea:focus{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a}.sa-msg-textarea::placeholder{color:#78716c}.sa-msg-send-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.sa-msg-send-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.2rem;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit}.sa-msg-send-btn:hover:not(:disabled){background:linear-gradient(135deg,#4ade80,#22c55e);transform:translateY(-1px);box-shadow:0 4px 12px #22c55e4d}.sa-msg-send-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.sa-msg-send-btn.success{background:linear-gradient(135deg,#22c55e,#16a34a)}.sa-msg-hint{font-size:.78rem;color:#a8a29e}.sa-msg-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:sa-msg-spin .6s linear infinite}@keyframes sa-msg-spin{to{transform:rotate(360deg)}}.sa-msg-history{display:flex;flex-direction:column;gap:.5rem}.sa-msg-item{background:#1a1a1a;border:1px solid #3f3f46;border-radius:10px;padding:1rem;transition:border-color .2s}.sa-msg-item:hover{border-color:#57534e}.sa-msg-item-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.5rem}.sa-msg-item-left{display:flex;flex-direction:column;gap:.35rem;min-width:0}.sa-msg-item-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.sa-msg-target-badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;font-weight:600;padding:.2rem .55rem;border-radius:999px;width:fit-content}.sa-msg-target-badge.all{background:#3b82f61f;color:#60a5fa}.sa-msg-target-badge.user{background:#a855f71f;color:#c084fc}.sa-msg-item-subject{font-size:.92rem;font-weight:600;color:#f5f5f4;margin:0}.sa-msg-item-time{font-size:.75rem;color:#a8a29e;white-space:nowrap}.sa-msg-delete-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:4px;width:auto!important;height:auto!important;padding:5px 10px!important;border-radius:6px;border:1px solid rgba(220,38,38,.35);background:#dc26260f;color:#fca5a5;cursor:pointer;font-size:.78rem;font-weight:500;font-family:inherit;transition:all .15s;white-space:nowrap}.sa-msg-delete-btn svg{width:14px!important;height:14px!important;flex-shrink:0}.sa-msg-delete-btn:hover{border-color:#dc2626;color:#f87171;background:#dc26261f}.sa-msg-item-body{font-size:.85rem;color:#d6d3d1;margin:0;line-height:1.5;white-space:pre-wrap}@media(max-width:768px){.sa-msg-select-wrapper,.sa-msg-select,.sa-msg-textarea{max-width:100%}.sa-msg-send-row{flex-direction:column;align-items:flex-start}.sa-msg-item-header{flex-direction:column}.sa-ticket-chat{height:55vh}.sa-ticket-chat-header{flex-direction:column;gap:.5rem}}.sa-ticket-count-badge{margin-left:auto;padding:.2rem .65rem;background:#ef44441f;color:#f87171;font-size:.75rem;font-weight:600;border-radius:8px}.sa-ticket-list{display:flex;flex-direction:column}.sa-ticket-empty{color:#78716c;font-size:.9rem;padding:1.5rem 0;text-align:center}.sa-ticket-row{display:flex;align-items:center;justify-content:space-between;padding:.85rem .5rem;border-bottom:1px solid rgba(63,63,70,.4);cursor:pointer;border-radius:6px;transition:background .15s}.sa-ticket-row:hover{background:#f59e0b0a}.sa-ticket-row:last-child{border-bottom:none}.sa-ticket-row-left{display:flex;align-items:center;gap:.75rem;min-width:0;flex:1}.sa-ticket-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.sa-ticket-subject{font-size:.9rem;font-weight:600;color:#f5f5f4;margin:0 0 .1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sa-ticket-meta{font-size:.76rem;color:#a8a29e;margin:0}.sa-ticket-badge{padding:.2rem .6rem;border-radius:6px;font-size:.72rem;font-weight:600;text-transform:capitalize;white-space:nowrap;flex-shrink:0}.sa-ticket-badge.open{background:#0ea5e91f;color:#38bdf8}.sa-ticket-badge.in-progress{background:#f59e0b1f;color:#fbbf24}.sa-ticket-badge.resolved{background:#22c55e1f;color:#4ade80}.sa-ticket-badge.closed{background:#6b72801f;color:#9ca3af}.sa-ticket-chat{display:flex;flex-direction:column;height:65vh;max-height:550px;border:1px solid #3f3f46;border-radius:10px;overflow:hidden;background:#141414}.sa-ticket-chat-header{display:flex;align-items:center;gap:1rem;padding:.85rem 1rem;border-bottom:1px solid #3f3f46;background:#1c1917}.sa-ticket-back-btn{background:none;border:none;color:#22c55e;font-size:.85rem;font-weight:600;cursor:pointer;padding:0;white-space:nowrap}.sa-ticket-chat-info{flex:1;min-width:0}.sa-ticket-chat-info h4{font-size:.95rem;font-weight:600;color:#f5f5f4;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sa-ticket-chat-info span{font-size:.78rem;color:#a8a29e}.sa-ticket-chat-actions{display:flex;gap:.5rem}.sa-ticket-resolve-btn,.sa-ticket-reopen-btn{display:flex;align-items:center;gap:.35rem;padding:.4rem .85rem;border-radius:7px;border:none;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit}.sa-ticket-resolve-btn{background:#22c55e1f;color:#4ade80}.sa-ticket-resolve-btn:hover{background:#22c55e38}.sa-ticket-reopen-btn{background:#0ea5e91f;color:#38bdf8}.sa-ticket-reopen-btn:hover{background:#0ea5e938}.sa-ticket-resolve-btn svg,.sa-ticket-reopen-btn svg{width:14px!important;height:14px!important}.sa-ticket-chat-messages{flex:1;overflow-y:auto;padding:1.25rem;display:flex;flex-direction:column;gap:.75rem}.sa-ticket-bubble{max-width:75%;padding:.7rem 1rem;border-radius:12px;font-size:.88rem}.sa-ticket-bubble.admin{align-self:flex-end;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border-bottom-right-radius:4px}.sa-ticket-bubble.user{align-self:flex-start;background:#292524;color:#f5f5f4;border-bottom-left-radius:4px}.sa-ticket-bubble-head{display:flex;justify-content:space-between;gap:.75rem;margin-bottom:.2rem}.sa-ticket-bubble-head strong{font-size:.76rem}.sa-ticket-bubble-head span{font-size:.7rem;opacity:.7}.sa-ticket-bubble p{margin:0;line-height:1.45;white-space:pre-wrap;word-break:break-word}.sa-ticket-chat-input{display:flex;align-items:flex-end;gap:.5rem;padding:.75rem 1rem;border-top:1px solid #3f3f46;background:#1c1917}.sa-ticket-chat-input textarea{flex:1;padding:.6rem .85rem;background:#292524;border:1px solid #44403c;border-radius:8px;color:#f5f5f4;font-size:.88rem;font-family:inherit;outline:none;resize:none;min-height:38px;max-height:100px}.sa-ticket-chat-input textarea:focus{border-color:#22c55e}.sa-ticket-send-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;border-radius:10px;cursor:pointer;transition:all .2s;flex-shrink:0;padding:0!important;overflow:visible}.sa-ticket-send-btn svg{width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;display:block!important;flex-shrink:0!important;stroke:#fff!important;stroke-width:2!important;fill:none!important}.sa-ticket-send-btn:hover{background:linear-gradient(135deg,#16a34a,#15803d);transform:translateY(-1px);box-shadow:0 4px 12px #22c55e4d}.sa-ticket-send-btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.sa-send-label{display:none;font-size:1.2rem;line-height:1}.sa-ticket-send-btn svg:empty~.sa-send-label,.sa-ticket-send-btn svg[width='"0"']~.sa-send-label{display:block}.sa-ticket-resolved-bar{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem;background:#22c55e0f;border-top:1px solid rgba(34,197,94,.15);color:#4ade80;font-size:.85rem;font-weight:500}.sa-ticket-resolved-bar svg{width:16px!important;height:16px!important}.dev-page{width:100%}.dev-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.dev-header h1{display:flex;align-items:center;gap:.6rem;font-size:1.6rem;font-weight:700;color:#f5f5f4;margin:0 0 .25rem}.dev-header p{color:#57534e;font-size:.9rem;margin:0}.dev-add-btn{display:inline-flex;align-items:center;gap:.45rem;background:linear-gradient(135deg,#dc2626,#991b1b);border:none;border-radius:10px;color:#fff;font-size:.88rem;font-weight:600;padding:.65rem 1.3rem;cursor:pointer;font-family:inherit;transition:all .2s}.dev-add-btn:hover{opacity:.88;transform:translateY(-1px);box-shadow:0 4px 14px #dc26264d}.dev-setup-btn{display:inline-flex;align-items:center;gap:.45rem;background:#0ea5e91a;border:1px solid rgba(14,165,233,.3);border-radius:10px;color:#38bdf8;font-size:.88rem;font-weight:600;padding:.65rem 1.3rem;cursor:pointer;font-family:inherit;transition:all .2s}.dev-setup-btn:hover{background:#0ea5e933}.dev-webhook-bar{display:flex;flex-direction:column;gap:.4rem;padding:.75rem 1.1rem;border-radius:10px;background:#0ea5e90d;border:1px solid rgba(14,165,233,.15);margin-bottom:1.5rem}.dev-webhook-label{font-size:.78rem;font-weight:600;color:#57534e}.dev-webhook-url-box{display:flex;align-items:center;gap:.5rem;background:#0a0a0a;border:1px solid #292524;border-radius:8px;padding:.45rem .75rem}.dev-webhook-url{flex:1;font-size:.82rem;color:#38bdf8;word-break:break-all;font-family:SF Mono,Fira Code,monospace}.dev-copy-btn{background:transparent;border:none;color:#57534e;cursor:pointer;padding:.25rem;border-radius:4px;display:inline-flex;align-items:center;transition:color .2s}.dev-copy-btn:hover{color:#38bdf8}.dev-form-hint{font-size:.72rem;color:#57534e;margin-top:.1rem}.dev-setup-modal{max-width:600px}.dev-setup-content h3{font-size:.95rem;font-weight:700;color:#f5f5f4;margin:.75rem 0 .35rem;padding-top:.5rem;border-top:1px solid #1c1917}.dev-setup-content h3:first-child{border-top:none;padding-top:0;margin-top:0}.dev-setup-content p{font-size:.85rem;color:#a8a29e;margin:0;line-height:1.55}.dev-setup-content ol{margin:.4rem 0;padding-left:1.3rem;font-size:.85rem;color:#d6d3d1;line-height:1.7}.dev-setup-content code{background:#0ea5e91a;color:#38bdf8;padding:.1rem .4rem;border-radius:4px;font-size:.82rem}.dev-setup-url-box{display:flex;align-items:center;gap:.5rem;background:#0a0a0a;border:1px solid #292524;border-radius:8px;padding:.6rem .85rem;margin:.4rem 0 .75rem}.dev-setup-url-box code{flex:1;word-break:break-all;background:none;padding:0;font-family:SF Mono,Fira Code,monospace}.dev-setup-note{display:flex;align-items:center;gap:.5rem;background:#22c55e14;border:1px solid rgba(34,197,94,.25);border-radius:8px;padding:.75rem 1rem;font-size:.82rem;color:#4ade80;margin-top:.5rem}.dev-setup-table{background:#0a0a0a;border:1px solid #292524;border-radius:8px;overflow:hidden;margin:.5rem 0}.dev-setup-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem .85rem;font-size:.82rem;border-bottom:1px solid #1c1917}.dev-setup-row:last-child{border-bottom:none}.dev-setup-field{color:#a8a29e;font-weight:500}.dev-setup-val{color:#d6d3d1;font-weight:600}.dev-setup-val code{background:#22c55e1f;color:#4ade80;padding:.1rem .4rem;border-radius:4px}.dev-bridge-banner{display:flex;align-items:center;gap:.6rem;padding:.75rem 1.1rem;border-radius:10px;font-size:.85rem;font-weight:500;margin-bottom:1.5rem}.dev-bridge-banner.online{background:#22c55e14;border:1px solid rgba(34,197,94,.25);color:#4ade80}.dev-bridge-banner.offline{background:#ef444414;border:1px solid rgba(239,68,68,.25);color:#fca5a5}.dev-empty{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:4rem 2rem;color:#57534e;text-align:center}.dev-empty svg{font-size:3rem;color:#292524}.dev-empty h3{color:#a8a29e;margin:0}.dev-empty p{margin:0;font-size:.88rem}.dev-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1rem}.dev-card{background:#141414;border:1px solid #1c1917;border-radius:14px;overflow:hidden;transition:border-color .2s}.dev-card:hover{border-color:#292524}.dev-card.disabled{opacity:.55}.dev-card-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem .75rem;border-bottom:1px solid #1c1917}.dev-card-title{display:flex;align-items:center;gap:.5rem}.dev-card-title h3{margin:0;font-size:1rem;font-weight:600;color:#f5f5f4}.dev-card-actions{display:flex;gap:.35rem}.dev-icon-btn{width:30px;height:30px;border-radius:7px;border:1px solid #292524;background:transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;transition:all .2s}.dev-icon-btn svg{width:14px;height:14px}.dev-icon-btn.edit{color:#60a5fa;border-color:#60a5fa4d}.dev-icon-btn.edit:hover{background:#60a5fa1a;border-color:#3b82f6}.dev-icon-btn.sync{color:#4ade80;border-color:#22c55e4d}.dev-icon-btn.sync:hover{background:#22c55e1a;border-color:#22c55e}.dev-icon-btn.delete{color:#f87171;border-color:#ef44444d}.dev-icon-btn.delete:hover{background:#ef44441a;border-color:#ef4444}.spin{animation:dev-spin .8s linear infinite}@keyframes dev-spin{to{transform:rotate(360deg)}}.dev-card-body{padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.5rem}.dev-info-row{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.dev-info-label{color:#57534e}.dev-info-value{color:#d6d3d1;font-weight:500}.dev-status-dot{display:inline-block;width:9px;height:9px;border-radius:50%;flex-shrink:0}.dev-status-dot.online{background:#22c55e;box-shadow:0 0 6px #22c55e80}.dev-status-dot.error{background:#ef4444;box-shadow:0 0 6px #ef444480}.dev-status-dot.pending{background:#f59e0b}.dev-status-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .6rem;border-radius:50px;font-size:.78rem;font-weight:600}.dev-status-badge.online{background:#22c55e1f;color:#4ade80}.dev-status-badge.error{background:#ef44441f;color:#f87171}.dev-status-badge.pending{background:#f59e0b1f;color:#fbbf24}.dev-error-msg{display:flex;align-items:center;gap:.4rem;font-size:.78rem;color:#fca5a5;background:#ef44440f;border-radius:6px;padding:.4rem .6rem}.dev-card-footer{padding:.75rem 1.25rem;border-top:1px solid #1c1917}.dev-toggle{display:flex;align-items:center;gap:.6rem;cursor:pointer;font-size:.82rem;color:#a8a29e;-webkit-user-select:none;user-select:none}.dev-toggle input{display:none}.dev-toggle-slider{width:36px;height:20px;background:#292524;border-radius:10px;position:relative;transition:background .2s;flex-shrink:0}.dev-toggle-slider:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#57534e;transition:all .2s}.dev-toggle input:checked+.dev-toggle-slider{background:#22c55e4d}.dev-toggle input:checked+.dev-toggle-slider:after{left:18px;background:#22c55e}.dev-modal-overlay{position:fixed;inset:0;background:#000000a6;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.dev-modal{background:#141414;border:1px solid #1c1917;border-radius:16px;width:100%;max-width:520px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.dev-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #1c1917}.dev-modal-header h2{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:600;color:#f5f5f4;margin:0}.dev-close-btn{background:transparent;border:none;color:#57534e;cursor:pointer;font-size:1.1rem;padding:.25rem;border-radius:6px}.dev-close-btn:hover{color:#f5f5f4}.dev-modal-body{flex:1;overflow-y:auto;padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:1rem}.dev-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #1c1917}.dev-form-group{display:flex;flex-direction:column;gap:.35rem}.dev-form-group label{font-size:.78rem;font-weight:600;color:#a8a29e}.dev-form-group input,.dev-form-group select{background:#0a0a0a;border:1px solid #292524;border-radius:8px;color:#f5f5f4;padding:.6rem .85rem;font-size:.88rem;font-family:inherit;outline:none;transition:border-color .2s}.dev-form-group input:focus,.dev-form-group select:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261f}.dev-form-group input::placeholder{color:#57534e}.dev-form-group select option{background:#141414;color:#f5f5f4}.dev-form-row{display:flex;gap:.75rem}.dev-form-row .dev-form-group{flex:1}.dev-test-section{display:flex;flex-direction:column;gap:.5rem}.dev-test-btn{display:inline-flex;align-items:center;gap:.4rem;align-self:flex-start;background:#0ea5e91a;border:1px solid rgba(14,165,233,.3);border-radius:8px;color:#38bdf8;padding:.5rem 1rem;font-size:.85rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .2s}.dev-test-btn:hover{background:#0ea5e933}.dev-test-btn:disabled{opacity:.5;cursor:not-allowed}.dev-test-result{display:flex;align-items:center;gap:.4rem;padding:.55rem .85rem;border-radius:8px;font-size:.82rem;font-weight:500}.dev-test-result.success{background:#22c55e1a;border:1px solid rgba(34,197,94,.25);color:#4ade80}.dev-test-result.fail{background:#ef44441a;border:1px solid rgba(239,68,68,.25);color:#fca5a5}.dev-cancel-btn{background:transparent;border:1px solid #292524;border-radius:8px;color:#a8a29e;padding:.6rem 1.2rem;font-size:.88rem;font-weight:500;cursor:pointer;font-family:inherit;transition:all .2s}.dev-cancel-btn:hover{border-color:#57534e;color:#f5f5f4}.dev-save-btn{background:linear-gradient(135deg,#dc2626,#991b1b);border:none;border-radius:8px;color:#fff;padding:.6rem 1.4rem;font-size:.88rem;font-weight:600;cursor:pointer;font-family:inherit;transition:opacity .2s}.dev-save-btn:disabled{opacity:.5;cursor:not-allowed}.dev-delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;color:#fff;padding:.6rem 1.4rem;font-size:.88rem;font-weight:600;cursor:pointer;font-family:inherit}.dev-confirm{background:#141414;border:1px solid #1c1917;border-radius:16px;padding:2rem 2.5rem;max-width:400px;width:100%;text-align:center}.dev-confirm-icon{font-size:2.5rem;color:#ef4444;margin-bottom:.75rem}.dev-confirm h3{font-size:1.1rem;font-weight:600;color:#f5f5f4;margin:0 0 .5rem}.dev-confirm p{font-size:.88rem;color:#57534e;margin:0 0 1.5rem}.dev-confirm-btns{display:flex;gap:.75rem;justify-content:center}@media(max-width:640px){.dev-header{flex-direction:column}.dev-grid{grid-template-columns:1fr}.dev-form-row{flex-direction:column}}.sar-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;color:#a8a29e;gap:1rem}.sar-spinner{width:40px;height:40px;border:3px solid #292524;border-top-color:#dc2626;border-radius:50%;animation:sar-spin .7s linear infinite}@keyframes sar-spin{to{transform:rotate(360deg)}}.sar-page{width:100%}.sar-filters{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.sar-search-box{display:flex;align-items:center;gap:.5rem;background:#141414;border:1px solid #1c1917;border-radius:10px;padding:.55rem .85rem;flex:1 1 240px;color:#a8a29e;transition:border-color .2s}.sar-search-box:focus-within{border-color:#dc2626}.sar-search-box input{background:transparent;border:none;outline:none;color:#f5f5f4;font-size:.9rem;width:100%}.sar-search-box input::placeholder{color:#57534e}.sar-date-range{display:flex;align-items:center;gap:.5rem;background:#141414;border:1px solid #1c1917;border-radius:10px;padding:.55rem .85rem;color:#a8a29e;font-size:.85rem;transition:border-color .2s}.sar-date-range:focus-within{border-color:#dc2626}.sar-date-range input[type=date]{background:transparent;border:none;outline:none;color:#f5f5f4;font-size:.85rem;font-family:inherit}.sar-date-range input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.7)}.sar-date-range span{color:#57534e}.sar-quick-filters{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.sar-pill{background:#1a1a1a;border:1px solid #292524;color:#a8a29e;border-radius:20px;padding:.35rem .85rem;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}.sar-pill:hover{border-color:#dc2626;color:#f5f5f4}.sar-pill-active{background:linear-gradient(135deg,#dc2626,#991b1b);border-color:#dc2626;color:#fff}.sar-clear-dates{background:transparent;border:none;color:#57534e;cursor:pointer;padding:.25rem;display:flex;align-items:center;border-radius:4px;transition:color .2s}.sar-clear-dates:hover{color:#dc2626}.sar-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1rem;color:#57534e;text-align:center}.sar-empty h3{margin:1rem 0 .25rem;color:#a8a29e;font-size:1.15rem}.sar-empty p{color:#57534e;font-size:.9rem}.sar-school-card{background:#141414;border:1px solid #1c1917;border-radius:14px;margin-bottom:1rem;overflow:hidden;transition:border-color .2s}.sar-school-card:hover{border-color:#292524}.sar-school-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;cursor:pointer;-webkit-user-select:none;user-select:none;color:#f5f5f4;transition:background .15s}.sar-school-header:hover{background:#1a1a1a}.sar-school-left{display:flex;align-items:center;gap:.75rem}.sar-school-left h3{margin:0;font-size:1.05rem;font-weight:600;color:#f5f5f4}.sar-file-tag{font-size:.75rem;color:#57534e}.sar-school-stats{display:flex;gap:.5rem;flex-wrap:wrap}.sar-badge{display:inline-flex;align-items:center;gap:4px;padding:.25rem .6rem;border-radius:8px;font-size:.78rem;font-weight:500}.sar-badge-learners{background:#dc26261f;color:#f87171}.sar-badge-present{background:#22c55e1f;color:#4ade80}.sar-badge-absent{background:#f973161f;color:#fb923c}.sar-school-body{padding:0 1.25rem 1.25rem}.sar-no-data{color:#57534e;font-size:.9rem;text-align:center;padding:2rem 0}.sar-export-bar{display:flex;gap:.5rem;margin-bottom:.75rem}.sar-export-bar button{display:inline-flex;align-items:center;gap:5px;background:linear-gradient(135deg,#dc2626,#991b1b);color:#fff;border:none;border-radius:8px;padding:.45rem .9rem;font-size:.8rem;font-weight:600;cursor:pointer;transition:opacity .2s}.sar-export-bar button:hover{opacity:.85}.sar-table-wrap{overflow-x:auto;border-radius:10px;border:1px solid #1c1917}.sar-table{width:100%;border-collapse:collapse;font-size:.85rem}.sar-table thead{background:#0a0a0a}.sar-table th{padding:.65rem .75rem;text-align:left;color:#a8a29e;font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #1c1917;white-space:nowrap}.sar-table td{padding:.6rem .75rem;color:#d6d3d1;border-bottom:1px solid #1c1917;white-space:nowrap}.sar-table tbody tr:hover{background:#1a1a1a}.sar-table tbody tr:last-child td{border-bottom:none}.sar-status{display:inline-block;padding:.2rem .55rem;border-radius:6px;font-size:.78rem;font-weight:600}.sar-present{background:#22c55e26;color:#4ade80}.sar-absent{background:#f9731626;color:#fb923c}.sar-time-in{color:#4ade80;font-weight:600;font-variant-numeric:tabular-nums}.sar-time-out{color:#fb923c;font-weight:600;font-variant-numeric:tabular-nums}@media(max-width:768px){.sar-school-header{flex-direction:column;align-items:flex-start;gap:.5rem}.sar-school-stats{width:100%}.sar-filters{flex-direction:column}}.sa-popia-page{width:100%}.sa-popia-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.sa-popia-header h1{font-size:1.75rem;font-weight:700;color:#f5f5f4;margin:0 0 .25rem;display:flex;align-items:center;gap:.5rem}.sa-popia-title-icon{color:#0ea5e9;font-size:1.5rem}.sa-popia-header p{font-size:.9rem;color:#57534e;margin:0}.sa-popia-header p strong{color:#a8a29e}.sa-popia-back-btn{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;color:#78716c;background:none;border:none;cursor:pointer;padding:0;margin-bottom:.75rem;font-family:inherit;transition:color .2s}.sa-popia-back-btn:hover{color:#0ea5e9}.sa-popia-download-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1rem;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;border:none;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;font-family:inherit;flex-shrink:0;margin-top:1rem;transition:all .2s ease}.sa-popia-download-btn:hover{background:linear-gradient(135deg,#38bdf8,#0ea5e9);transform:translateY(-1px);box-shadow:0 4px 12px #0ea5e94d}.sa-popia-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.sa-popia-stat{display:flex;align-items:center;gap:1rem;background:#141414;border:1px solid #1c1917;border-radius:14px;padding:1.1rem 1.25rem;transition:border-color .2s}.sa-popia-stat:hover{border-color:#292524}.sa-popia-stat-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.sa-popia-stat-icon.green{background:#22c55e1f;color:#22c55e}.sa-popia-stat-icon.blue{background:#0ea5e91f;color:#0ea5e9}.sa-popia-stat-icon.purple{background:#8b5cf61f;color:#a78bfa}.sa-popia-stat-value{display:block;font-size:1.35rem;font-weight:700;color:#f5f5f4;line-height:1.2}.sa-popia-stat-label{display:block;font-size:.78rem;color:#78716c;margin-top:.1rem}.sa-popia-search-bar{position:relative;margin-bottom:1.5rem;max-width:420px}.sa-popia-search-bar input{width:100%;padding:.65rem .75rem .65rem 2.5rem;border-radius:8px;border:1px solid #1c1917;background:#141414;color:#f5f5f4;font-size:.9rem;outline:none;font-family:inherit;box-sizing:border-box;transition:border-color .2s}.sa-popia-search-bar input:focus{border-color:#0ea5e9}.sa-popia-search-icon{position:absolute;top:50%;left:.75rem;transform:translateY(-50%);color:#44403c;font-size:1.1rem;pointer-events:none}.sa-popia-search-clear{position:absolute;right:.6rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#57534e;cursor:pointer;padding:.2rem;display:flex;align-items:center;border-radius:4px;transition:color .15s}.sa-popia-search-clear:hover{color:#f5f5f4}.sa-popia-table-wrap{background:#141414;border:1px solid #1c1917;border-radius:14px;overflow:hidden}.sa-popia-table{width:100%;border-collapse:collapse}.sa-popia-table thead{background:#0f0f0f}.sa-popia-table th{text-align:left;padding:.85rem 1rem;font-size:.78rem;font-weight:600;color:#78716c;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #1c1917}.sa-popia-table td{padding:.85rem 1rem;font-size:.88rem;color:#e7e5e4;border-bottom:1px solid rgba(28,25,23,.5)}.sa-popia-row{transition:background-color .15s}.sa-popia-row:hover{background:#0ea5e90a}.sa-popia-company-cell{display:flex;align-items:center;gap:.65rem}.sa-popia-company-icon{width:34px;height:34px;border-radius:8px;background:#0ea5e91f;color:#0ea5e9;display:flex;align-items:center;justify-content:center;font-size:.95rem;flex-shrink:0}.sa-popia-name-cell{display:flex;align-items:center;gap:.5rem}.sa-popia-cell-icon{color:#57534e;font-size:.85rem}.sa-popia-muted{color:#78716c}.sa-popia-date{display:flex;align-items:center;gap:.35rem;color:#78716c;font-size:.82rem}.sa-popia-version-badge{display:inline-block;padding:.18rem .55rem;font-size:.72rem;font-weight:600;background:#22c55e1f;color:#22c55e;border-radius:999px}.sa-popia-actions{display:flex;align-items:center;gap:.25rem;justify-content:flex-end}.sa-popia-action-btn{width:32px;height:32px;border-radius:6px;border:none;background:transparent;color:#78716c;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;transition:all .15s}.sa-popia-action-btn:hover{background:#292524;color:#f5f5f4}.sa-popia-no-pdf{font-size:.75rem;color:#57534e;font-style:italic}.sa-popia-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:#57534e;gap:.5rem}.sa-popia-empty svg{font-size:2rem}.sa-popia-pdf-viewer{margin-top:1rem;border-radius:14px;overflow:hidden;border:1px solid #1c1917;background:#141414}.sa-popia-pdf-frame{width:100%;height:calc(100vh - 200px);min-height:500px;border:none;background:#fff}@media(max-width:768px){.sa-popia-header{flex-direction:column;gap:1rem}.sa-popia-table-wrap{overflow-x:auto}.sa-popia-table{min-width:800px}.sa-popia-stats{grid-template-columns:1fr}.sa-popia-search-bar{max-width:100%}}.enroll-page{padding:1.5rem;max-width:1100px;margin:0 auto}.enroll-header{margin-bottom:1.5rem}.enroll-header h1{font-size:1.5rem;font-weight:700;color:#e7e5e4;display:flex;align-items:center;gap:.5rem}.enroll-header p{color:#a8a29e;font-size:.9rem;margin-top:.2rem}.enroll-browser-warn{display:flex;align-items:flex-start;gap:.8rem;background:#f871710f;border:1px solid rgba(248,113,113,.2);border-radius:12px;padding:1.1rem 1.3rem;margin-bottom:1rem;color:#fca5a5;font-size:.88rem}.enroll-browser-warn>svg{flex-shrink:0;margin-top:.15rem;font-size:1.2rem}.enroll-browser-warn strong{color:#fca5a5;display:block;margin-bottom:.3rem;font-size:.95rem}.enroll-browser-warn p{margin:0;color:#94a3b8;line-height:1.5}.enroll-scanner-bar{display:flex;align-items:center;gap:.6rem;padding:.75rem 1rem;border-radius:10px;font-size:.88rem;font-weight:500;margin-bottom:1rem}.enroll-scanner-bar.connected{background:#4ade8014;border:1px solid rgba(74,222,128,.2);color:#4ade80}.enroll-scanner-bar.disconnected{background:#fb923c14;border:1px solid rgba(251,146,60,.2);color:#fb923c}.enroll-scanner-bar.error{background:#f8717114;border:1px solid rgba(248,113,113,.2);color:#f87171}.enroll-scanner-bar.detecting{background:#60a5fa14;border:1px solid rgba(96,165,250,.2);color:#60a5fa}.enroll-scanner-bar-info{display:flex;flex-direction:column;gap:.1rem;flex:1;min-width:0}.enroll-scanner-bar-title{font-size:.9rem;font-weight:600;color:#4ade80}.enroll-scanner-bar-detail{font-size:.78rem;font-weight:400;color:#78716c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.enroll-scanner-bar-serial{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;font-weight:600;color:#a8a29e;font-family:JetBrains Mono,Fira Code,monospace;background:#ffffff0a;padding:.15rem .5rem;border-radius:4px;margin-top:.15rem;letter-spacing:.3px}.enroll-reconnect-btn{margin-left:auto;display:flex;align-items:center;gap:.3rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#d6d3d1;padding:.4rem .8rem;border-radius:7px;cursor:pointer;font-size:.82rem;font-weight:500;transition:all .15s ease;flex-shrink:0;font-family:inherit}.enroll-reconnect-btn:hover{background:#ffffff1a}.enroll-reconnect-btn.connect-btn{background:#60a5fa26;border-color:#60a5fa4d;color:#60a5fa}.enroll-reconnect-btn.connect-btn:hover{background:#60a5fa40}.enroll-reconnect-btn:disabled{opacity:.5;cursor:not-allowed}.enroll-reconnect-btn svg.spin{animation:enrollSpin .8s linear infinite}.enroll-spinner-sm{width:16px;height:16px;border:2px solid rgba(255,255,255,.15);border-top-color:currentColor;border-radius:50%;animation:enrollSpin .7s linear infinite;flex-shrink:0}.enroll-setup-guide{display:flex;align-items:flex-start;gap:.8rem;background:#60a5fa0f;border:1px solid rgba(96,165,250,.15);border-radius:12px;padding:1.1rem 1.3rem;margin-bottom:1rem;color:#93c5fd;font-size:.88rem}.enroll-setup-guide>svg{flex-shrink:0;margin-top:.15rem;font-size:1.1rem}.enroll-setup-guide strong{color:#bfdbfe;display:block;margin-bottom:.6rem;font-size:.95rem}.enroll-setup-steps{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.8rem}.enroll-setup-step{display:flex;align-items:flex-start;gap:.6rem}.enroll-step-num{width:24px;height:24px;border-radius:50%;background:#60a5fa26;color:#60a5fa;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0;margin-top:.05rem}.enroll-setup-step p{margin:0;color:#94a3b8;line-height:1.5;font-size:.85rem}.enroll-setup-step p strong{color:#e2e8f0;display:inline;margin:0;font-size:inherit}.enroll-setup-note{display:flex;align-items:center;gap:.4rem;margin:0;color:#64748b;font-size:.8rem;padding-top:.5rem;border-top:1px solid rgba(96,165,250,.1)}.enroll-import-select{margin-bottom:1.2rem}.enroll-import-select label{display:block;font-size:.85rem;font-weight:500;color:#a8a29e;margin-bottom:.4rem}.enroll-import-select select{width:100%;padding:.6rem .8rem;background:#1c1917;border:1px solid #292524;border-radius:8px;color:#e7e5e4;font-size:.9rem;appearance:none;cursor:pointer;font-family:inherit}.enroll-import-select select:focus{outline:none;border-color:#4ade80}.enroll-stats-bar{display:flex;align-items:center;gap:1rem;padding:.6rem 0;margin-bottom:.8rem;flex-wrap:wrap}.enroll-stat{display:flex;align-items:center;gap:.3rem;font-size:.85rem;font-weight:500;color:#a8a29e}.enroll-stat.enrolled{color:#4ade80}.enroll-stat.pending{color:#fb923c}.enroll-search{display:flex;align-items:center;gap:.4rem;background:#1c1917;border:1px solid #292524;border-radius:8px;padding:.4rem .6rem;margin-left:auto;color:#78716c}.enroll-search input{background:none;border:none;outline:none;color:#e7e5e4;font-size:.85rem;width:160px}.enroll-search input::placeholder{color:#57534e}.enroll-learner-list{display:flex;flex-direction:column;gap:.4rem}.enroll-learner-row{display:flex;align-items:center;gap:.8rem;padding:.7rem 1rem;background:#1c1917;border:1px solid #292524;border-radius:10px;transition:all .15s ease}.enroll-learner-row:hover{border-color:#3f3f46}.enroll-learner-row.enrolled{border-color:#4ade8026}.enroll-learner-info{flex:1;min-width:0}.enroll-learner-name{display:block;font-size:.92rem;font-weight:500;color:#e7e5e4}.enroll-learner-fpid{display:block;font-size:.78rem;color:#78716c;font-family:JetBrains Mono,monospace}.enroll-learner-status{flex-shrink:0}.enroll-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .6rem;border-radius:20px;font-size:.78rem;font-weight:500}.enroll-badge.done{background:#4ade801a;color:#4ade80}.enroll-badge.pending{background:#fb923c1a;color:#fb923c}.enroll-scan-btn{display:flex;align-items:center;gap:.3rem;padding:.45rem .9rem;background:linear-gradient(135deg,#4ade80,#22c55e);border:none;border-radius:7px;color:#052e16;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s ease;flex-shrink:0;font-family:inherit}.enroll-scan-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #4ade804d}.enroll-scan-btn.re-enroll{background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#1e3a5f}.enroll-scan-btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.enroll-empty{text-align:center;padding:3rem 1rem;color:#57534e}.enroll-empty svg{font-size:2.5rem;margin-bottom:.8rem;opacity:.4}.enroll-empty h3{color:#a8a29e;font-size:1.1rem;margin-bottom:.3rem}.enroll-empty p{font-size:.88rem}.enroll-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.enroll-modal{background:#1c1917;border:1px solid #292524;border-radius:16px;width:100%;max-width:460px;box-shadow:0 25px 60px #00000080;overflow:hidden}.enroll-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.2rem;border-bottom:1px solid #292524}.enroll-modal-header h2{font-size:1.1rem;font-weight:600;color:#e7e5e4;display:flex;align-items:center;gap:.4rem}.enroll-close-btn{background:none;border:none;color:#78716c;cursor:pointer;padding:.3rem;border-radius:6px;display:flex;font-size:1.1rem}.enroll-close-btn:hover{background:#ffffff0d;color:#d6d3d1}.enroll-modal-body{padding:1.5rem 1.2rem}.enroll-learner-card{text-align:center;padding:.8rem;background:#ffffff08;border-radius:10px;margin-bottom:1.5rem}.enroll-learner-card h3{font-size:1.15rem;color:#e7e5e4;margin-bottom:.2rem}.enroll-learner-card span{font-size:.82rem;color:#78716c;font-family:JetBrains Mono,monospace}.enroll-step{text-align:center;padding:1rem 0}.enroll-step p{color:#a8a29e;font-size:.9rem;margin:.5rem 0;line-height:1.5}.enroll-fingerprint-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-size:2rem;background:#ffffff0a;border:2px solid #3f3f46;color:#78716c;transition:all .3s ease}.enroll-fingerprint-icon.pulsing{border-color:#60a5fa;color:#60a5fa;animation:enrollPulse 1.5s ease-in-out infinite}.enroll-fingerprint-icon.success{border-color:#4ade80;color:#4ade80;background:#4ade8014}.enroll-fingerprint-icon.error{border-color:#f87171;color:#f87171;background:#f8717114}@keyframes enrollPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.7}}.enroll-capture-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.7rem 1.5rem;background:linear-gradient(135deg,#4ade80,#22c55e);border:none;border-radius:10px;color:#052e16;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:.5rem;font-family:inherit}.enroll-capture-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4ade804d}.enroll-waiting-text{font-size:1rem!important;color:#60a5fa!important;font-weight:500}.enroll-spinner{width:32px;height:32px;border:3px solid #292524;border-top-color:#4ade80;border-radius:50%;animation:enrollSpin .8s linear infinite;margin:1rem auto}@keyframes enrollSpin{to{transform:rotate(360deg)}}.enroll-quality{display:flex;align-items:center;gap:.6rem;justify-content:center;margin:.8rem 0;font-size:.85rem;color:#a8a29e}.enroll-quality-bar{width:120px;height:8px;background:#292524;border-radius:4px;overflow:hidden}.enroll-quality-fill{height:100%;border-radius:4px;transition:width .5s ease}.enroll-quality-fill.good{background:#4ade80}.enroll-quality-fill.fair{background:#facc15}.enroll-quality-fill.poor{background:#f87171}.enroll-quality-pct{font-weight:600;font-family:JetBrains Mono,monospace}.enroll-quality-warn{color:#fb923c!important;font-size:.82rem!important;display:flex;align-items:center;justify-content:center;gap:.3rem}.enroll-confirm-btns{display:flex;gap:.6rem;justify-content:center;margin-top:1rem}.enroll-retry-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.55rem 1rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#d6d3d1;font-size:.88rem;font-weight:500;cursor:pointer;transition:all .15s ease;font-family:inherit}.enroll-retry-btn:hover{background:#ffffff1a}.enroll-save-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.55rem 1.2rem;background:linear-gradient(135deg,#4ade80,#22c55e);border:none;border-radius:8px;color:#052e16;font-size:.88rem;font-weight:600;cursor:pointer;transition:all .15s ease;font-family:inherit}.enroll-save-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #4ade804d}.enroll-success-text{color:#4ade80!important;font-size:1.15rem;margin-bottom:.5rem}.enroll-error-text{color:#f87171!important}@media(max-width:640px){.enroll-page{padding:1rem}.enroll-stats-bar{flex-direction:column;align-items:flex-start;gap:.5rem}.enroll-search{margin-left:0;width:100%}.enroll-search input{width:100%}.enroll-learner-row{flex-wrap:wrap}.enroll-scan-btn{width:100%;justify-content:center}.enroll-setup-guide{flex-direction:column}.enroll-scanner-bar{flex-wrap:wrap;gap:.5rem}.enroll-reconnect-btn{margin-left:0;width:100%;justify-content:center}}#root{width:100%;min-height:100vh}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}