:root{--gold: #D4A017;--gold-light: #E8C547;--gold-dark: #B8860B;--navy: #0A1628;--navy-light: #0F2140;--text-primary: #1F2937;--text-secondary: #6B7280;--text-muted: #9CA3AF;--bg-primary: #F9FAFB;--bg-card: #FFFFFF;--bg-hover: #F3F4F6;--bg-input: #F9FAFB;--border: #E5E7EB;--sidebar-bg: #0F2140;--sidebar-width: 260px;--sidebar-hover: rgba(255,255,255,.06);--sidebar-active: rgba(212,160,23,.12);--sidebar-text: rgba(255,255,255,.55);--sidebar-text-active: var(--gold);--sidebar-border: rgba(255,255,255,.08);--success: #10B981;--warning: #F59E0B;--error: #EF4444;--info: #2563EB;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 20px;--shadow-sm: 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 6px rgba(0,0,0,.05), 0 2px 4px rgba(0,0,0,.03);--font-display: "Cormorant Garamond", serif;--font-body: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif}[data-theme=dark]{--text-primary: #F0F2F5;--text-secondary: #B0B8C8;--text-muted: #6B7B8F;--bg-primary: #0C1222;--bg-card: #162A4A;--bg-hover: #1E3460;--bg-input: #1A2E50;--border: #2A3A5A;--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 4px 8px rgba(0,0,0,.4)}html{transition:background-color .3s ease,color .3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px}a{color:var(--gold);text-decoration:none}a:hover{text-decoration:underline}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.td-sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width);background:var(--sidebar-bg);display:flex;flex-direction:column;z-index:100;transition:transform .2s ease}.td-sidebar-header{padding:20px 20px 16px;border-bottom:1px solid var(--sidebar-border);display:flex;align-items:center;gap:12px;min-height:64px}.td-sidebar-logo{width:34px;height:34px;border-radius:var(--radius-md);object-fit:contain;background:#ffffff14}.td-sidebar-company{font-size:15px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.td-sidebar-nav{flex:1;padding:8px 0;overflow-y:auto}.td-sidebar-section{padding:0 12px;margin-bottom:4px}.td-sidebar-label{padding:12px 12px 6px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;color:#ffffff4d}.td-sidebar-item{display:flex;align-items:center;gap:10px;padding:9px 12px;margin:1px 0;border-radius:var(--radius-md);color:var(--sidebar-text);font-size:14px;font-weight:400;cursor:pointer;transition:all .15s ease;border:none;background:none;width:100%;text-align:left;font-family:var(--font-body)}.td-sidebar-item:hover{background:var(--sidebar-hover);color:#ffffffd9}.td-sidebar-item.active{background:var(--sidebar-active);color:var(--sidebar-text-active);font-weight:500}.td-sidebar-item svg{width:20px;height:20px;flex-shrink:0;opacity:.55}.td-sidebar-item:hover svg{opacity:.8}.td-sidebar-item.active svg{opacity:1;color:var(--sidebar-text-active)}.td-sidebar-footer{padding:12px;border-top:1px solid var(--sidebar-border)}.td-layout{display:flex;min-height:100vh}.td-main{flex:1;margin-left:var(--sidebar-width);min-height:100vh;background:var(--bg-primary)}.td-content{max-width:1200px;padding:28px 32px}.td-mobile-header{display:none;position:sticky;top:0;z-index:50;background:var(--bg-card);border-bottom:1px solid var(--border);padding:12px 16px;align-items:center;gap:12px}.td-mobile-header-logo{width:28px;height:28px;border-radius:6px;object-fit:contain}.td-mobile-header-title{flex:1;font-size:15px;font-weight:600;color:var(--text-primary)}.td-hamburger{background:none;border:none;padding:6px;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center}.td-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:99}.td-overlay.open{display:block}@media(max-width:1023px){.td-sidebar{transform:translate(-100%)}.td-sidebar.open{transform:translate(0)}.td-mobile-header{display:flex}.td-main{margin-left:0}.td-content{padding:20px 16px}}@media(max-width:640px){.td-content{padding:16px 12px}}
