:root{--theme-bg: #0d1117;--theme-surface: #161b22;--theme-sidebar: #0a0f16;--theme-border: #2f3a4d;--theme-accent: #58a6ff;--theme-text-primary: #e6edf3;--theme-text-secondary: #9ba7b4;--theme-success: #3fb950;--theme-warning: #d29922;--theme-error: #f85149}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:JetBrains Mono,Fira Code,monospace;background:radial-gradient(circle at top right,#172030,#0d1117 60%);color:var(--theme-text-primary)}a{color:var(--theme-accent)}button,input,textarea,select{font:inherit;border:1px solid var(--theme-border);background:#121b2b;color:var(--theme-text-primary);border-radius:8px;padding:8px 10px}button{cursor:pointer}button.active{background:#1f3f86}textarea{resize:vertical}.screen-center{min-height:100%;display:grid;place-items:center;padding:20px}.shell-layout{height:100%;display:grid;grid-template-columns:230px 1fr}.sidebar{border-right:1px solid var(--theme-border);background:var(--theme-sidebar);padding:12px;display:grid;align-content:start;gap:8px}.sidebar-title{font-size:16px;color:var(--theme-accent);margin-bottom:6px}.sidebar-link{text-align:left;border-radius:8px;background:transparent}.sidebar-link.active{background:#1d2a3d}.shell-main{padding:14px;overflow:auto;display:grid;align-content:start;gap:12px}.shell-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.shell-header h2{margin:0}.shell-header small{color:var(--theme-text-secondary)}.dashboard-grid,.contacts-page,.pipeline-page,.calendar-page,.messages-page,.campaigns-page,.commissions-page,.settings-page{display:grid;gap:12px}.two-col-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.split-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.form-grid{display:grid;gap:10px}.form-grid label{display:grid;gap:6px}.row-actions{display:flex;gap:8px;flex-wrap:wrap}.list-reset{margin:0;padding:0;list-style:none;display:grid;gap:8px}.list-reset li{border:1px solid var(--theme-border);border-radius:8px;padding:8px;display:grid;gap:4px}.list-reset li strong{font-size:13px}.list-reset li span,.list-reset li small{color:var(--theme-text-secondary);font-size:12px}.selected-row{border-color:var(--theme-accent)!important;background:#10213f}.row-button{all:unset;cursor:pointer;display:grid;gap:4px}.auth-error{color:var(--theme-error);margin:0}.auth-hint{color:#9fb4d8;margin:0}.kpi{margin:0;font-size:30px;font-weight:700}.kpi-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.kpi-grid.compact{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.kpi-block{display:grid;gap:4px;border:1px solid var(--theme-border);border-radius:8px;padding:10px}.kpi-block span{color:var(--theme-text-secondary);font-size:12px}.kpi-block strong{font-size:22px}.kanban-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.kanban-column{border:1px dashed var(--theme-border);border-radius:10px;padding:8px;display:grid;gap:8px;min-height:150px;background:#0f172673}.kanban-header{display:flex;justify-content:space-between;align-items:center}.deal-card{text-align:left;display:grid;gap:4px;padding:8px;border-radius:8px;border:1px solid var(--theme-border);background:#172235}.deal-card.selected{border-color:var(--theme-accent)}.message-list{margin:0 0 10px;padding:0;list-style:none;display:grid;gap:8px;max-height:360px;overflow:auto}.message-list li{border:1px solid var(--theme-border);border-radius:8px;padding:8px}.message-list li p{margin:0 0 6px}.message-list li small{color:var(--theme-text-secondary)}.message-outbound{background:#143769}.message-inbound{background:#1a252f}.message-compose{display:grid;gap:8px}.step-row{display:grid;gap:8px;grid-template-columns:120px 120px 1fr;margin-bottom:8px}.plans-grid{display:grid;gap:8px;margin:10px 0}.checkbox-row{display:flex!important;align-items:center;gap:8px}.mfa-box{margin-top:10px;border:1px solid var(--theme-border);border-radius:8px;padding:10px}.contact-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}.contact-detail-grid>div{border:1px solid var(--theme-border);border-radius:8px;padding:8px;display:grid;gap:4px}@media (max-width: 900px){.shell-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr}.sidebar{border-right:0;border-bottom:1px solid var(--theme-border);grid-auto-flow:column;overflow:auto;white-space:nowrap}}
