:root{--bg:#0f172a;--surface:#1e293b;--surface-raised:#263548;--border:#334155;--border-subtle:rgba(51,65,85,.6);--text:#f1f5f9;--text-muted:#94a3b8;--text-dim:#64748b;--accent:#10b981;--accent-dim:rgba(16,185,129,.12);--accent-border:rgba(16,185,129,.3);--danger:#ef4444;--warning:#f59e0b;--info:#6366f1}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#334155;border-radius:10px}input,select,textarea{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:9px 12px;font-size:14px;font-family:inherit;outline:none;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}input::placeholder,textarea::placeholder{color:#475569}button{cursor:pointer;font-family:inherit}a{color:inherit;text-decoration:none}.sidebar{width:232px;min-height:100vh;border-right:1px solid var(--border);bottom:0;display:flex;flex-direction:column}.mobile-topbar,.sidebar{background:var(--surface);position:fixed;left:0;top:0;z-index:50}.mobile-topbar{display:none;right:0;height:56px;border-bottom:1px solid var(--border);align-items:center;justify-content:space-between;padding:0 16px}.mobile-drawer{display:none;position:fixed;top:0;left:0;bottom:0;width:260px;background:var(--surface);border-right:1px solid var(--border);flex-direction:column;z-index:60;transition:transform .25s cubic-bezier(.4,0,.2,1)}.main-content{margin-left:232px;min-height:100vh}@media (max-width:768px){.sidebar{display:none}.mobile-drawer,.mobile-topbar{display:flex}.main-content{margin-left:0;padding-top:56px}}.page{padding:32px;max-width:1200px}@media (max-width:768px){.page{padding:16px}}.page-container{padding:32px;max-width:1200px}@media (max-width:768px){.page-container{padding:16px}}.page-header{margin-bottom:28px}.page-title{font-size:22px;font-weight:700;color:var(--text);letter-spacing:-.02em;margin-bottom:4px}.page-subtitle{font-size:14px;color:var(--text-dim)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;margin-bottom:28px}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px}.table-container,.table-scroll{overflow-x:auto}.table-scroll{-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse}thead th{padding:10px 16px;font-size:11px;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border);text-align:left;white-space:nowrap}tbody tr{border-bottom:1px solid var(--border-subtle);transition:background .1s}tbody tr:hover{background:rgba(16,185,129,.03)}tbody td{padding:14px 16px;font-size:14px;color:var(--text);vertical-align:middle}.table-row:hover{background:rgba(16,185,129,.03)!important}.btn{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:8px;font-size:14px;font-weight:600;border:none;cursor:pointer;transition:opacity .15s,box-shadow .15s;text-decoration:none;white-space:nowrap}.btn:hover{opacity:.88}.btn-primary{background:var(--accent);color:#fff}.btn-secondary{background:var(--surface-raised);color:var(--text)}.btn-ghost,.btn-secondary{border:1px solid var(--border)}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-danger{background:rgba(239,68,68,.1);color:#fca5a5;border:1px solid rgba(239,68,68,.2)}.btn-sm{padding:6px 12px;font-size:13px}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:20px;font-size:12px;font-weight:500}.nav-link:hover{background:rgba(16,185,129,.08)!important;color:var(--text)!important}.logout-btn:hover{color:#94a3b8!important;background:hsla(0,0%,100%,.05)!important}.deal-card:hover,.view-playbook-btn:hover{border-color:rgba(16,185,129,.4)!important}.view-playbook-btn:hover{background-color:rgba(16,185,129,.2)!important}@media (max-width:640px){.hide-mobile{display:none!important}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}