.toast-stack{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:12px;z-index:9999;max-width:380px;width:calc(100% - 48px);pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-radius:var(--radius-md, 8px);font-family:var(--font-mono, monospace);font-size:.85rem;line-height:1.4;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 10px 30px #000000bf;border:1px solid var(--glass-border);border-left:4px solid transparent;animation:toastSlideIn .3s cubic-bezier(.16,1,.3,1) forwards;transition:all .25s ease;position:relative;overflow:hidden}@keyframes toastSlideIn{0%{opacity:0;transform:translate(40px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.toast-message{flex:1;color:var(--text-primary, #F1F5F9);font-weight:500;margin-right:12px}.toast-close{background:transparent;border:none;color:var(--text-muted, #64748B);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:1.1rem;line-height:1;transition:color .15s ease,background .15s ease}.toast-close:hover{color:var(--text-primary, #F1F5F9);background:#ffffff14}.toast-success{background:#0d1611eb;border-left-color:var(--accent-success, #10B981);box-shadow:0 8px 25px #0009,0 0 12px #10b98126}.toast-error{background:#1a0d10eb;border-left-color:var(--accent-danger, #F43F5E);box-shadow:0 8px 25px #0009,0 0 12px #f43f5e26}.toast-warning{background:#1a140aeb;border-left-color:var(--accent-warning, #F59E0B);box-shadow:0 8px 25px #0009,0 0 12px #f59e0b26}.toast-info{background:#0d1410eb;border-left-color:var(--accent-primary, #10B981);box-shadow:0 8px 25px #0009,0 0 12px #10b98126}@supports not (backdrop-filter: blur(1px)){.toast{background:#0d1410}.toast-success{background:#0c1811}.toast-error{background:#1c0e12}.toast-warning{background:#1c150a}.toast-info{background:#0c1510}}.toast-success .toast-progress{background:var(--accent-success, #10B981)}.toast-error .toast-progress{background:var(--accent-danger, #F43F5E)}.toast-warning .toast-progress{background:var(--accent-warning, #F59E0B)}.toast-info .toast-progress{background:var(--accent-primary, #10B981)}:root{--bg-base: #080C0A;--bg-secondary: #0E1410;--bg-surface: #131B15;--glass-bg: rgba(13, 20, 16, .72);--glass-bg-hover: rgba(16, 185, 129, .06);--glass-border: rgba(16, 185, 129, .14);--glass-blur: blur(16px);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .7);--accent-primary: #10B981;--accent-secondary: #34D399;--accent-success: #10B981;--accent-danger: #F43F5E;--accent-warning: #F59E0B;--glow-primary: 0 0 12px rgba(16, 185, 129, .2);--glow-secondary: 0 0 12px rgba(52, 211, 153, .18);--glow-success: 0 0 12px rgba(16, 185, 129, .2);--glow-danger: 0 0 12px rgba(244, 63, 94, .22);--glow-warning: 0 0 12px rgba(245, 158, 11, .22);--text-primary: #F1F5F9;--text-secondary: #94A3B8;--text-muted: #64748B;--font-main: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--gradient-primary: linear-gradient(135deg, #10B981 0%, #059669 100%);--gradient-danger: linear-gradient(135deg, #F43F5E, #E11D48);--gradient-trust-low: linear-gradient(90deg, #F43F5E, #FB7185);--gradient-trust-mid: linear-gradient(90deg, #F59E0B, #FBBF24);--gradient-trust-high: linear-gradient(90deg, #10B981, #34D399);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--space-xs: 4px;--space-sm: 8px;--space-md: 14px;--space-lg: 20px;--space-xl: 32px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%;background:var(--bg-base)}body{background:var(--bg-base);background-image:radial-gradient(ellipse at 50% 0%,rgba(16,185,129,.05) 0%,transparent 60%),radial-gradient(circle at 80% 80%,rgba(16,185,129,.02) 0%,transparent 40%),linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:100% 100%,100% 100%,48px 48px,48px 48px;background-attachment:fixed;color:var(--text-primary);font-family:var(--font-main);line-height:1.5;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:#10b98140;color:#fff}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#10b98140;border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.glass-surface{background:#0d1410b8;border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow),inset 0 1px #ffffff0a;position:relative;overflow:hidden}@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.glass-surface{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}}.interactive-card{transition:all .25s cubic-bezier(.16,1,.3,1);cursor:pointer}.interactive-card:hover{background:var(--glass-bg-hover);border-color:#10b98152;box-shadow:var(--glass-shadow),var(--glow-primary);transform:translateY(-2px)}.btn{border-radius:var(--radius-sm);padding:10px 20px;font-weight:600;font-family:var(--font-mono);font-size:.85rem;letter-spacing:.03em;transition:all .2s ease;cursor:pointer;border:none;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.btn-primary{background:var(--gradient-primary);color:#fff;font-weight:600;box-shadow:0 4px 14px #10b98140;border:1px solid rgba(52,211,153,.2)}.btn-primary:hover:not(:disabled){filter:brightness(1.08);transform:scale(1.02);box-shadow:0 6px 20px #10b98159}.btn-secondary{background:#121a1599;border:1px solid rgba(255,255,255,.1);color:#e2e8f0}.btn-secondary:hover:not(:disabled){border-color:#10b98159;color:var(--accent-primary);background:#10b98114;box-shadow:0 0 12px #10b98126}.btn-danger{background:#f43f5e1a;border:1px solid var(--accent-danger);color:var(--accent-danger)}.btn-danger:hover:not(:disabled){box-shadow:var(--glow-danger);background:#f43f5e33}.input-field{width:100%;background:#0a0f0cb3;border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-primary);padding:11px 15px;font-family:var(--font-mono);font-size:.88rem;outline:none;transition:all .25s ease}.input-field::placeholder{color:var(--text-muted)}.input-field:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px #10b98126,var(--glow-primary);background:#0a0f0ce6}select.input-field{cursor:pointer;-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='rgba(16,185,129,0.7)' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}select.input-field option{background:var(--bg-secondary);color:var(--text-primary)}.app-shell{min-height:100vh;display:flex;position:relative;z-index:1}.sidebar{width:240px;min-height:100vh;border-right:1px solid var(--glass-border);border-radius:0;padding:20px 14px;display:flex;flex-direction:column;gap:8px;background:#0a0f0cd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:sticky;top:0;z-index:30}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:8px 10px;margin-bottom:8px}.sidebar-brand h2{font-size:1.05rem;font-weight:700;color:var(--accent-primary);letter-spacing:.04em}.sidebar-brand small{color:var(--text-muted);font-size:.72rem;letter-spacing:.05em;font-family:var(--font-mono)}.brand-icon{font-size:1.6rem;filter:drop-shadow(0 0 6px rgba(16,185,129,.35))}.nav-list{display:flex;flex-direction:column;gap:4px;flex:1}.nav-item{border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);text-align:left;display:flex;align-items:center;gap:12px;padding:11px 14px;cursor:pointer;font-family:var(--font-mono);font-size:.85rem;font-weight:500;transition:all .2s ease;border-left:3px solid transparent}.nav-item:hover{background:#10b9810d;color:var(--text-primary);border-left-color:#10b9814d}.nav-item.active{background:#10b98114;border-left-color:var(--accent-primary);color:var(--accent-primary);font-weight:600;box-shadow:inset 3px 0 8px #10b9811a}.sidebar-footer{display:flex;flex-direction:column;gap:10px;padding-top:12px;border-top:1px solid var(--glass-border)}.backend-status{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:.8rem;font-family:var(--font-mono)}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot.online{background:var(--accent-success);box-shadow:var(--glow-success);animation:pulse-status 2.5s infinite}.status-dot.offline{background:var(--accent-danger);box-shadow:var(--glow-danger)}.sidebar-user{color:var(--text-muted);font-size:.8rem;font-family:var(--font-mono)}.main-content{flex:1;padding:20px 24px 92px;display:flex;flex-direction:column;gap:20px;min-width:0;position:relative;z-index:1}.top-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;border-radius:var(--radius-lg)}.top-left{display:flex;align-items:center;gap:12px}.top-left h1{font-size:1.15rem;font-weight:700;letter-spacing:.02em;color:var(--text-primary)}.top-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.mobile-menu-btn{display:none}.icon-btn{background:transparent;border:1px solid var(--glass-border);color:var(--text-primary);border-radius:var(--radius-sm);padding:8px;cursor:pointer;transition:all .2s ease}.icon-btn:hover{border-color:#10b98159;box-shadow:var(--glow-primary)}.summary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.summary-card{padding:18px;position:relative;overflow:hidden;border:1px solid var(--glass-border)}.summary-icon{position:absolute;right:14px;top:14px;opacity:.16;color:var(--accent-primary)}.summary-value{font-size:1.9rem;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums;font-family:var(--font-mono)}.summary-label{color:var(--text-secondary);margin-top:6px;font-size:.76rem;font-weight:600;font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase}.summary-card.tone-primary .summary-value{color:var(--accent-primary)}.summary-card.tone-success .summary-value{color:var(--accent-success)}.summary-card.tone-danger .summary-value{color:var(--accent-danger)}.summary-card.tone-neutral .summary-value{color:var(--text-secondary)}.section-title{margin-top:8px;font-size:1rem;font-weight:600;color:var(--text-primary);letter-spacing:.04em;font-family:var(--font-mono);text-transform:uppercase}.card-grid{display:grid;gap:14px;align-items:start}.card-grid.two-col{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.entity-card{padding:20px;display:flex;flex-direction:column;gap:14px;border:1px solid var(--glass-border);position:relative;overflow:visible!important}.entity-card.dropdown-active{z-index:40!important;border-color:#10b98173}.device-dropdown-container{position:relative;width:100%;margin-top:auto}.device-expanded-compliance-dropdown{position:absolute;top:calc(100% + 8px);left:-2px;right:-2px;z-index:60;background:#090f0bfa;border:1px solid rgba(16,185,129,.35);border-radius:var(--radius-md);padding:12px;box-shadow:0 16px 40px #000000f2,0 0 20px #10b98126;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;flex-direction:column;gap:8px}.mini-compliance-record{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);background:#00000073;font-size:.78rem;font-family:var(--font-mono);border:1px solid rgba(255,255,255,.05);border-left:3px solid transparent}.expand-toggle{background:#10b9810f;border:1px solid rgba(16,185,129,.2);color:var(--text-secondary);font-size:.76rem;padding:6px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;font-family:var(--font-mono);display:flex;align-items:center;justify-content:center;gap:6px;width:100%}.expand-toggle:hover,.expand-toggle.active{color:var(--accent-primary);border-color:var(--accent-primary);background:#10b9811f;box-shadow:0 0 10px #10b98126}.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.card-head h3{font-size:.95rem;font-weight:600;font-family:var(--font-mono);color:var(--text-primary)}.sub-text{color:var(--text-secondary);font-size:.82rem;font-family:var(--font-mono)}.mono-text{font-family:var(--font-mono);color:var(--text-muted);font-size:.78rem;letter-spacing:.02em}.chip-row{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;border-radius:var(--radius-sm);padding:3px 10px;font-size:.72rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;font-family:var(--font-mono)}.os-linux{background:#10b98114;color:var(--accent-primary);border:1px solid rgba(16,185,129,.22)}.os-windows{background:#34d3990f;color:#6ee7b7;border:1px solid rgba(52,211,153,.18)}.os-macos{background:#ffffff0d;color:var(--text-primary);border:1px solid rgba(255,255,255,.12)}.os-unknown{background:#ffffff0a;color:var(--text-secondary);border:1px solid rgba(255,255,255,.08)}.compliance-success{background:#10b98114;color:var(--accent-success);border:1px solid rgba(16,185,129,.25)}.compliance-danger{background:#f43f5e1a;color:var(--accent-danger);border:1px solid rgba(244,63,94,.3)}.compliance-neutral{background:#ffffff0a;color:var(--text-secondary)}.device-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;color:var(--text-secondary);font-size:.82rem;font-family:var(--font-mono)}.device-controls{display:flex;gap:8px;align-items:center}.leak-alert{background:#f43f5e14;border:1px solid var(--accent-danger);color:var(--accent-danger);padding:9px 12px;border-radius:var(--radius-sm);font-weight:600;font-size:.82rem;font-family:var(--font-mono);animation:pulseDanger 2s infinite;display:flex;align-items:center;gap:8px}.algo-block{background:#0a0f0c99;border-radius:var(--radius-sm);padding:9px 12px;border:1px solid rgba(16,185,129,.08);font-size:.78rem}.policy-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;color:var(--text-secondary);font-size:.82rem;font-family:var(--font-mono)}.timeline-wrap{padding:20px;display:flex;flex-direction:column;gap:16px;border:1px solid var(--glass-border)}.timeline-head{display:flex;justify-content:space-between;align-items:center;gap:14px}.timeline-head h3{font-size:1.05rem;font-family:var(--font-mono);color:var(--text-primary)}.timeline-head .input-field{max-width:280px}.timeline-list{display:flex;flex-direction:column;gap:12px}.timeline-item{border-left:3px solid transparent;padding:14px;border-radius:var(--radius-sm);background:#0a0f0c80;border:1px solid rgba(16,185,129,.08);transition:all .2s ease}.timeline-item:hover{background:#10b98108;border-color:#10b9812e}.timeline-item.ok{border-left:3px solid var(--accent-success)}.timeline-item.bad{border-left:3px solid var(--accent-danger)}.timeline-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.timeline-metrics{margin-top:8px;color:var(--text-secondary);display:flex;flex-wrap:wrap;gap:16px;font-size:.82rem;font-family:var(--font-mono)}.violations-list{margin-top:10px;padding-left:18px;color:var(--accent-danger);font-family:var(--font-mono);font-size:.8rem}.violations-list li{margin-bottom:4px}.empty-state{color:var(--text-muted);padding:20px;text-align:center;font-size:.85rem;font-family:var(--font-mono)}.settings-card{padding:20px;border:1px solid var(--glass-border)}.totp-settings-block{margin-top:20px;display:flex;flex-direction:column;gap:14px}.totp-settings-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.totp-settings-head h4{font-size:.95rem;font-family:var(--font-mono);color:var(--text-primary)}.totp-setup-panel{display:flex;flex-direction:column;gap:14px}.totp-qr-wrap{padding:14px;width:fit-content;border:1px solid var(--glass-border);background:#fff;border-radius:var(--radius-md)}.totp-qr{width:220px;height:220px;display:block}.totp-meta{display:flex;flex-direction:column;gap:8px}.totp-verify-form{display:flex;gap:10px;align-items:center}.totp-verify-form .input-field{max-width:240px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d1;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:grid;place-items:center;z-index:50;padding:20px}.modal{width:min(560px,100%);padding:24px;display:flex;flex-direction:column;gap:16px;animation:modalSlideIn .3s cubic-bezier(.16,1,.3,1) forwards;border:1px solid var(--glass-border)}.stack-form{display:flex;flex-direction:column;gap:10px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.upload-summary{display:flex;flex-direction:column;gap:12px}.summary-table{display:flex;flex-direction:column;gap:8px}.summary-row{display:flex;flex-direction:column;gap:4px;padding:10px;border-radius:var(--radius-sm);background:#0a0f0c99;border:1px solid rgba(16,185,129,.1)}.upload-errors{border-left:3px solid var(--accent-danger);background:#f43f5e14;padding:10px 14px;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.upload-warnings{border-left:3px solid var(--accent-warning);background:#f59e0b14;padding:10px 14px;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.login-page{min-height:100vh;display:grid;place-items:center;position:relative;padding:20px;overflow:hidden;z-index:1}.orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(100px)}.orb-teal{width:500px;height:500px;top:-140px;left:-120px;background:radial-gradient(circle,rgba(16,185,129,.08) 0%,transparent 70%);animation:floatOrb 22s infinite ease-in-out}.orb-purple{width:460px;height:460px;bottom:-120px;right:-100px;background:radial-gradient(circle,rgba(52,211,153,.06) 0%,transparent 70%);animation:pulseOrb 24s infinite ease-in-out}.login-card{width:min(420px,100%);padding:40px;z-index:1;border:1px solid var(--glass-border)}.login-logo-wrap{display:flex;justify-content:center;margin-bottom:18px}.login-logo-badge{width:64px;height:64px;display:grid;place-items:center;color:var(--accent-primary);border-radius:var(--radius-md);border:1px solid rgba(16,185,129,.25);background:#10b9810f;animation:pulse-glow 3s ease-in-out infinite}.login-title{text-align:center;font-size:1.5rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.login-subtitle{text-align:center;color:var(--text-secondary);font-size:.8rem;margin-top:6px;margin-bottom:24px;letter-spacing:.04em;font-family:var(--font-mono)}.login-form{display:flex;flex-direction:column;gap:12px}.field-wrap{position:relative}.field-wrap .input-field{padding-left:42px}.field-icon{position:absolute;left:14px;top:13px;color:var(--text-muted);transition:color .2s}.field-wrap:focus-within .field-icon{color:var(--accent-primary)}.totp-collapse{max-height:0;overflow:hidden;transition:max-height .35s cubic-bezier(.4,0,.2,1),opacity .25s ease;opacity:0}.totp-collapse.open{max-height:80px;opacity:1}.error-panel{border-left:3px solid var(--accent-danger);color:var(--accent-danger);padding:10px 14px;font-size:.82rem;border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:#f43f5e14;font-family:var(--font-mono)}.login-btn{justify-content:center;margin-top:4px;padding:12px 20px;font-size:.9rem;font-weight:600}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.mobile-bottom-nav{display:none}.landing-page{min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;position:relative;padding-top:20px;z-index:1}.landing-hero{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 24px}.landing-icon-wrap{margin-bottom:24px}.landing-icon{color:var(--accent-primary);filter:drop-shadow(0 0 14px rgba(16,185,129,.4));animation:pulse-glow 3.5s ease-in-out infinite}.landing-title{font-size:clamp(2.2rem,5vw,3.5rem);font-weight:700;color:#f8fafc;background:linear-gradient(180deg,#fff 20%,#e2e8f0,#a7f3d0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em;margin-bottom:8px;filter:drop-shadow(0 2px 10px rgba(0,0,0,.7))}.landing-brand{font-size:.85rem;letter-spacing:.25em;text-transform:uppercase;color:var(--text-muted);margin-bottom:16px;font-family:var(--font-mono)}.landing-subtitle{font-size:clamp(.95rem,2vw,1.15rem);color:var(--text-secondary);line-height:1.6;max-width:540px;margin-bottom:40px;font-family:var(--font-mono)}.landing-actions{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.landing-action-primary:hover{box-shadow:0 6px 24px #10b98159}.landing-action-secondary{text-decoration:none}.landing-metrics{margin-top:32px;width:min(960px,100%);padding:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;border:1px solid var(--glass-border)}.landing-metric-item{background:#0a0f0c99;border:1px solid rgba(16,185,129,.1);border-radius:var(--radius-md);padding:14px;display:flex;flex-direction:column;gap:4px}.landing-metric-item strong{color:var(--accent-primary);font-size:1rem;font-family:var(--font-mono)}.landing-metric-item span{color:var(--text-secondary);font-size:.8rem;font-family:var(--font-mono)}.landing-features{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:0 40px 60px;max-width:1000px;width:100%;margin:0 auto}.landing-feature-card{padding:32px 24px;text-align:center;border:1px solid var(--glass-border);transition:transform .25s,box-shadow .25s,border-color .25s}.landing-feature-card:hover{transform:translateY(-4px);box-shadow:var(--glass-shadow),var(--glow-primary);border-color:#10b9814d}.landing-feature-icon{font-size:34px;margin-bottom:16px}.landing-feature-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:10px;font-family:var(--font-mono)}.landing-feature-body{font-size:.85rem;color:var(--text-secondary);line-height:1.6;font-family:var(--font-mono)}.landing-content-strip{margin:0 auto 30px;width:min(1000px,calc(100% - 80px));padding:24px;border:1px solid var(--glass-border)}.landing-content-strip h2{font-size:1.15rem;margin-bottom:10px;color:var(--text-primary);font-family:var(--font-mono)}.landing-content-strip p{color:var(--text-secondary);line-height:1.65;margin-bottom:10px;font-size:.88rem;font-family:var(--font-mono)}.landing-content-strip ul{padding-left:18px;color:var(--text-secondary);line-height:1.6;font-size:.85rem;font-family:var(--font-mono)}.landing-footer{color:var(--text-muted);font-size:.78rem;text-align:center;padding:32px 16px 40px;font-family:var(--font-mono);border-top:1px solid rgba(255,255,255,.05);margin-top:40px}.landing-section{width:min(1140px,calc(100% - 48px));margin:0 auto 60px}.landing-section-header{text-align:center;margin-bottom:36px;display:flex;flex-direction:column;align-items:center;gap:8px}.landing-section-header h2{font-size:clamp(1.4rem,3vw,2rem);font-weight:700;color:#f8fafc;letter-spacing:-.01em}.landing-section-header p{color:var(--text-secondary);max-width:600px;font-size:.9rem;line-height:1.6;font-family:var(--font-mono)}.flashcard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.flashcard{padding:24px;display:flex;flex-direction:column;gap:14px;background:#0d1410bf;border:1px solid rgba(16,185,129,.15);border-radius:var(--radius-lg);box-shadow:0 8px 28px #0009,inset 0 1px #ffffff0d;transition:all .25s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.flashcard:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(16,185,129,.4),transparent);opacity:0;transition:opacity .25s ease}.flashcard:hover{transform:translateY(-4px);border-color:#10b98166;box-shadow:0 12px 36px #000000bf,0 0 20px #10b98126}.flashcard:hover:before{opacity:1}.flashcard-top{display:flex;justify-content:space-between;align-items:center}.flashcard-icon-badge{width:44px;height:44px;border-radius:var(--radius-md);background:#10b9811a;border:1px solid rgba(16,185,129,.25);color:var(--accent-primary);display:grid;place-items:center}.flashcard-tag{font-size:.68rem;font-family:var(--font-mono);font-weight:600;padding:3px 8px;border-radius:var(--radius-sm);background:#10b98114;color:var(--accent-primary);border:1px solid rgba(16,185,129,.2);letter-spacing:.04em}.flashcard h3{font-size:1.05rem;font-weight:600;color:#f8fafc}.flashcard p{color:var(--text-secondary);font-size:.84rem;line-height:1.6;font-family:var(--font-mono);flex:1}.flashcard-chips{display:flex;flex-wrap:wrap;gap:6px;padding-top:10px;border-top:1px solid rgba(255,255,255,.06)}.tech-spec-chip{font-size:.7rem;font-family:var(--font-mono);padding:2px 7px;border-radius:4px;background:#ffffff0a;color:var(--text-muted);border:1px solid rgba(255,255,255,.08)}.pipeline-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;position:relative}.pipeline-card{padding:24px 20px;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:10px;position:relative}.pipeline-step-badge{font-size:.72rem;font-family:var(--font-mono);font-weight:700;color:var(--accent-primary);letter-spacing:.06em}.pipeline-card h4{font-size:.96rem;font-weight:600;color:#f8fafc}.pipeline-card p{font-size:.82rem;color:var(--text-secondary);line-height:1.55;font-family:var(--font-mono)}.comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.comparison-card{padding:28px;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:18px}.comparison-card.legacy{border-color:#f43f5e40;background:#1a0e10a6}.comparison-card.vault{border-color:#10b98159;background:#0d1611bf;box-shadow:0 0 24px #10b9811a}.comparison-header{display:flex;justify-content:space-between;align-items:center}.comparison-header h3{font-size:1.1rem;font-weight:700}.comparison-list{display:flex;flex-direction:column;gap:12px}.comparison-row{display:flex;align-items:flex-start;gap:10px;font-size:.85rem;font-family:var(--font-mono);line-height:1.5}.comparison-card.legacy .comparison-row{color:#fda4af}.comparison-card.vault .comparison-row{color:#a7f3d0}.terminal-card{padding:24px;border-radius:var(--radius-lg);border:1px solid rgba(16,185,129,.25);background:#070c09e6;display:flex;flex-direction:column;gap:14px;max-width:820px;margin:0 auto}.terminal-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.08)}.terminal-dots{display:flex;gap:6px}.terminal-dot{width:10px;height:10px;border-radius:50%}.dot-red{background:#ef4444}.dot-amber{background:#f59e0b}.dot-green{background:#10b981}.terminal-title{font-size:.75rem;font-family:var(--font-mono);color:var(--text-muted)}.terminal-code-row{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#00000080;padding:12px 16px;border-radius:var(--radius-sm);border:1px solid rgba(16,185,129,.15)}.terminal-command{font-family:var(--font-mono);font-size:.84rem;color:#6ee7b7;overflow-x:auto;white-space:nowrap}.copy-btn{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:var(--accent-primary);font-family:var(--font-mono);font-size:.75rem;padding:6px 12px;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease}.copy-btn:hover{background:#10b98133;border-color:var(--accent-primary)}.terminal-tabs{display:flex;gap:8px}.terminal-tab-btn{background:transparent;border:1px solid rgba(255,255,255,.1);color:var(--text-muted);font-family:var(--font-mono);font-size:.76rem;padding:4px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.terminal-tab-btn:hover{color:var(--text-primary);border-color:#10b9814d}.terminal-tab-btn.active{background:#10b98126;border-color:var(--accent-primary);color:#6ee7b7;box-shadow:0 0 10px #10b98133}.terminal-multiline-wrap{position:relative;background:#000000a6;border-radius:var(--radius-md);border:1px solid rgba(16,185,129,.2);padding:18px 20px;overflow-x:auto}.terminal-copy-float{position:absolute;top:12px;right:12px;z-index:5}.terminal-code-block{font-family:var(--font-mono);font-size:.85rem;line-height:1.75;color:#e2e8f0;margin:0;display:flex;flex-direction:column;gap:4px}.terminal-code-line{display:flex;align-items:center;gap:12px}.terminal-prompt-sym{color:var(--accent-primary);font-weight:700;user-select:none;-webkit-user-select:none;width:14px;text-align:right;flex-shrink:0;opacity:.85}.terminal-code-text{color:#e2e8f0;font-family:var(--font-mono)}.terminal-meta-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.06);font-size:.76rem;font-family:var(--font-mono);color:var(--text-muted)}.trust-bar-wrap{display:flex;align-items:center;gap:10px}.trust-bar-track{flex:1;height:6px;background:#ffffff14;border-radius:var(--radius-sm);overflow:hidden}.trust-bar-fill{height:100%;border-radius:var(--radius-sm);transition:width .8s cubic-bezier(.4,0,.2,1)}.trust-bar-label{font-size:.75rem;font-weight:600;font-family:var(--font-mono);min-width:32px;text-align:right}.status-indicator{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;font-family:var(--font-mono)}.status-label{color:var(--text-secondary)}.status-dot.inactive{background:#fff3}.hash-display{display:inline-flex;align-items:center;gap:6px;position:relative}.hash-value{background:#0006;padding:3px 8px;border-radius:var(--radius-sm);font-size:.76rem;color:var(--text-secondary);border:1px solid rgba(16,185,129,.12);letter-spacing:.04em}.hash-copy-btn{background:transparent;border:1px solid var(--glass-border);color:var(--text-muted);cursor:pointer;padding:2px 6px;border-radius:var(--radius-sm);font-size:.8rem;line-height:1;transition:all .2s ease}.hash-copy-btn:hover{color:var(--accent-primary);border-color:#10b98159;background:#10b98114}.hash-tooltip{position:absolute;bottom:calc(100% + 8px);left:0;background:#0a0f0cf2;border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:6px 10px;font-size:.7rem;color:var(--text-primary);max-width:420px;box-shadow:0 4px 20px #000c;z-index:100;pointer-events:none;word-break:break-all}.device-status-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.device-expanded-compliance{margin-top:8px;padding-top:12px;border-top:1px solid var(--glass-border);display:flex;flex-direction:column;gap:8px}.mini-compliance-record{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);background:#0a0f0c80;font-size:.78rem;border-left:2px solid transparent;font-family:var(--font-mono)}.mini-compliance-record.compliant{border-left-color:var(--accent-success)}.mini-compliance-record.violation{border-left-color:var(--accent-danger)}.expand-toggle{background:transparent;border:1px solid var(--glass-border);color:var(--text-muted);font-size:.75rem;padding:4px 10px;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;font-family:var(--font-mono)}.expand-toggle:hover{color:var(--accent-primary);border-color:#10b98159;background:#10b9810f}.sa-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-sm);font-size:.72rem;font-weight:600;background:#10b98114;color:var(--accent-primary);border:1px solid rgba(16,185,129,.2);font-family:var(--font-mono)}.spin-icon{animation:spin 1s linear infinite}.empty-state-action{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 20px;text-align:center;font-family:var(--font-mono)}.empty-state-action .empty-icon{font-size:2rem;opacity:.35}.empty-state-action .empty-msg{color:var(--text-muted);font-size:.88rem}.drop-zone{border:2px dashed var(--glass-border);border-radius:var(--radius-md);padding:32px;text-align:center;color:var(--text-muted);transition:all .25s ease;cursor:pointer;background:#0a0f0c66}.drop-zone:hover,.drop-zone.active{border-color:var(--accent-primary);background:#10b9810d;color:var(--accent-primary)}.drop-zone-inner{display:flex;flex-direction:column;align-items:center;gap:8px}.drop-zone-icon{font-size:2rem;opacity:.45;transition:opacity .2s ease;color:var(--accent-primary)}.drop-zone:hover .drop-zone-icon,.drop-zone.active .drop-zone-icon{opacity:.9}.drop-zone-text{font-size:.85rem;font-family:var(--font-mono)}.drop-zone-hint{font-size:.72rem;color:var(--text-muted);font-family:var(--font-mono)}.selected-file-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-sm);background:#10b98114;border:1px solid rgba(16,185,129,.25);color:var(--accent-primary);font-size:.78rem;font-family:var(--font-mono);margin-top:8px}.skeleton-stat-card{padding:18px;min-height:100px}.skeleton{background:linear-gradient(90deg,#ffffff05 25%,#10b9810d,#ffffff05 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}.skeleton-text{height:14px;width:60%;margin-bottom:8px}.skeleton-card{height:160px;border-radius:var(--radius-lg)}@keyframes floatOrb{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(16px) translate(12px)}}@keyframes pulseOrb{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes pulseDanger{0%,to{box-shadow:none}50%{box-shadow:var(--glow-danger)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 0 6px rgba(16,185,129,.3))}50%{filter:drop-shadow(0 0 16px rgba(16,185,129,.55))}}@keyframes pulse-status{0%,to{box-shadow:0 0 4px #10b9814d}50%{box-shadow:0 0 10px #10b98199}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 1024px){.sidebar{width:72px;padding:16px 8px}.sidebar .nav-item span,.sidebar .sidebar-brand div,.sidebar .sidebar-user,.sidebar .btn span,.sidebar .backend-status span{display:none}.sidebar .nav-item{justify-content:center;padding:11px}.sidebar .btn{justify-content:center;padding:10px}.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.card-grid.two-col{grid-template-columns:1fr}}@media (max-width: 768px){.app-shell{display:block}.sidebar{position:fixed;left:-260px;top:0;width:240px;z-index:50;transition:left .25s cubic-bezier(.4,0,.2,1);border-radius:0}.sidebar.open{left:0}.mobile-menu-btn{display:inline-flex}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.main-content{padding:16px 16px 100px}.top-bar{flex-direction:column;align-items:stretch}.top-actions{justify-content:stretch}.top-actions .btn{flex:1;justify-content:center}.device-meta{grid-template-columns:1fr}.device-controls{flex-direction:column}.totp-settings-head{flex-direction:column;align-items:flex-start}.totp-verify-form{flex-direction:column;align-items:stretch}.totp-verify-form .input-field{max-width:100%}.mobile-bottom-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;left:12px;right:12px;bottom:12px;z-index:45;padding:8px;gap:4px;border-radius:var(--radius-lg)}.mobile-nav-item{border:none;background:transparent;color:var(--text-secondary);border-radius:var(--radius-sm);padding:8px 4px;font-size:.65rem;font-family:var(--font-mono);display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;transition:all .2s ease}.mobile-nav-item.active{color:var(--accent-primary);background:#10b9811a}.login-card{padding:28px}.landing-title{font-size:clamp(1.8rem,8vw,2.5rem)}.landing-actions{flex-direction:column;width:min(320px,100%)}.landing-actions .btn{width:100%;justify-content:center}.landing-features{grid-template-columns:1fr;padding:0 20px 50px}.landing-metrics{grid-template-columns:1fr}.landing-content-strip{width:calc(100% - 40px);padding:18px;margin-bottom:20px}.timeline-head{flex-direction:column;align-items:stretch}.timeline-head .input-field{max-width:100%}}@media (max-width: 480px){.summary-grid{grid-template-columns:1fr}}.glass{background:var(--glass-bg, rgba(13, 20, 16, .72));backdrop-filter:var(--glass-blur, blur(16px));-webkit-backdrop-filter:var(--glass-blur, blur(16px));border:1px solid var(--glass-border, rgba(16, 185, 129, .14));border-radius:var(--radius-lg, 12px);color:var(--text-primary, #F1F5F9);box-shadow:var(--glass-shadow, 0 8px 32px rgba(0, 0, 0, .7)),inset 0 1px #ffffff0a;transition:all .25s cubic-bezier(.16,1,.3,1)}.glass:hover{background:var(--glass-bg-hover, rgba(16, 185, 129, .06));border-color:#10b9814d;box-shadow:var(--glass-shadow),var(--glow-primary);transform:translateY(-2px)}.glass-static{background:var(--glass-bg, rgba(13, 20, 16, .72));backdrop-filter:var(--glass-blur, blur(16px));-webkit-backdrop-filter:var(--glass-blur, blur(16px));border:1px solid var(--glass-border, rgba(16, 185, 129, .14));border-radius:var(--radius-lg, 12px);color:var(--text-primary, #F1F5F9);box-shadow:var(--glass-shadow, 0 8px 32px rgba(0, 0, 0, .7)),inset 0 1px #ffffff0a}@supports not (backdrop-filter: blur(1px)){.glass,.glass-static,.glass-surface{background:#0d1410}}.glass-header{border-bottom:1px solid var(--glass-border, rgba(16, 185, 129, .14));padding-bottom:1rem;margin-bottom:1.5rem}.glass-input{width:100%;padding:.75rem 1rem;background:#0a0f0cb3;border:1px solid var(--glass-border, rgba(16, 185, 129, .14));border-radius:var(--radius-md, 8px);color:var(--text-primary, #F1F5F9);font-family:var(--font-mono, monospace);font-size:.88rem;outline:none;transition:all .2s ease}.glass-input:focus{border-color:var(--accent-primary, #10B981);box-shadow:0 0 12px #10b98133;background:#0a0f0ce6}.glass-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-sm, 4px);font-size:.75rem;font-weight:600;font-family:var(--font-mono, monospace);text-transform:uppercase;letter-spacing:.5px}.glass-badge-teal,.glass-badge-green{background:#10b98114;color:var(--accent-primary, #10B981);border:1px solid rgba(16,185,129,.22)}.glass-badge-purple{background:#34d39914;color:var(--accent-secondary, #34D399);border:1px solid rgba(52,211,153,.2)}.glass-badge-red{background:#f43f5e1a;color:var(--accent-danger, #F43F5E);border:1px solid rgba(244,63,94,.28)}.glass-badge-amber{background:#f59e0b1a;color:var(--accent-warning, #F59E0B);border:1px solid rgba(245,158,11,.25)}