:root{--gold-900:#5C4316;--gold-800:#7A5C1F;--gold-700:#96721E;--gold-600:#B8860B;--gold-500:#D4A930;--gold-400:#E8C96A;--gold-300:#F2E0A8;--gold-200:#F7ECCC;--gold-100:#FBF5E3;--black:#0A0A0A;--charcoal:#1A1A1A;--dark-gray:#2C2C2A;--mid-gray:#5F5E5A;--light-gray:#9C9A92;--cream:#FAF3E0;--warm-white:#F5F0E6;--off-white:#FEFDFB;--copper:#C9713D;--copper-light:#E09A6A;--ruby:#8B1A1A;--ruby-light:#B33A3A;--teal:#1D6E5C;--teal-light:#2A9B82;--font-sans:"Inter","Segoe UI",system-ui,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--shadow-sm:0 1px 2px rgba(10,10,10,.15);--shadow-md:0 4px 12px rgba(10,10,10,.2);--shadow-lg:0 8px 32px rgba(10,10,10,.3);--shadow-gold:0 4px 16px rgba(184,134,11,.25);--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--bg-base:var(--black);--bg-surface:var(--charcoal);--bg-elevated:var(--dark-gray);--bg-overlay:#2C2C2A;--accent:var(--gold-600);--accent-hover:var(--gold-500);--accent-muted:rgba(184,134,11,.12);--success:var(--teal-light);--error:var(--ruby-light);--warning:var(--gold-500);--text-primary:var(--cream);--text-secondary:var(--light-gray);--text-muted:var(--mid-gray);--border:rgba(242,224,168,.12);--border-light:rgba(242,224,168,.25);--sidebar-w:220px;--radius:var(--radius-md)}@media (prefers-color-scheme:light){:root{--bg-base:var(--off-white);--bg-surface:var(--warm-white);--bg-elevated:var(--gold-100);--text-primary:var(--charcoal);--text-secondary:var(--mid-gray);--text-muted:var(--light-gray);--border:rgba(44,44,42,.12);--border-light:rgba(44,44,42,.25)}}[data-theme=light]{--bg-base:var(--off-white);--bg-surface:var(--warm-white);--bg-elevated:var(--gold-100);--text-primary:var(--charcoal);--text-secondary:var(--mid-gray);--text-muted:var(--light-gray);--border:rgba(44,44,42,.12);--border-light:rgba(44,44,42,.25)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg-base);color:var(--text-primary);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow:hidden}input,button,textarea,select{font-family:inherit;font-size:inherit;outline:none}button{cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.loading-screen{display:flex;align-items:center;justify-content:center;height:100vh;background:var(--bg-base)}.logo-mark{font-size:48px;color:var(--accent);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.btn-primary{width:100%;padding:11px;background:var(--accent);color:var(--black);border-radius:var(--radius-sm);font-weight:600;font-size:14px;transition:background var(--transition-fast);margin-top:8px}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{padding:8px 16px;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius-sm);font-weight:500;transition:border-color var(--transition-fast)}.btn-secondary:hover{border-color:var(--accent)}.error-msg{color:var(--error);font-size:13px;padding:8px 12px;background:#b33a3a14;border-radius:var(--radius-sm);margin-bottom:8px}.success-msg{color:var(--success);font-size:13px;padding:8px 12px;background:#2a9b8214;border-radius:var(--radius-sm);margin-bottom:8px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field label{font-size:12px;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.field input{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;color:var(--text-primary);transition:border-color var(--transition-fast)}.field input:focus{border-color:var(--accent)}.field input::placeholder{color:var(--text-muted)}.orch-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 24px;font-family:var(--font-sans);font-size:14px;font-weight:500;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-base);text-decoration:none}.orch-btn-primary{background:var(--gold-600);color:var(--black)}.orch-btn-primary:hover{background:var(--gold-500);box-shadow:var(--shadow-gold)}.orch-btn-secondary{background:transparent;color:var(--gold-400);border:1px solid var(--gold-600)}.orch-btn-secondary:hover{background:#b8860b1a;border-color:var(--gold-400)}.orch-btn-ghost{background:transparent;color:var(--text-secondary)}.orch-btn-ghost:hover{color:var(--gold-400);background:#b8860b0f}.orch-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.orch-card:hover{border-color:var(--border-light);box-shadow:var(--shadow-sm)}.orch-card-gold{background:var(--bg-surface);border:1px solid rgba(184,134,11,.2);border-radius:var(--radius-lg);padding:24px}.orch-card-gold:hover{border-color:var(--gold-600);box-shadow:var(--shadow-gold)}.orch-input{width:100%;padding:10px 14px;font-family:var(--font-sans);font-size:14px;color:var(--text-primary);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.orch-input::placeholder{color:var(--text-muted)}.orch-input:focus{border-color:var(--gold-600);box-shadow:0 0 0 3px #b8860b26}.orch-badge{display:inline-flex;align-items:center;padding:2px 10px;font-size:12px;font-weight:500;border-radius:var(--radius-full)}.orch-badge-gold{background:#b8860b26;color:var(--gold-400)}.orch-badge-success{background:#1d6e5c26;color:var(--teal-light)}.orch-badge-danger{background:#8b1a1a26;color:var(--ruby-light)}.orch-divider{border:none;height:1px;background:var(--border);margin:24px 0}.orch-divider-gold{border:none;height:1px;background:linear-gradient(90deg,transparent,var(--gold-600),transparent);margin:24px 0}.orch-gradient-gold{background:linear-gradient(135deg,var(--gold-800),var(--gold-500))}.orch-gradient-gold-text{background:linear-gradient(135deg,var(--gold-400),var(--gold-600));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.app-layout{display:flex;height:100vh;overflow:hidden}.sidebar{width:var(--sidebar-w);background:var(--bg-surface);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0}.sidebar-brand{padding:20px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px;justify-content:space-between}.sidebar-brand .logo-mark{font-size:20px;color:var(--accent);animation:none}.sidebar-brand .logo-name{font-size:16px;font-weight:700;letter-spacing:-.3px}.sidebar-nav{flex:1;padding:12px 8px;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);font-weight:500;margin-bottom:2px}.nav-item:hover{background:var(--bg-elevated);color:var(--text-primary)}.nav-item.active{background:var(--accent-muted);color:var(--accent)}.nav-item svg{flex-shrink:0}.sidebar-footer{padding:12px 8px;border-top:1px solid var(--border)}.sidebar-divider{height:1px;background:var(--border);margin:6px 0}.btn-logout{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);font-weight:500;width:100%;margin-top:4px}.btn-logout:hover{background:#b33a3a14;color:var(--error)}.user-info{padding:2px 8px 4px}.user-info .username{font-weight:500;font-size:10px;color:var(--text-muted)}.user-info .role{font-size:9px;color:var(--text-muted);opacity:.6;text-transform:uppercase;letter-spacing:.5px}.clock-compact{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);letter-spacing:.5px;white-space:nowrap}.content-area{flex:1;overflow:hidden;position:relative;background:var(--bg-base)}.welcome-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px;color:var(--text-muted)}.welcome-screen .logo-mark{font-size:64px;color:var(--border-light);animation:none}.welcome-screen h2{font-size:20px;font-weight:600;color:var(--text-secondary)}.welcome-screen p{font-size:13px}.module-panel{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg-base);display:flex;flex-direction:column;overflow:hidden}.module-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--border);background:var(--bg-surface);flex-shrink:0}.module-header h2{font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px}.module-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);color:var(--text-secondary);transition:all var(--transition-fast);font-size:18px}.module-close:hover{background:var(--bg-elevated);color:var(--text-primary)}.module-body{flex:1;overflow:auto;padding:24px}.placeholder-module{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:12px;color:var(--text-muted)}.placeholder-module svg{opacity:.3}.placeholder-module p{font-size:13px}.login-page{display:flex;align-items:center;justify-content:center;height:100vh;background:var(--bg-base)}.login-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:40px;width:360px}.login-logo{display:flex;align-items:center;gap:10px;margin-bottom:32px;justify-content:center}.login-logo .logo-mark{font-size:28px;color:var(--accent);animation:none}.login-logo .logo-name{font-size:22px;font-weight:700;letter-spacing:-.5px}.mfa-page{display:flex;align-items:center;justify-content:center;height:100vh;background:var(--bg-base)}.mfa-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:40px;width:400px}.mfa-card h2{font-size:18px;font-weight:600;margin-bottom:8px}.mfa-card p{color:var(--text-secondary);font-size:13px;margin-bottom:24px}.mfa-input{text-align:center;font-size:24px;font-weight:700;letter-spacing:8px;font-family:var(--font-mono)}.qr-container{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:24px}.qr-container img{border:4px solid #fff;border-radius:var(--radius-sm)}.secret-key{font-family:var(--font-mono);font-size:12px;background:var(--bg-elevated);padding:8px 12px;border-radius:var(--radius-sm);color:var(--text-secondary);letter-spacing:2px}