@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-body: #07090f;--bg-surface: #0c1018;--bg-surface-2: #111826;--bg-hover: #151d2e;--bg-input: #080c14;--text-primary: #d0e8ff;--text-secondary: #6e8aab;--text-muted: #3a4d6a;--accent: #00d4ff;--accent-dim: #0099bb;--accent-glow: rgba(0, 212, 255, .08);--accent-glow-strong: rgba(0, 212, 255, .15);--green: #00ff88;--green-glow: rgba(0, 255, 136, .12);--yellow: #ffaa00;--yellow-glow: rgba(255, 170, 0, .12);--orange: #ff6a00;--orange-glow: rgba(255, 106, 0, .12);--red: #ff3355;--red-glow: rgba(255, 51, 85, .12);--purple: #b388ff;--purple-glow: rgba(179, 136, 255, .12);--danger: #ff3355;--border: rgba(0, 212, 255, .12);--border-light: rgba(0, 212, 255, .06);--border-bright: rgba(0, 212, 255, .3);--radius-sm: 4px;--radius: 8px;--radius-lg: 12px;--shadow: 0 0 12px rgba(0, 0, 0, .4), 0 0 1px rgba(0, 212, 255, .06);--shadow-lg: 0 4px 24px rgba(0, 0, 0, .5), 0 0 2px rgba(0, 212, 255, .08);--shadow-neon: 0 0 6px rgba(0, 212, 255, .15), 0 0 16px rgba(0, 212, 255, .05);--transition: .2s cubic-bezier(.4, 0, .2, 1);--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Consolas", "Monaco", monospace}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font);background:var(--bg-body);color:var(--text-primary);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased}.page-enter{animation:pageIn .3s ease}@keyframes pageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.app{display:flex;min-height:100vh}.system-status-banner{display:flex;align-items:center;gap:12px;padding:6px 32px;font-size:.75rem;font-family:var(--font-mono);font-weight:500;letter-spacing:.03em;border-bottom:1px solid var(--border);background:linear-gradient(90deg,rgba(0,212,255,.04) 0%,transparent 50%,rgba(0,212,255,.04) 100%);position:relative;overflow:hidden}.system-status-banner:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,212,255,.06),transparent);animation:scanLine 4s linear infinite}@keyframes scanLine{to{left:100%}}.system-status-banner.status-normal{border-bottom-color:#0f83}.system-status-banner.status-degraded{border-bottom-color:#ffaa004d;background:linear-gradient(90deg,rgba(255,170,0,.04) 0%,transparent 50%)}.system-status-banner.status-down{border-bottom-color:#ff33554d;background:linear-gradient(90deg,rgba(255,51,85,.06) 0%,transparent 50%)}@keyframes bannerPulse{0%,to{background:linear-gradient(90deg,rgba(255,51,85,.04) 0%,transparent 50%)}50%{background:linear-gradient(90deg,rgba(255,51,85,.1) 0%,transparent 50%)}}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot.green{background:var(--green);box-shadow:0 0 4px var(--green)}.status-dot.yellow{background:var(--yellow);box-shadow:0 0 4px var(--yellow)}.status-dot.red{background:var(--red);box-shadow:0 0 4px var(--red)}@keyframes dotPulse{0%,to{opacity:1}50%{opacity:.6}}.status-text{color:var(--text-secondary)}.status-text strong{color:var(--text-primary)}.status-meta{margin-left:auto;color:var(--text-muted)}.sidebar{width:250px;background:var(--bg-surface);padding:20px 12px;display:flex;flex-direction:column;border-right:1px solid var(--border);position:sticky;top:0;height:100vh;overflow-y:auto;transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .25s ease,width .35s cubic-bezier(.4,0,.2,1);z-index:30}.sidebar.hidden{transform:translate(-100%);opacity:0;width:0;padding:0;overflow:hidden;border-right:none}.sidebar-toggle{position:fixed;top:40px;left:16px;z-index:60;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#0c1018e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:50%;color:var(--accent-dim);cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000004d}.sidebar-toggle:hover{background:var(--bg-surface-2);color:var(--accent);border-color:var(--accent-dim);box-shadow:0 0 12px #00d4ff26}.sidebar-toggle-open{left:256px}.sidebar-collapsed .system-status-banner{display:none}.mute-toggle{background:transparent;border:1px solid transparent;border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:.85rem;padding:2px 6px;transition:all .2s ease;line-height:1}.mute-toggle:hover{background:#ffffff0f;border-color:var(--border);color:var(--text-primary)}.sidebar-collapsed .content{display:none}.logo h1{font-size:1.35rem;font-weight:700;margin-bottom:28px;padding:0 8px;background:linear-gradient(135deg,var(--accent),#66ffcc);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em;filter:drop-shadow(0 0 6px rgba(0,212,255,.15));cursor:pointer;transition:filter .2s ease}.logo h1:hover{filter:drop-shadow(0 0 10px rgba(0,212,255,.25))}.nav-links{list-style:none;flex:1}.nav-links li{margin-bottom:2px}.nav-links a{display:flex;align-items:center;gap:10px;padding:10px 12px;color:var(--text-secondary);text-decoration:none;border-radius:var(--radius);transition:all var(--transition);font-size:.9rem;font-weight:500;position:relative}.nav-links a:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-links a.active{background:var(--accent-glow);color:var(--accent);font-weight:600;border-left:3px solid var(--accent)}.nav-links a.active:before{content:"";position:absolute;left:-3px;top:0;bottom:0;width:3px;background:var(--accent);box-shadow:0 0 8px var(--accent),0 0 16px #00d4ff33;border-radius:3px;animation:glowTrailIn .3s ease}@keyframes glowTrailIn{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}.nav-links a.disabled{opacity:.4;pointer-events:none}.nav-badge{margin-left:auto;font-size:.65rem;padding:2px 6px;border-radius:999px;background:var(--purple-glow);color:var(--purple);font-weight:600;letter-spacing:.03em}.sidebar-footer{padding:12px 8px 0;border-top:1px solid var(--border);margin-top:8px}.env-badge{padding:8px 12px;background:var(--bg-body);border-radius:var(--radius);text-align:center;font-size:.8rem;font-weight:600;font-family:var(--font-mono);border:1px solid var(--border);letter-spacing:.05em}.lang-toggle{display:flex;gap:4px;margin-top:8px}.lang-toggle button{flex:1;padding:6px;background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:.75rem;font-weight:600;font-family:var(--font-mono);transition:all var(--transition)}.lang-toggle button.active{background:var(--accent-glow);border-color:var(--accent);color:var(--accent);box-shadow:0 0 8px #00d4ff26}.content{flex:1;padding:28px 32px;overflow-y:auto;max-width:1400px}.page-header{margin-bottom:28px}.page-header h2{font-size:1.6rem;font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}.page-header p{color:var(--text-secondary);font-size:.9rem;margin-top:4px;font-family:var(--font-mono)}.card{background:var(--bg-surface);border-radius:var(--radius-lg);padding:22px;margin-bottom:16px;border:1px solid var(--border);transition:all var(--transition);position:relative}.card:hover{border-color:var(--border-bright);box-shadow:0 0 20px #00d4ff0a;transform:translateY(-1px)}.card-glass{background:#0c1018d9;backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.card-title{font-size:1.05rem;font-weight:600;color:var(--text-primary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:24px;perspective:800px}.stat-card{background:var(--bg-surface);border-radius:var(--radius-lg);padding:18px 20px;border:1px solid var(--border);transition:all var(--transition);position:relative;overflow:hidden}.stat-card:before,.stat-card:after{content:"";position:absolute;width:12px;height:12px;border-color:var(--accent-dim);border-style:solid;opacity:.4;transition:opacity var(--transition)}.stat-card:before{top:4px;left:4px;border-width:1px 0 0 1px}.stat-card:after{bottom:4px;right:4px;border-width:0 1px 1px 0}.stat-card:hover{border-color:var(--accent);transform:translateY(-3px) rotateX(2deg) rotateY(-1deg);box-shadow:var(--shadow-neon),0 8px 24px #0000004d}.stat-card:hover:before,.stat-card:hover:after{opacity:1;border-color:var(--accent)}.stat-card-active{border-color:var(--accent)!important;box-shadow:0 0 0 2px var(--accent-glow),var(--shadow-neon)}.stat-value{font-size:1.75rem;font-weight:700;margin-bottom:2px;letter-spacing:-.02em;font-family:var(--font-mono)}.stat-label{color:var(--text-secondary);font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.03em}.stat-value.green{color:var(--green)}.stat-value.yellow{color:var(--yellow)}.stat-value.red{color:var(--red)}.stat-value.blue{color:var(--accent)}.stat-value.purple{color:var(--purple)}.stat-value.orange{color:var(--orange)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.number-stepper{display:flex;align-items:center;gap:0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;width:fit-content}.number-stepper input{width:56px;text-align:center;padding:6px 4px;background:var(--bg-input);border:none;border-left:1px solid var(--border);border-right:1px solid var(--border);color:var(--accent);font-family:var(--font-mono);font-size:.85rem;font-weight:600}.number-stepper input:focus{outline:none;background:var(--bg-surface-2)}.stepper-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg-surface);border:none;color:var(--accent-dim);cursor:pointer;font-size:14px;transition:all .15s ease;-webkit-user-select:none;user-select:none}.stepper-btn:hover{background:var(--accent-glow);color:var(--accent)}.stepper-btn:active{background:var(--accent-glow-strong)}.skeleton{background:linear-gradient(90deg,var(--bg-surface-2) 25%,rgba(0,212,255,.06) 50%,var(--bg-surface-2) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius)}.skeleton-text{height:14px;margin-bottom:8px;border-radius:4px}.skeleton-stat{height:40px;width:80px;border-radius:6px}.skeleton-card{height:100px;border-radius:var(--radius-lg)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.loading{display:flex;justify-content:center;align-items:center;padding:60px;color:var(--text-secondary);font-size:.9rem;font-family:var(--font-mono)}.loading:before{content:">";margin-right:8px;color:var(--accent);animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.form-group{margin-bottom:18px}.form-group label{display:block;margin-bottom:6px;font-weight:500;font-size:.85rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;font-family:var(--font-mono)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 14px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:.9rem;font-family:var(--font-mono);transition:all var(--transition)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow),var(--shadow-neon)}.form-group input:disabled,.form-group select:disabled{opacity:.4;cursor:not-allowed}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 18px;border:1px solid transparent;border-radius:var(--radius);font-size:.875rem;font-weight:600;font-family:var(--font);cursor:pointer;transition:all var(--transition);white-space:nowrap;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg,var(--accent-dim),var(--accent));color:#000;border:1px solid var(--accent)}.btn-primary:hover{box-shadow:var(--shadow-neon);transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg,#cc2244,var(--red));color:#fff;border:1px solid var(--red)}.btn-danger:hover{box-shadow:0 0 15px #f356;transform:translateY(-1px)}.btn-success{background:linear-gradient(135deg,#00bb66,var(--green));color:#000;border:1px solid var(--green)}.btn-success:hover{box-shadow:0 0 15px #0f86;transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-bright)}.btn-sm{padding:6px 12px;font-size:.8rem}.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.confirm-box{background:var(--red-glow);border:1px solid var(--red);border-radius:var(--radius);padding:18px;margin-top:16px;box-shadow:0 0 20px #ff33551a}.confirm-box h4{color:var(--red);margin-bottom:10px;font-size:.95rem}.confirm-box p{font-size:.875rem;margin-bottom:4px}.confirm-box code{background:var(--bg-body);padding:2px 6px;border-radius:4px;font-size:.8rem;color:var(--red);font-family:var(--font-mono)}.confirm-input{margin-top:10px}.confirm-input input{width:100%;padding:10px 14px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:.9rem;font-family:var(--font-mono)}.confirm-input input:focus{outline:none;border-color:var(--red);box-shadow:0 0 10px #f353}.level-buttons{display:flex;gap:10px;margin-bottom:18px}.level-btn{flex:1;padding:14px 12px;border:1px solid var(--border);border-radius:var(--radius);background:transparent;color:var(--text-primary);cursor:pointer;transition:all var(--transition);font-family:var(--font);text-align:center}.level-btn:hover{border-color:var(--accent);background:var(--accent-glow);transform:translateY(-1px)}.level-btn.active{border-color:var(--accent);background:var(--accent-glow);box-shadow:0 0 12px #00d4ff26}.level-btn.l0{border-color:#00ff884d}.level-btn.l0.active{background:var(--green-glow);border-color:var(--green);box-shadow:0 0 12px #0f83}.level-btn.l1{border-color:#ffaa004d}.level-btn.l1.active{background:var(--yellow-glow);border-color:var(--yellow);box-shadow:0 0 12px #fa03}.level-btn.l2,.level-btn.l3{border-color:#ff33554d}.level-btn.l2.active,.level-btn.l3.active{background:var(--red-glow);border-color:var(--red);box-shadow:0 0 12px #f353}.level-btn strong{display:block;font-size:1rem;margin-bottom:2px;font-family:var(--font-mono)}.level-btn small{font-size:.75rem;color:var(--text-secondary)}.level-btn.disabled-tier{opacity:.35;pointer-events:none;border-style:dashed}.health-gauge{position:relative;height:6px;border-radius:3px;background:linear-gradient(90deg,var(--green),var(--yellow),var(--orange),var(--red));margin-bottom:24px;overflow:visible}.health-gauge-track{position:absolute;top:-4px;width:14px;height:14px;border-radius:50%;background:var(--text-primary);border:2px solid var(--bg-body);transform:translate(-50%);transition:left .5s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px #ffffff80;z-index:1}.health-gauge-labels{display:flex;justify-content:space-between;margin-top:10px;font-size:.7rem;font-family:var(--font-mono);color:var(--text-muted)}.health-gauge-labels span{text-transform:uppercase;letter-spacing:.04em}.health-gauge-labels span.gauge-active{color:var(--text-primary);font-weight:600}.duration-presets{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.duration-btn{padding:8px 16px;border:1px solid var(--border);border-radius:var(--radius);background:transparent;color:var(--text-secondary);cursor:pointer;font-family:var(--font-mono);font-size:.8rem;font-weight:500;transition:all var(--transition)}.duration-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-glow)}.duration-btn.active{border-color:var(--accent);color:var(--accent);background:var(--accent-glow);box-shadow:0 0 10px #00d4ff26}.duration-info{margin-top:10px;padding:8px 12px;background:var(--accent-glow);border-radius:var(--radius);font-size:.8rem;font-family:var(--font-mono);color:var(--accent);border:1px solid rgba(0,212,255,.15)}.audit-table,.data-table{width:100%;border-collapse:collapse}.audit-table th,.data-table th{padding:10px 14px;text-align:left;font-weight:500;font-size:.75rem;color:var(--accent-dim);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border);background:var(--bg-surface-2);font-family:var(--font-mono)}.audit-table td,.data-table td{padding:10px 14px;border-bottom:1px solid var(--border-light);font-size:.875rem}.audit-table tr:hover,.data-table tr:hover{background:var(--bg-hover)}.audit-table code,.data-table code{background:var(--bg-body);padding:2px 6px;border-radius:4px;font-size:.8rem;color:var(--accent);font-family:var(--font-mono)}.badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;font-size:.75rem;font-weight:600;letter-spacing:.02em;font-family:var(--font-mono)}.badge-green{background:#00ff882e;color:var(--text-primary);border:1px solid rgba(0,255,136,.2)}.badge-red{background:#ff33552e;color:var(--text-primary);border:1px solid rgba(255,51,85,.2)}.badge-yellow{background:#ffaa002e;color:var(--text-primary);border:1px solid rgba(255,170,0,.2)}.badge-blue{background:#00d4ff26;color:var(--text-primary);border:1px solid rgba(0,212,255,.2)}.badge-purple{background:#b388ff2e;color:var(--text-primary);border:1px solid rgba(179,136,255,.2)}.badge-pulse{animation:none}.health-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}.health-dot.healthy{background:var(--green);box-shadow:0 0 4px var(--green)}.health-dot.degraded{background:var(--yellow);box-shadow:0 0 4px var(--yellow)}.health-dot.down{background:var(--red);box-shadow:0 0 4px var(--red)}@keyframes pulse-green{0%,to{box-shadow:0 0 4px var(--green)}50%{box-shadow:0 0 16px var(--green),0 0 30px #00ff884d}}@keyframes pulse-yellow{0%,to{box-shadow:0 0 4px var(--yellow)}50%{box-shadow:0 0 16px var(--yellow),0 0 30px #ffaa004d}}@keyframes pulse-red{0%,to{box-shadow:0 0 4px var(--red)}50%{box-shadow:0 0 20px var(--red),0 0 40px #f356}}.ks-warning-bar{padding:10px 18px;margin-bottom:16px;border-radius:var(--radius);font-weight:600;font-size:.9rem;font-family:var(--font-mono);display:flex;align-items:center;gap:8px}.ks-warning-bar.l1{background:var(--yellow-glow);border:1px solid var(--yellow);color:var(--yellow)}.ks-warning-bar.l2,.ks-warning-bar.l3{background:var(--red-glow);border:1px solid var(--red);color:var(--red)}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:8px;max-width:380px}.toast{display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:var(--radius);background:var(--bg-surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);animation:toast-in .3s ease;font-size:.875rem;font-family:var(--font-mono);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.toast-exit{animation:toast-out .3s ease forwards}.toast-icon{font-size:1rem;font-weight:700;flex-shrink:0;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:50%}.toast-success{border-color:var(--green);box-shadow:var(--shadow-lg),0 0 10px #00ff881a}.toast-success .toast-icon{background:var(--green-glow);color:var(--green)}.toast-error{border-color:var(--red);box-shadow:var(--shadow-lg),0 0 10px #ff33551a}.toast-error .toast-icon{background:var(--red-glow);color:var(--red)}.toast-warning{border-color:var(--yellow)}.toast-warning .toast-icon{background:var(--yellow-glow);color:var(--yellow)}.toast-info{border-color:var(--accent);box-shadow:var(--shadow-lg),0 0 10px #00d4ff1a}.toast-info .toast-icon{background:var(--accent-glow);color:var(--accent)}@keyframes toast-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toast-out{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9998;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal-content{background:var(--bg-surface);border:1px solid var(--border-bright);border-radius:var(--radius-lg);padding:28px;max-width:440px;width:90%;box-shadow:var(--shadow-lg),var(--shadow-neon)}.modal-title{font-size:1.1rem;font-weight:700;margin-bottom:10px}.modal-message{color:var(--text-secondary);font-size:.9rem;margin-bottom:20px;line-height:1.6}.modal-actions{display:flex;gap:10px;justify-content:flex-end}.error-message{background:var(--red-glow);border:1px solid var(--red);color:var(--red);padding:10px 14px;border-radius:var(--radius);margin-bottom:16px;font-size:.875rem;font-family:var(--font-mono)}.success-message{background:var(--green-glow);border:1px solid var(--green);color:var(--green);padding:10px 14px;border-radius:var(--radius);margin-bottom:16px;font-size:.875rem}.refresh-hint{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-surface-2);border-radius:var(--radius);border:1px solid var(--border);color:var(--text-muted);font-size:.8rem;font-family:var(--font-mono);margin-bottom:14px}.pagination{display:flex;align-items:center;gap:8px;margin-top:16px;padding-top:12px;border-top:1px solid var(--border-light)}.pagination span{color:var(--text-secondary);font-size:.85rem;font-family:var(--font-mono)}.pagination .ml-auto{margin-left:auto;color:var(--text-muted);font-size:.8rem}.actions-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.section-divider{height:1px;background:var(--border);margin:24px 0}.tier-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.tier-card{padding:16px;border-radius:var(--radius);border:1px solid var(--border);text-align:center;transition:all var(--transition)}.tier-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-neon)}.tier-card.active{border-color:var(--accent);background:var(--accent-glow)}.tier-card.disabled-tier{opacity:.35;border-style:dashed}.tier-card h4{font-size:.85rem;margin-bottom:6px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.03em}.tier-card .tier-credits{font-size:1.5rem;font-weight:700;color:var(--accent);font-family:var(--font-mono);text-shadow:0 0 20px rgba(0,212,255,.3)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-dim)}@media (max-width: 768px){.sidebar{width:200px;padding:14px 8px}.content{padding:18px}.stats-grid{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:1fr}.level-buttons{flex-wrap:wrap}.system-status-banner{padding:6px 16px;font-size:.7rem}}.timer-presets{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.timer-btn{padding:6px 14px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-surface-2);color:var(--text-secondary);font-size:.78rem;font-family:var(--font-mono);font-weight:500;cursor:pointer;transition:all var(--transition)}.timer-btn:hover{border-color:var(--accent-dim);color:var(--accent);background:var(--accent-glow)}.timer-btn.active{border-color:var(--accent);color:var(--accent);background:var(--accent-glow)}.timer-countdown{display:flex;align-items:center;gap:8px;margin-top:8px;padding:6px 12px;background:var(--accent-glow);border-radius:var(--radius);font-family:var(--font-mono);font-size:.78rem;color:var(--accent)}.mini-terminal{position:fixed;bottom:12px;right:12px;z-index:9990;font-family:var(--font-mono);transition:all .25s ease}.mini-terminal.collapsed{width:38px;height:22px;overflow:hidden}.mini-terminal-toggle{display:flex;align-items:center;justify-content:center;width:38px;height:22px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--accent);cursor:pointer;font-size:.65rem;font-family:var(--font-mono);transition:all var(--transition)}.mini-terminal-toggle:hover{border-color:var(--accent-dim);background:var(--accent-glow)}.mini-terminal-panel{width:320px;max-height:200px;overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);padding:8px 0}.mini-terminal-header{display:flex;align-items:center;justify-content:space-between;padding:0 10px 6px;border-bottom:1px solid var(--border-light);margin-bottom:4px}.mini-terminal-header span{font-size:.65rem;color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase}.mini-terminal-header button{background:none;border:none;color:var(--text-muted);font-size:.7rem;cursor:pointer;padding:0 2px}.mini-terminal-header button:hover{color:var(--text-primary)}.terminal-line{padding:2px 10px;font-size:.68rem;color:var(--text-secondary);display:flex;gap:6px;line-height:1.5}.terminal-line .time{color:var(--text-muted);flex-shrink:0}.terminal-line .action{color:var(--accent)}.terminal-line.error .action{color:var(--red)}.terminal-line.success .action{color:var(--green)}.cmd-palette-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:99999;display:flex;align-items:flex-start;justify-content:center;padding-top:20vh;animation:cmd-fade-in .15s ease}@keyframes cmd-fade-in{0%{opacity:0}to{opacity:1}}.cmd-palette{width:480px;max-width:90vw;background:var(--bg-surface);border:1px solid var(--border-bright);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 8px 40px #0009}.cmd-palette input{width:100%;padding:14px 18px;background:transparent;border:none;border-bottom:1px solid var(--border);color:var(--text-primary);font-size:1rem;font-family:var(--font-mono);outline:none}.cmd-palette input::placeholder{color:var(--text-muted)}.cmd-results{max-height:260px;overflow-y:auto}.cmd-result-item{display:flex;align-items:center;gap:10px;padding:10px 18px;cursor:pointer;color:var(--text-secondary);font-size:.88rem;transition:all .1s ease}.cmd-result-item:hover,.cmd-result-item.active{background:var(--accent-glow);color:var(--accent)}.cmd-result-item .shortcut{margin-left:auto;font-size:.7rem;color:var(--text-muted);font-family:var(--font-mono)}.ks-warning-bar{padding:10px 18px;margin-bottom:16px;border-radius:var(--radius);display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.82rem;font-weight:600;color:var(--text-primary);letter-spacing:.02em}.ks-warning-bar.l1{background:#ffaa001a;border:1px solid rgba(255,170,0,.25)}.ks-warning-bar.l2,.ks-warning-bar.l3{background:#ff33551a;border:1px solid rgba(255,51,85,.25)}.btn-refresh{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-surface);color:var(--accent);cursor:pointer;transition:all var(--transition)}.btn-refresh:hover{background:var(--accent-glow);border-color:var(--accent-dim);box-shadow:var(--shadow-neon)}.btn-refresh:disabled{opacity:.5;cursor:not-allowed}.btn-refresh svg.spin{animation:refreshSpin .6s ease-in-out}@keyframes refreshSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.stat-card-animated{transition:transform .2s ease,box-shadow .2s ease}.stat-card-animated:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.starfield-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:.55}.boot-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:var(--bg-body);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;pointer-events:all}.boot-welcome{font-family:var(--font-mono);font-size:1.6rem;font-weight:700;margin-bottom:8px;background:linear-gradient(135deg,var(--accent),#66ffcc);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;opacity:0;transform:translateY(-8px);transition:opacity .5s ease,transform .5s ease}.boot-welcome.boot-visible{opacity:1;transform:translateY(0)}.boot-terminal{width:380px;font-family:var(--font-mono);font-size:.8rem;display:flex;flex-direction:column;gap:3px}.boot-task{display:flex;align-items:center;gap:10px;padding:4px 0;color:var(--text-secondary);animation:bootTaskSlideIn .2s ease both}.boot-task-active{color:var(--accent)}.boot-task-done{color:var(--text-secondary);opacity:.7}.boot-indicator{width:14px;text-align:center;font-size:.85rem;flex-shrink:0}.boot-task-active .boot-indicator{color:var(--accent)}.boot-task-done .boot-indicator{color:#6fc}.boot-task-text{flex:1}.boot-task-time{font-size:.7rem;color:var(--text-secondary);opacity:.5}.boot-progress-track{width:380px;height:3px;background:#ffffff0f;border-radius:2px;overflow:hidden;margin-top:4px}.boot-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),#66ffcc);border-radius:2px;transition:width .3s ease;box-shadow:0 0 8px #00d4ff4d}.boot-ready{font-family:var(--font-mono);font-size:.8rem;color:#6fc;animation:bootReadyPulse .6s ease}@keyframes bootTaskSlideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes bootReadyPulse{0%{opacity:0;transform:scale(.95)}60%{opacity:1;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.data-reveal{animation:dataFadeIn .4s ease}@keyframes dataFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.clock-widget{padding:8px 12px;background:var(--bg-body);border-radius:var(--radius);border:1px solid var(--border);text-align:center;font-family:var(--font-mono);font-size:.85rem;font-weight:600;color:var(--accent);letter-spacing:.08em;margin-top:8px}.clock-widget .clock-date{font-size:.65rem;color:var(--text-muted);font-weight:400;letter-spacing:.02em;margin-top:2px}.shortcuts-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;animation:fadeIn .15s ease}.shortcuts-modal{background:var(--bg-surface);border:1px solid var(--border-bright);border-radius:var(--radius-lg);padding:28px 32px;min-width:380px;max-width:480px;box-shadow:var(--shadow-lg),0 0 40px #00d4ff0f}.shortcuts-modal h3{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:20px;display:flex;align-items:center;gap:8px}.shortcut-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border-light)}.shortcut-row:last-child{border-bottom:none}.shortcut-label{font-size:.85rem;color:var(--text-secondary)}.shortcut-keys{display:flex;gap:4px}.key-badge{padding:3px 8px;background:var(--bg-body);border:1px solid var(--border);border-radius:4px;font-family:var(--font-mono);font-size:.7rem;font-weight:600;color:var(--accent);letter-spacing:.02em}.ambient-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:800;background:var(--bg-body);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;animation:fadeIn .5s ease}.ambient-clock{font-family:var(--font-mono);font-size:5rem;font-weight:700;background:linear-gradient(135deg,var(--accent),#66ffcc);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:.05em;filter:drop-shadow(0 0 20px rgba(0,212,255,.2))}.ambient-date{font-family:var(--font-mono);font-size:1rem;color:var(--text-muted);letter-spacing:.03em}.ambient-hint{position:absolute;bottom:40px;font-size:.75rem;color:var(--text-muted);font-family:var(--font-mono);opacity:.5}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.odometer-digit{display:inline-block;overflow:hidden;height:1.75rem;vertical-align:bottom}.odometer-digit-inner{transition:transform .6s cubic-bezier(.4,0,.2,1)}.sparkline-container{display:flex;align-items:flex-end;gap:2px;height:32px;padding:4px 0}.sparkline-bar{flex:1;min-width:3px;max-width:6px;background:var(--accent);border-radius:2px 2px 0 0;opacity:.6;transition:height .3s ease,opacity .2s ease}.sparkline-bar:hover{opacity:1}.sparkline-bar.high{background:var(--red)}.sparkline-bar.medium{background:var(--yellow)}.audit-timeline{position:relative;padding-left:24px}.audit-timeline:before{content:"";position:absolute;left:8px;top:0;bottom:0;width:2px;background:var(--border)}.timeline-item{position:relative;padding:12px 0;border-bottom:1px solid var(--border-light)}.timeline-item:before{content:"";position:absolute;left:-20px;top:18px;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 6px var(--accent)}.timeline-item .timeline-time{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted)}.timeline-item .timeline-action{font-size:.85rem;color:var(--text-primary);margin-top:2px}