*{box-sizing:border-box}.buddy-app{color:#172033;background:#f5f7fb;grid-template-columns:220px 1fr;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:grid}.side-nav{color:#fff;background:#0b1220;flex-direction:column;gap:22px;padding:22px 14px;display:flex}.brand{border-bottom:1px solid #243047;align-items:center;gap:12px;padding:0 8px 16px;display:flex}.brand-mark{color:#173d9a;background:#ffe52f;border-radius:12px;place-items:center;width:42px;height:42px;font-size:24px;font-weight:900;display:grid}.brand strong{color:#ffe52f;font-size:18px;display:block}.brand span{color:#a9b5cb;font-size:12px;display:block}.side-nav nav{gap:6px;display:grid}.nav-item{color:#b8c3d6;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:11px 12px;font-weight:700;display:flex}.nav-item.active,.nav-item:hover{color:#fff;background:#18356f}.side-status{color:#dce4f2;border:1px solid #243047;border-radius:12px;margin-top:auto;padding:12px;font-size:13px}.side-status small{color:#8190aa;margin-top:4px;display:block}.dot{background:#f2b84b;border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}.dot.live{background:#24c27a}.workspace{min-width:0}.topbar{background:#fff;border-bottom:1px solid #e3e8f0;justify-content:space-between;align-items:center;gap:20px;padding:24px 28px 20px;display:flex}.eyebrow{letter-spacing:.12em;color:#2d57b8;font-size:11px;font-weight:900}.topbar h1{color:#10245b;margin:4px 0 2px;font-size:26px;font-weight:900}.topbar p{color:#6f7c94;font-size:14px}.top-actions{align-items:center;gap:12px;display:flex}.search{color:#98a3b6;border:1px solid #dfe5ee;border-radius:10px;align-items:center;gap:8px;width:260px;padding:10px 12px;font-size:13px;display:flex}.avatar{color:#062c3c;background:#21c6c7;border-radius:50%;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.kpis{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:18px 28px;display:grid}.kpi{background:#fff;border:1px solid #e2e8f0;border-radius:14px;justify-content:space-between;align-items:center;padding:15px;display:flex;box-shadow:0 4px 16px #16294e0a}.kpi span{text-transform:uppercase;letter-spacing:.08em;color:#71809b;font-size:11px;font-weight:800;display:block}.kpi strong{color:#173d9a;margin-top:5px;font-size:25px;display:block}.kpi-icon{color:#2b5bc5;background:#edf3ff;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.kpi-icon svg{width:18px}.tabbar{background:#fff;border:1px solid #e1e7ef;border-radius:12px 12px 0 0;gap:24px;margin:0 28px;padding:0 16px;display:flex}.tab{color:#66738d;cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;padding:15px 2px 12px;font-weight:800}.tab.active{color:#1d57d6;border-color:#1d57d6}.content-shell{background:#fff;border:1px solid #e1e7ef;border-top:0;grid-template-columns:minmax(0,1fr) 320px;min-height:650px;margin:0 28px 30px;display:grid}.content-main{padding:18px;overflow:auto}.detail-panel{background:#fbfcfe;border-left:1px solid #e5eaf1;padding:20px}.detail-person{align-items:center;gap:12px;display:flex}.detail-avatar,.initials{color:#2254bd;background:#edf3ff;border-radius:50%;place-items:center;font-weight:900;display:grid}.detail-avatar{width:50px;height:50px}.initials{width:30px;height:30px;font-size:11px}.detail-person h2{color:#172033;margin:2px 0;font-size:20px}.detail-person p{color:#78859c;font-size:13px}.detail-score{background:#fff8c7;border:1px solid #f2dc58;border-radius:12px;justify-content:space-between;align-items:center;margin:18px 0;padding:12px;display:flex}.detail-score span{color:#6e6213;font-weight:800}.detail-score strong{color:#173d9a;font-size:22px}.detail-panel section{border-top:1px solid #e7ebf1;margin-top:16px;padding-top:15px}.detail-panel h3{color:#33415c;margin:0 0 10px;font-size:13px}.detail-panel section>p{color:#68758d;align-items:center;gap:8px;margin:7px 0;font-size:13px;display:flex}.timeline{align-items:center;gap:10px;padding:9px 0;display:flex}.timeline>span{color:#2c5ac2;background:#edf3ff;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.timeline svg{width:15px}.timeline b,.timeline small{display:block}.timeline b{font-size:13px}.timeline small{color:#7d899d;margin-top:2px;font-size:11px}.primary-action{color:#fff;cursor:pointer;background:#1f55bd;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:18px;padding:12px;font-weight:900;display:flex}.pipeline{grid-template-columns:repeat(6,minmax(180px,1fr));gap:10px;min-width:1160px;display:grid}.stage{background:#fbfcfe;border:1px solid #e0e6ef;border-radius:12px;overflow:hidden}.stage-head{background:#eef4ff;border-top:3px solid #2f6feb;padding:10px}.stage-contacted .stage-head{background:#edfafd;border-top-color:#08a7cf}.stage-engaged .stage-head{background:#f4efff;border-top-color:#7a4ce0}.stage-docs-sent .stage-head{background:#fff7e8;border-top-color:#e49820}.stage-scheduled .stage-head{background:#ecfbf5;border-top-color:#2ab17d}.stage-closed .stage-head{background:#eaf9f2;border-top-color:#1a8d5c}.stage-head>div{justify-content:space-between;gap:8px;display:flex}.stage-head strong{color:#234eae;font-size:12px}.stage-head span{color:#73809a;font-size:10px}.stage-head>b{color:#47556e;margin-top:6px;font-size:12px;display:block}.stage-body{gap:8px;padding:8px;display:grid}.lead-card{text-align:left;cursor:pointer;color:#18233a;background:#fff;border:1px solid #d7e0ec;border-left:3px solid #2e66df;border-radius:10px;width:100%;padding:10px;box-shadow:0 2px 7px #182e5b0a}.lead-card:hover{transform:translateY(-1px);box-shadow:0 8px 18px #182e5b17}.lead-card.large{padding:14px}.lead-card-top{justify-content:space-between;align-items:center;display:flex}.score{color:#6a5b00;background:#fff4ad;border-radius:999px;padding:4px 6px;font-size:10px;font-weight:900}.lead-card>strong{margin:8px 0 2px;font-size:13px;display:block}.interest{color:#68758b;font-size:11px;display:block}.lead-tags{flex-wrap:wrap;gap:5px;margin-top:8px;display:flex}.lead-tags span{color:#637089;background:#f1f4f8;border-radius:999px;padding:4px 6px;font-size:9px}.lead-actions{color:#7083a0;border-top:1px solid #7887a02e;gap:7px;margin-top:10px;padding-top:8px;display:flex}.lead-actions button{color:#667995;cursor:pointer;background:#ffffffb8;border:1px solid #52678b2e;border-radius:7px;place-items:center;width:27px;height:27px;padding:0;display:grid}.lead-actions button:hover{color:#fff;background:#173d9a;border-color:#173d9a;transform:translateY(-1px)}.card-stage-new-lead{background:#f4f8ff;border-left-color:#2e66df}.card-stage-contacted{background:#eefbff;border-left-color:#08a7cf}.card-stage-engaged{background:#f6f0ff;border-left-color:#7a4ce0}.card-stage-docs-sent{background:#fff8e9;border-left-color:#e49820}.card-stage-scheduled{background:#eefbf6;border-left-color:#2ab17d}.card-stage-closed{background:#e6f7ef;border-left-color:#147a4d}.empty-stage{color:#9aa5b8;text-align:center;border:1px dashed #d9e0e9;border-radius:10px;align-content:center;place-items:center;gap:8px;min-height:145px;font-size:11px;display:grid}.lead-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.table-card,.calendar-card,.delivery-side{background:#fff;border:1px solid #e0e6ee;border-radius:12px;overflow:hidden}.table-title{border-bottom:1px solid #e8edf3;justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.table-title h2{color:#172033;margin:0;font-size:18px}.table-title p{color:#75829a;margin-top:3px;font-size:12px}.table-title button{color:#3155a0;background:#fff;border:1px solid #d8e0ea;border-radius:9px;padding:9px 11px;font-weight:800}.doc-table{border-bottom:1px solid #eef1f5;grid-template-columns:1.2fr 1.4fr 1.2fr .8fr .5fr;align-items:center;gap:12px;padding:12px 18px;font-size:12px;display:grid}.doc-table.head{color:#71809a;text-transform:uppercase;background:#f7f9fc;font-size:10px;font-weight:900}.doc-table span b,.doc-table span small{display:block}.doc-table span small{color:#8692a6;margin-top:3px}.status{color:#6f7b90;background:#f4f5f7;border-radius:999px;align-items:center;gap:4px;padding:5px 8px;font-weight:800;display:inline-flex}.status.good{color:#188458;background:#e9f9f2}.link{color:#2d5fc7;align-items:center;font-weight:800;display:flex}.delivery-layout{grid-template-columns:minmax(0,1fr) 260px;gap:14px;display:grid}.calendar-grid{grid-template-columns:repeat(7,1fr);display:grid}.dow{color:#7c889c;text-align:center;background:#f6f8fb;border-bottom:1px solid #e9edf2;padding:8px;font-size:9px;font-weight:900}.day{border-bottom:1px solid #edf0f4;border-right:1px solid #edf0f4;min-height:95px;padding:7px}.day b{color:#526078;font-size:11px}.day.muted{background:#fafbfc}.delivery-pill{color:#2459bd;background:#e9f1ff;border-radius:6px;margin-top:6px;padding:5px;font-size:9px;font-weight:800;display:block}.delivery-side{padding:14px}.delivery-side h3{margin:0 0 12px;font-size:14px}.delivery-row{border-bottom:1px solid #edf0f4;gap:10px;padding:10px 0;display:flex}.date-box{color:#fff;background:#173d9a;border-radius:9px;align-content:center;place-items:center;width:42px;height:46px;display:grid}.date-box b{font-size:16px}.date-box span{color:#ffe52f;font-size:8px;font-weight:900}.delivery-row strong,.delivery-row span,.delivery-row small{display:block}.delivery-row strong{font-size:12px}.delivery-row span{color:#54627a;margin-top:2px;font-size:11px}.delivery-row small{color:#8490a4;margin-top:4px;font-size:9px}@media (width<=1200px){.buddy-app{grid-template-columns:76px 1fr}.brand div:last-child,.nav-item{font-size:0}.brand{padding-left:0}.brand-mark{min-width:42px}.nav-item{justify-content:center}.side-status{display:none}.kpis{grid-template-columns:repeat(3,1fr)}.content-shell{grid-template-columns:1fr}.detail-panel{display:none}}@media (width<=760px){.buddy-app{display:block}.side-nav{display:none}.topbar{align-items:flex-start;padding:18px}.top-actions{display:none}.kpis{grid-template-columns:repeat(2,1fr);padding:12px 18px}.tabbar,.content-shell{margin-left:18px;margin-right:18px}.lead-grid,.delivery-layout{grid-template-columns:1fr}.doc-table{grid-template-columns:1fr 1fr}.doc-table span:nth-child(3),.doc-table span:nth-child(5){display:none}}html,body,#root{background:#f5f7fb;width:100%;min-width:320px;min-height:100%;margin:0}body{min-height:100vh}button,input,select,textarea{font:inherit}