.app-layout{display:flex;width:100%;height:100%}.sidebar{width:260px;height:100%;background-color:var(--bg-dark);border-right:1px solid var(--glass-border);padding:1.5rem 1rem;display:flex;flex-direction:column;transition:all .3s ease}.sidebar-header{margin-bottom:2rem;padding:0 1rem}.sidebar-header h1{font-size:1.5rem;font-weight:700;letter-spacing:-.5px}.sidebar-nav{display:flex;flex-direction:column;gap:.5rem;min-height:0;overflow-y:auto}.nav-item{padding:.75rem 1rem;border-radius:8px;color:var(--text-muted);cursor:pointer;transition:all .2s ease;font-weight:500;display:flex;align-items:center;gap:.75rem}.nav-item:hover{background-color:var(--glass-bg);color:var(--text-main)}.nav-item.active{background:linear-gradient(90deg,var(--glass-bg),transparent);color:var(--accent-primary);border-left:3px solid var(--accent-primary)}.sidebar-user{margin-top:auto;padding:1rem;border-top:1px solid var(--glass-border);display:grid;gap:.75rem}.sidebar-user strong,.sidebar-user span{display:block}.sidebar-user strong{color:var(--text-main);font-size:.92rem}.sidebar-user span{color:var(--text-muted);font-size:.78rem}.sidebar-user button,.auth-card button{border:1px solid rgba(139,92,246,.35);border-radius:8px;background:rgba(139,92,246,.16);color:var(--text-main);cursor:pointer;font-weight:700;padding:.65rem .9rem}.sidebar-user-profile{display:block;text-align:left;background:transparent!important;border-color:transparent!important;padding:0!important}.sidebar-user-profile:hover strong{color:var(--accent-primary)}.sidebar-user button:hover,.auth-card button:hover{background:rgba(139,92,246,.24)}.auth-page{width:100vw;min-height:100vh;display:grid;place-items:center;padding:2rem;background:var(--bg-darker);box-sizing:border-box}.auth-card{width:min(420px,100%);display:grid;gap:.8rem;padding:2rem;border:1px solid var(--glass-border);border-radius:8px;background:rgba(17,24,39,.88);box-shadow:0 24px 80px #00000059}.auth-card h1{margin:0;color:var(--text-main)}.auth-card p,.auth-card label{color:var(--text-muted)}.auth-card p{margin:0 0 .75rem}.auth-card label{font-weight:700;font-size:.86rem}.auth-card input{min-height:42px;border:1px solid var(--glass-border);border-radius:8px;background:rgba(3,7,18,.86);color:var(--text-main);padding:0 .85rem}.auth-card button:disabled{cursor:progress;opacity:.65}.auth-link-button{background:transparent!important;border-color:transparent!important;color:var(--accent-primary)!important;text-decoration:underline}.password-rules{display:grid;gap:.3rem;color:var(--text-muted);font-size:.78rem}.password-rules span.ok{color:#34d399}.password-match-error{margin-top:-.45rem;color:#fca5a5;font-size:.88rem;font-weight:600}.totp-input{font-size:1.4rem;font-weight:800;letter-spacing:.45rem;text-align:center}.remember-options{display:flex;flex-wrap:wrap;gap:.55rem}.remember-options button{background:transparent;border:1px solid var(--glass-border);color:var(--text-muted);min-height:40px}.remember-options button.active{border-color:var(--accent-primary);color:var(--accent-primary);background:rgba(139,92,246,.12)}.auth-error{border:1px solid rgba(248,113,113,.35);border-radius:8px;background:rgba(127,29,29,.25);color:#fecaca;padding:.75rem;font-size:.88rem}.auth-success{border:1px solid rgba(52,211,153,.35);border-radius:8px;background:rgba(6,78,59,.22);color:#bbf7d0;padding:.75rem;font-size:.88rem}.profile-view,.profile-detail{max-width:1040px;display:grid;gap:1.5rem}.profile-overview-header,.profile-detail-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:1.2rem;border-bottom:1px solid var(--glass-border)}.profile-overview-header h2,.profile-detail-header h2,.profile-detail h2{margin:0;font-size:1.7rem}.profile-rows{display:grid;gap:1.25rem}.profile-row{display:grid;grid-template-columns:220px minmax(0,1fr);gap:1.5rem;align-items:center}.profile-row>span,.profile-detail label,.profile-detail-row span{color:var(--text-main);font-weight:600}.profile-row-value{min-height:62px;width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 1.2rem;border:1px solid rgba(139,92,246,.24);border-radius:8px;background:rgba(148,163,184,.12);color:var(--text-main);text-align:left}button.profile-row-value{cursor:pointer}.profile-row-value:disabled{cursor:not-allowed;opacity:.7}.profile-row-value strong{font-weight:600}.profile-row-value .profile-placeholder,.profile-detail-row .profile-placeholder{color:var(--text-muted);font-weight:500}.profile-edit-icon{width:24px;height:24px;flex:0 0 auto;color:var(--accent-primary)}.profile-close-button{width:36px;height:36px;display:grid;place-items:center;padding:0;border:0;border-radius:999px;background:rgba(148,163,184,.18);color:var(--text-main);cursor:pointer}.profile-detail .profile-close-button{width:36px;height:36px;padding:0;border:0;border-radius:999px;background:rgba(148,163,184,.18);color:var(--text-main)}.profile-close-icon{width:20px;height:20px}.profile-detail{min-height:min(680px,calc(100vh - 4rem))}.profile-detail-row{display:grid;grid-template-columns:220px minmax(0,1fr);gap:1.5rem;align-items:center}.profile-detail-row strong{font-weight:600}.security-warning{margin:1.8rem 0 1rem;padding:1rem 1.25rem;border:1px solid rgba(245,158,11,.65);border-radius:8px;background:rgba(245,158,11,.22);color:#f8d18b;line-height:1.5}.security-info{margin:1.8rem 0 1rem;padding:1rem 1.25rem;border:1px solid rgba(52,211,153,.28);border-radius:8px;background:rgba(15,23,42,.72);color:var(--text-main);line-height:1.5}.security-info strong{color:#a7f3d0}.security-info ol{margin:.65rem 0 .55rem 1.25rem;padding:0}.security-info li+li{margin-top:.25rem}.security-info span{color:var(--text-muted)}.security-switch-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1rem;border:1px solid rgba(139,92,246,.22);border-radius:8px;background:rgba(3,7,18,.52)}.security-switch-row span{display:block;font-weight:700}.security-switch-row small{display:block;margin-top:.25rem;color:var(--text-muted)}.security-switch{position:relative;display:inline-flex;align-items:center;width:54px;height:30px;flex:0 0 auto;cursor:pointer}.security-switch input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.security-switch span{width:100%;height:100%;border:1px solid rgba(148,163,184,.35);border-radius:999px;background:rgba(15,23,42,.9);transition:background .2s ease,border-color .2s ease}.security-switch span:after{content:"";position:absolute;top:5px;left:5px;width:20px;height:20px;border-radius:50%;background:#cbd5e1;transition:transform .2s ease,background .2s ease}.security-switch input:checked+span{border-color:#34d399b8;background:rgba(16,185,129,.28)}.security-switch input:checked+span:after{transform:translate(24px);background:#34d399}.security-note{margin:0;color:var(--text-muted);font-size:.9rem}.profile-detail input,.security-input{min-height:58px;border:1px solid rgba(139,92,246,.24);border-radius:8px;background:rgba(3,7,18,.86);color:var(--text-main);padding:0 1rem}.security-switch input{min-height:0;border:0;background:transparent;padding:0}.help-dot{display:inline-grid;place-items:center;width:16px;height:16px;margin-left:.25rem;border:1px solid #34d399;border-radius:999px;color:#34d399;font-size:.72rem;line-height:1}.security-input.danger{background:rgba(127,29,29,.22);border-color:#f8717159}.profile-detail-actions{margin-top:auto;display:flex;justify-content:flex-end;gap:.75rem}.profile-detail button,.profile-detail-actions button{border:1px solid rgba(139,92,246,.35);border-radius:8px;background:rgba(139,92,246,.16);color:var(--text-main);cursor:pointer;font-weight:700;padding:.65rem .9rem}.totp-setup{display:grid;gap:.75rem;padding:1rem;border:1px solid rgba(52,211,153,.22);border-radius:8px;background:rgba(3,7,18,.5)}.totp-setup p{margin:0;color:var(--text-main);line-height:1.5}.totp-qr{width:220px;height:220px;padding:.5rem;border-radius:12px;background:#fff;justify-self:start}.totp-setup code,.totp-setup small{display:block;margin-top:.5rem;word-break:break-all}@media (max-width: 720px){.profile-row,.profile-detail-row{grid-template-columns:1fr;gap:.5rem}}.main-content{flex:1;display:flex;flex-direction:column;height:100%;overflow:hidden}.top-header{height:70px;display:flex;align-items:center;padding:0 2rem;border-bottom:1px solid var(--glass-border);background-color:var(--bg-darker)}.page-content{flex:1;padding:2rem;overflow-y:auto}.excel-export-qc-toggle{display:flex;align-items:center;gap:.75rem;padding:.8rem 1rem;border-radius:14px;border:1px solid rgba(16,185,129,.25);background:rgba(7,10,26,.92);box-shadow:0 18px 40px #00000059;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.excel-export-qc-toggle__label{display:flex;align-items:center;gap:.6rem;color:#fff;font-size:.84rem;font-weight:800;cursor:pointer}.excel-export-qc-toggle__label:has(input:disabled){cursor:not-allowed}.excel-export-qc-toggle__message{color:var(--text-muted);font-size:.74rem;max-width:270px;line-height:1.35}.excel-export-qc-toggle:has(.spinner) .excel-export-qc-toggle__message{color:#10b981}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.card{padding:1.5rem;display:flex;flex-direction:column;gap:1rem;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0003}.card-title{font-size:1.125rem;color:var(--text-muted)}.card-value{font-size:2.5rem;font-weight:700}:root{--bg-dark: #0f172a;--bg-darker: #020617;--bg-panel: #1e293b;--accent-primary: #8b5cf6;--accent-secondary: #3b82f6;--text-main: #f8fafc;--text-muted: #94a3b8;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--glow-primary: rgba(139, 92, 246, .4);--error: #ef4444;--success: #10b981;--warning: #f59e0b}*,*:before,*:after{box-sizing:border-box}body{margin:0;display:flex;min-width:320px;min-height:100vh;background-color:var(--bg-darker);color:var(--text-main);font-family:Outfit,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;height:100vh;display:flex}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;color:var(--text-main)}p{margin:0 0 1rem;line-height:1.6}.glass-panel{background:rgba(255,255,255,.03);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:0 8px 32px #0000005e;position:relative;overflow:hidden}.glass-panel:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.text-gradient{background:linear-gradient(135deg,#a78bfa,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s ease-out forwards}@keyframes pulseGlow{0%{box-shadow:0 0 0 0 var(--glow-primary)}70%{box-shadow:0 0 20px 10px #8b5cf600}to{box-shadow:0 0 #8b5cf600}}html,body,#root{height:100%;width:100%;overflow:hidden}