:root{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--text-primary:#e2e8f0;--text-secondary:#94a3b8;--border-color:#334155;--accent-color:#3b82f6;--accent-hover:#2563eb}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg-primary);color:var(--text-primary);transition:background .3s,color .3s}.app-container{min-height:100vh}.nav-bar{display:flex;align-items:center;padding:0 24px;height:60px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);transition:background .3s,border-color .3s}.nav-brand{font-size:18px;font-weight:700;color:var(--text-primary);margin-right:40px}.nav-links{display:flex;gap:8px}.nav-links a{padding:8px 16px;color:var(--text-secondary);text-decoration:none;border-radius:8px;font-size:14px;transition:all .2s}.nav-links a:hover{background:rgba(100,116,139,.2);color:var(--text-primary)}.nav-links a.active{background:var(--accent-color);color:#fff}.nav-actions{margin-left:auto}.theme-toggle{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:13px;cursor:pointer;transition:all .2s}.theme-toggle:hover{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.theme-icon{font-size:16px}.theme-text{font-size:13px}.main-content{min-height:calc(100vh - 60px)}