@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap";:root{color:#f7f9fc;font-synthesis:none;--brand:#0051fc;--bg:#090d16;--surface:#111722;--surface-2:#171d2a;--border:#283243;--text:#f7f9fc;--muted:#98a3b5;background:#090d16;font-family:Manrope,Inter,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}button,input,select{font:inherit}button{cursor:pointer}.app-shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);background:#0b101a;flex-direction:column;gap:18px;padding:18px 14px;display:flex}.brand-mark{align-items:center;gap:10px;padding:6px 8px;display:flex}.brand-mark>span,.auth-logo>span{background:var(--brand);border-radius:10px;place-items:center;width:32px;height:32px;font-weight:700;display:grid}.brand-mark strong{font-size:17px}.sidebar nav{flex-direction:column;gap:4px;display:flex}.nav-item{color:var(--muted);border-radius:10px;align-items:center;gap:10px;padding:10px;font-size:13px;text-decoration:none;display:flex}.nav-item:hover,.nav-item.active{background:var(--surface-2);color:var(--text)}.nav-item small{border:1px solid var(--border);border-radius:999px;margin-left:auto;padding:2px 5px;font-size:9px}.sidebar-footer{border-top:1px solid var(--border);align-items:center;gap:10px;margin-top:auto;padding:10px;display:flex}.sidebar-footer small{color:var(--muted);font-size:10px;display:block}.avatar{background:var(--surface-2);border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.main{min-width:0}.topbar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:10;background:#090d16eb;align-items:center;gap:8px;height:64px;padding:0 24px;display:flex;position:sticky;top:0}.topbar input{background:var(--surface);border:1px solid var(--border);width:min(520px,70vw);color:var(--text);border-radius:12px;outline:none;padding:10px 13px}.page{max-width:1600px;margin:0 auto;padding:28px}.page-head{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.page-head h1{margin:4px 0 6px;font-size:30px}.page-head p,.page-head small{color:var(--muted);margin:0}.actions{gap:8px;display:flex}.ghost-btn,.secondary-btn,.primary-btn{border:1px solid var(--border);border-radius:10px;padding:9px 12px}.ghost-btn,.secondary-btn{background:var(--surface);color:var(--text)}.primary-btn{background:var(--brand);color:#fff;border-color:var(--brand);font-weight:600}.primary-btn.compact{padding:7px 10px}.primary-btn.full{width:100%;margin-top:18px}.kpi-grid{grid-template-columns:repeat(6,minmax(140px,1fr));gap:12px;margin-bottom:18px;display:grid}.kpi-card,.panel,.integration-card,.coming-box{background:var(--surface);border:1px solid var(--border);border-radius:14px}.kpi-card{padding:16px}.kpi-card span,.kpi-card small{color:var(--muted);font-size:12px}.kpi-card strong{margin:8px 0;font-size:24px;display:block}.two-col{grid-template-columns:1.2fr 1fr;gap:16px;display:grid}.panel{padding:16px}.panel-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.panel-head h2{font-size:16px}.panel-head span{color:var(--muted)}.list-row,.agenda-row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.list-row:first-of-type,.agenda-row:first-of-type{border-top:0}.list-row small,.agenda-row small{color:var(--muted);margin-top:3px;display:block}.kanban{gap:12px;padding-bottom:10px;display:flex;overflow-x:auto}.kanban-col{min-width:280px;max-width:280px}.kanban-head{justify-content:space-between;align-items:center;padding:8px;display:flex}.kanban-head>div{align-items:center;gap:8px;display:flex}.kanban-head i{border-radius:3px;width:9px;height:9px}.kanban-head strong{font-size:12px}.kanban-head span{color:var(--muted);font-size:11px}.kanban-body{border:1px solid var(--border);background:#ffffff04;border-radius:14px;min-height:360px;padding:8px}.lead-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:8px;padding:12px}.lead-card span,.lead-card small{color:var(--muted);margin-top:4px;font-size:11px;display:block}.lead-meta{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.lead-meta span{font-size:10px}.lead-meta b{font-size:11px}.toolbar{gap:8px;margin-bottom:12px;display:flex}.toolbar input{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:10px;flex:1;padding:10px 12px}.table-wrap{border:1px solid var(--border);background:var(--surface);border-radius:14px;overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}th,td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:13px 14px}th{color:var(--muted);font-weight:500}.status-pill{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:4px 7px;font-size:10px}.tabs{gap:6px;margin-bottom:12px;display:flex}.tabs button{color:var(--muted);background:0 0;border:1px solid #0000;border-radius:9px;padding:8px 10px}.tabs button.active{background:var(--surface);border-color:var(--border);color:var(--text)}.agenda-row time{width:60px;font-weight:700}.agenda-row>div:nth-child(2){flex:1}.chart-placeholder{min-height:180px}.progress{background:var(--surface-2);border-radius:99px;height:8px;margin:20px 0 8px;overflow:hidden}.progress i{background:var(--brand);height:100%;display:block}.integration-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.integration-card{justify-content:space-between;gap:12px;padding:16px;display:flex}.integration-card p{color:var(--muted);font-size:12px}.integration-card>span{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;height:max-content;padding:5px 8px;font-size:10px}.coming{max-width:720px;padding-top:80px}.coming>span,.eyebrow{letter-spacing:.16em;color:#84adff;font-size:10px}.coming h1{margin-bottom:10px;font-size:38px}.coming p{color:var(--muted)}.coming-box{color:var(--muted);margin-top:24px;padding:18px}.auth-screen,.diagnostic{background:radial-gradient(circle at top,#102a66 0,#090d16 42%);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card,.diagnostic-card{border:1px solid var(--border);background:#111722f0;border-radius:20px;width:min(440px,100%);padding:28px;box-shadow:0 24px 80px #00000059}.diagnostic-card{width:min(720px,100%)}.auth-logo{align-items:center;gap:10px;margin-bottom:26px;display:flex}.auth-card p,.diagnostic-card p{color:var(--muted)}label{color:var(--muted);margin-top:14px;font-size:12px;display:block}label input,label select{background:var(--surface-2);border:1px solid var(--border);width:100%;color:var(--text);border-radius:10px;margin-top:6px;padding:11px}.link-btn{width:100%;color:var(--muted);background:0 0;border:0;margin-top:10px}.form-grid{grid-template-columns:1fr 1fr;gap:0 12px;display:grid}.full-field{grid-column:1/-1}@media (width<=1100px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.integration-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=820px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.page{padding:18px}.kpi-grid,.two-col,.integration-grid,.form-grid{grid-template-columns:1fr 1fr}.page-head{flex-direction:column;align-items:flex-start}.topbar{padding:0 16px}.toolbar{flex-wrap:wrap}.toolbar input{flex-basis:100%}}@media (width<=560px){.kpi-grid,.two-col,.integration-grid,.form-grid{grid-template-columns:1fr}.page-head h1{font-size:26px}}
