.app-layout{display:flex;min-height:100vh}.sidebar{width:220px;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0}.sidebar-header{padding:20px 16px 16px;border-bottom:1px solid var(--border)}.sidebar-header h1{font-size:16px;font-weight:700;color:var(--text);letter-spacing:.5px}.nav-links{list-style:none;padding:8px;flex:1}.nav-links a,.nav-external{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:6px;color:var(--text-dim);text-decoration:none;font-size:14px;font-weight:500;transition:background .15s,color .15s}.nav-links a:hover,.nav-external:hover{background:var(--surface2);color:var(--text)}.nav-links a.active{background:var(--accent);color:var(--accent-text)}.nav-icon{font-size:16px;width:20px;text-align:center}.sidebar-footer{padding:8px;border-top:1px solid var(--border)}.main-content{flex:1;overflow-y:auto;min-width:0}.app-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:12px;color:var(--text-dim);font-size:14px}.loading-spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg)}.login-card{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:48px 40px;max-width:400px}.login-card h1{font-size:24px;font-weight:700;margin-bottom:8px}.login-card p{color:var(--text-dim);font-size:14px;margin-bottom:32px}.login-btn{background:var(--accent);color:var(--accent-text);border:none;border-radius:8px;padding:12px 24px;font-size:15px;font-weight:600;cursor:pointer;font-family:var(--font-sans);transition:background .15s}.login-btn:hover{background:var(--accent-hover)}:root{--bg: #0f1117;--surface: #1a1d27;--surface2: #242736;--border: #2e3244;--text: #fcfcfa;--text-dim: #888888;--accent: #D4B84A;--accent-hover: #C9AD40;--accent-text: #1a1a1a;--blue: #039CFB;--green: #0EE39B;--yellow: #D4B84A;--orange: #FF9A47;--red: #FC5358;--font-sans: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--font-mono: "Azeret Mono", SFMono-Regular, Menlo, Monaco, Consolas, monospace}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);line-height:1.6}