:root{--bg:#090b0f;--surface:#11141a;--surface2:#151920;--line:#242a34;--text:#f4f5f7;--muted:#89909d;--blue:#5aa8ff;--purple:#a085ff;--gold:#e5b96c;--green:#61d2a5;--red:#ff7c78}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:14px}.shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:244px;padding:26px 18px 20px;background:#0c0e13;border-right:1px solid #1d222b;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:12px;padding:0 9px 32px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;background:linear-gradient(135deg,#eef4ff,#649fe6);color:#0b1422;font-weight:900;font-size:20px;clip-path:polygon(50% 0,100% 25%,83% 100%,17% 100%,0 25%)}.brand b{display:block;letter-spacing:2.7px;font-size:13px}.brand small,.profile small{display:block;color:#5f6672;font-size:8px;letter-spacing:1.65px;margin-top:3px}.nav-item{height:44px;display:flex;align-items:center;gap:13px;padding:0 13px;color:#7e8591;text-decoration:none;border-radius:8px;margin-bottom:3px;font-weight:560;transition:.2s}.nav-item>span{font-size:18px;width:18px;text-align:center}.nav-item em{margin-left:auto;background:#1d222b;color:#9ea5b0;border-radius:11px;padding:2px 7px;font-size:10px;font-style:normal}.nav-item:hover,.nav-item.active{background:#181d25;color:#fff}.nav-item.active{box-shadow:inset 2px 0 var(--blue)}.sidebar-bottom{margin-top:auto}.profile{border-top:1px solid var(--line);margin-top:14px;padding:20px 8px 0;display:flex;align-items:center;gap:10px}.avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#35577e,#162537);display:grid;place-items:center;font-size:11px}.profile b{display:block;font-size:11px}.profile button,.panel-head button{margin-left:auto;background:none;border:0;color:var(--muted);cursor:pointer}.topbar{height:80px;margin-left:244px;border-bottom:1px solid #1e232c;display:flex;align-items:center;gap:20px;padding:0 32px;position:sticky;top:0;background:rgba(9,11,15,.88);backdrop-filter:blur(14px);z-index:4}.ask{margin:auto;width:min(570px,60vw);height:44px;border:1px solid #282f3a;border-radius:9px;background:#12161d;color:#737b88;text-align:left;padding:0 13px;display:flex;align-items:center;gap:12px;cursor:pointer}.ask:hover{border-color:#3c4655}.spark{color:var(--blue);font-size:18px}.ask kbd{margin-left:auto;background:#202630;padding:4px 7px;border-radius:5px;color:#7f8793;font:10px inherit}.top-actions{display:flex;gap:10px}.top-actions button,.create{height:38px;border:1px solid #2c333e;border-radius:8px;background:#151920;color:#cbd0d8;padding:0 13px;position:relative;cursor:pointer}.top-actions i{position:absolute;width:5px;height:5px;background:var(--blue);border-radius:50%;right:8px;top:7px}.top-actions .create{background:#edf2f8;color:#12161c;border:0;font-weight:700}.menu{display:none;background:none;border:0;color:#fff;font-size:22px}.content{margin-left:244px;padding:42px 40px 64px;max-width:1700px}.welcome{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:32px}.eyebrow{font-size:9px;letter-spacing:2.25px;color:#6d7480;font-weight:750;margin:0 0 10px}.welcome h1{font-family:Georgia,serif;font-weight:400;font-size:38px;letter-spacing:-1px;margin:0 0 8px}.welcome>div>p:last-child{margin:0;color:var(--muted)}.system-status{font-size:10px;color:#707884}.system-status span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);margin-right:8px}.attention-grid{display:grid;grid-template-columns:1.28fr 1fr;gap:18px;margin-bottom:18px}.panel,.kpi{border:1px solid var(--line);background:linear-gradient(145deg,var(--surface2),#101319);border-radius:11px}.panel{padding:22px}.panel-head{display:flex;align-items:start}.panel h2{font-size:16px;margin:0 0 20px}.timeline{display:grid;grid-template-columns:54px 1fr;gap:9px 15px}.time{color:#bdc3cb;font-size:11px;padding-top:7px;text-align:right}.time small{font-size:7px;margin-left:2px;color:#626a76}.event{border-left:2px solid var(--blue);padding:6px 12px;background:linear-gradient(90deg,rgba(90,168,255,.07),transparent)}.event.purple{border-color:var(--purple)}.event.gold{border-color:var(--gold)}.event b,.event span{display:block}.event b{font-size:12px}.event span{color:var(--muted);font-size:10px;margin-top:4px}.text-link,.text-button{background:none;border:0;color:#8d96a3;font-size:10px;cursor:pointer}.text-link{border-top:1px solid var(--line);width:100%;text-align:left;padding:17px 0 0;margin-top:17px}.text-link span,.text-button{color:#b7ccec}.alert{color:var(--red)}.count{margin-left:auto;width:25px;height:25px;border-radius:50%;background:rgba(255,124,120,.12);color:var(--red);display:grid;place-items:center;font-weight:bold;font-size:10px}.attention-item{display:flex;gap:11px;align-items:center;padding:11px 0;border-top:1px solid #20252e}.attention-item:first-of-type{border-top:0}.attention-item>span{flex:0 0 28px;height:28px;border-radius:7px;display:grid;place-items:center;background:rgba(255,124,120,.1);color:var(--red)}.attention-item .clock-icon{background:rgba(229,185,108,.1);color:var(--gold)}.attention-item .task-icon{background:rgba(90,168,255,.1);color:var(--blue)}.attention-item div{min-width:0}.attention-item b,.attention-item small{display:block}.attention-item b{font-size:11px}.attention-item small{color:var(--muted);font-size:9px;margin-top:4px}.attention-item button{margin-left:auto;background:#1b2028;color:#aab1bb;border:1px solid #292f39;border-radius:6px;padding:6px 9px;font-size:9px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.kpi{padding:20px;display:flex;justify-content:space-between;min-height:110px}.kpi span{font-size:8px;letter-spacing:1.5px;color:#747c88}.kpi b{font-family:Georgia,serif;font-size:25px;font-weight:400;display:block;margin:12px 0 8px}.kpi small{font-size:9px;color:var(--muted)}.kpi small.positive{color:var(--green)}.kpi small.negative{color:var(--red)}.kpi small i{font-style:normal;color:#6f7782}.mini-chart{align-self:flex-end;width:72px;height:40px;display:flex;align-items:end;gap:4px}.mini-chart.bars i{flex:1;background:#294b6f;border-radius:2px 2px 0 0}.mini-chart.bars i:nth-child(1){height:25%}.mini-chart.bars i:nth-child(2){height:47%}.mini-chart.bars i:nth-child(3){height:38%}.mini-chart.bars i:nth-child(4){height:68%}.mini-chart.bars i:nth-child(5){height:59%}.mini-chart.bars i:nth-child(6){height:90%;background:var(--blue)}.mini-chart.warning i{background:#51462f}.mini-chart.warning i:nth-child(6){background:var(--gold);height:65%}.mini-chart.line{font-size:67px;color:var(--green);line-height:33px;overflow:hidden}.ring{width:48px;height:48px;align-self:center;border-radius:50%;display:grid;place-items:center;border:4px solid #28323e;border-top-color:var(--blue);color:#7b8591;font-size:10px}.lower-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:18px}.projects .panel-head,.activity .panel-head{border-bottom:1px solid var(--line)}.text-button{margin-left:auto}.project{width:100%;display:grid;grid-template-columns:95px 1fr 20px;gap:16px;align-items:center;border:0;border-bottom:1px solid #20252e;background:none;color:inherit;text-align:left;padding:14px 0;cursor:pointer}.thumb{height:58px;border-radius:7px;padding:8px;position:relative;overflow:hidden;background:linear-gradient(140deg,#23394b,#111820)}.thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06))}.thumb span{font:26px Georgia;color:rgba(255,255,255,.45)}.thumb small{position:absolute;bottom:6px;left:7px;font-size:6px;letter-spacing:1px;color:#d6efff;background:#236ca0;padding:3px 4px;border-radius:2px;z-index:2}.thumb.road{background:linear-gradient(140deg,#51483b,#191712)}.thumb.road small{background:#785d9f}.thumb.factory{background:linear-gradient(140deg,#343a43,#17191d)}.thumb.factory small{background:#8a6c3b}.project-copy b,.project-copy>span,.project-copy>small{display:block}.project-copy b{font-size:12px}.project-copy>span{font-size:9px;color:var(--muted);margin:4px 0 9px}.project-copy>small{font-size:8px;color:#6f7782;margin-top:5px}.progress{height:3px;background:#222831}.progress i{height:100%;display:block;background:var(--blue)}.arrow{color:#657080}.activity-list>div{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid #20252e}.activity-icon{width:29px;height:29px;border-radius:7px;display:grid;place-items:center;background:rgba(97,210,165,.1);color:var(--green);font-size:11px}.purple-bg{background:rgba(160,133,255,.1);color:var(--purple)}.gold-bg{background:rgba(229,185,108,.1);color:var(--gold)}.grey-bg{background:#20252d;color:#a5acb5}.activity-list p{margin:0}.activity-list b,.activity-list small,.activity-list time{display:block}.activity-list b{font-size:11px}.activity-list small{font-size:9px;color:var(--muted);margin:4px 0}.activity-list time{font-size:8px;color:#59616d}.activity .text-link{border-top:0}.toast{position:fixed;bottom:24px;right:24px;background:#e9eff6;color:#10141a;padding:12px 18px;border-radius:8px;font-size:11px;transform:translateY(90px);transition:.25s;z-index:12}.toast.show{transform:translateY(0)}dialog{border:1px solid #303846;border-radius:14px;background:#12161d;color:#fff;width:min(600px,calc(100% - 32px));padding:38px;box-shadow:0 30px 100px #000}dialog::backdrop{background:rgba(3,5,8,.78);backdrop-filter:blur(5px)}dialog h2{font:30px Georgia;margin:10px 0}dialog p{color:var(--muted)}dialog form{display:flex;margin:26px 0 15px}dialog input{flex:1;min-width:0;background:#0c0f14;border:1px solid #303744;color:#fff;padding:15px;border-radius:8px 0 0 8px}dialog form button{border:0;background:#e9eff6;padding:0 18px;border-radius:0 8px 8px 0}dialog small{color:#59616d}.dialog-close{position:absolute;right:18px;top:15px;background:none;border:0;color:#7c8490;font-size:20px}.dialog-spark{font-size:25px;color:var(--blue)}
@media(max-width:1050px){.kpis{grid-template-columns:repeat(2,1fr)}.attention-grid,.lower-grid{grid-template-columns:1fr}.content{padding:32px 25px}}
@media(max-width:720px){.sidebar{transform:translateX(-100%);transition:.25s;box-shadow:20px 0 50px #000}.sidebar.open{transform:translateX(0)}.topbar,.content{margin-left:0}.topbar{height:66px;padding:0 16px}.menu{display:block}.ask{margin:0;width:auto;flex:1}.ask kbd{display:none}.top-actions>button:first-child{display:none}.content{padding:25px 16px 45px}.welcome{align-items:start}.welcome h1{font-size:31px}.system-status{display:none}.attention-grid{gap:12px}.kpis{grid-template-columns:1fr 1fr}.kpi{padding:16px;min-height:100px}.mini-chart{display:none}.lower-grid{gap:12px}.panel{padding:18px}.project{grid-template-columns:78px 1fr 10px}.thumb{height:54px}.create span{display:none}}
@media(max-width:430px){.kpis{grid-template-columns:1fr}.kpi{min-height:88px}.ring,.mini-chart{display:flex}.attention-item button{display:none}.welcome h1{font-size:28px}.panel h2{font-size:15px}.timeline{grid-template-columns:43px 1fr}}

/* v0.4 CRM workspaces */
[hidden]{display:none!important}.workspace{min-height:calc(100vh - 80px)}.workspace-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.workspace-head h1{font:38px Georgia,serif;margin:0 0 8px}.workspace-head>div>p:last-child{color:var(--muted);margin:0}.workspace-create{background:#edf2f8;color:#10141a;border:0;border-radius:8px;padding:12px 16px;font-weight:700;cursor:pointer}.metric-strip,.pipeline-summary{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:10px;background:#11141a;margin-bottom:18px}.metric-strip article,.pipeline-summary>div{padding:18px 20px;border-right:1px solid var(--line)}.metric-strip article:last-child,.pipeline-summary>div:last-child{border:0}.metric-strip span,.pipeline-summary span{display:block;font-size:8px;letter-spacing:1.5px;color:#747c88}.metric-strip b,.pipeline-summary b{display:block;font:23px Georgia,serif;margin:8px 0 5px}.metric-strip small{color:var(--muted);font-size:9px}.data-panel{padding:0;overflow:hidden}.workspace-toolbar{display:flex;gap:8px;align-items:center;padding:14px;border-bottom:1px solid var(--line)}.workspace-toolbar>span{flex:1}.workspace-toolbar>button{height:34px;padding:0 11px;background:#171b22;border:1px solid #2a313b;color:#929aa5;border-radius:6px;font-size:10px}.table-search{height:36px;min-width:260px;display:flex;align-items:center;gap:8px;padding:0 10px;background:#0d1015;border:1px solid #29303a;border-radius:7px;color:#69727e}.table-search input{width:100%;background:none;border:0;outline:0;color:#fff;font:11px inherit}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:750px}th{text-align:left;padding:13px 18px;color:#636b77;font-size:8px;letter-spacing:1.3px;font-weight:700}td{padding:15px 18px;border-top:1px solid #20252e;color:#aeb5bf;font-size:10px}td b{color:#e8ebef;font-size:11px}.company-cell{display:flex;align-items:center;gap:10px}.company-cell span,.contact-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:7px;background:linear-gradient(135deg,#263d57,#172231);color:#b9d9fa;font-weight:bold}.money{font:14px Georgia,serif;color:#dce1e7}.status-pill{display:inline-block;border-radius:12px;padding:4px 8px;background:#202630;color:#9ba4b0;font-size:7px;letter-spacing:.7px;text-transform:uppercase}.status-pill.active,.status-pill.paid,.status-pill.filming{color:var(--green);background:rgba(97,210,165,.1)}.status-pill.prospect,.status-pill.sent,.status-pill.editing{color:var(--blue);background:rgba(90,168,255,.1)}.status-pill.overdue,.status-pill.urgent{color:var(--red);background:rgba(255,124,120,.1)}.status-pill.high,.status-pill.pre-production{color:var(--gold);background:rgba(229,185,108,.1)}.status-pill.client-review{color:var(--purple);background:rgba(160,133,255,.1)}.row-menu{background:none;border:0;color:#69727e}.contact-grid,.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.contact-card{position:relative;padding:22px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(145deg,#151920,#101319)}.contact-card>button{position:absolute;right:14px;top:14px;background:none;border:0;color:#68717d}.contact-card h3{margin:17px 0 5px;font-size:14px}.contact-card p,.contact-card span,.contact-card a{display:block;font-size:9px}.contact-card p,.contact-card span{color:var(--muted)}.contact-card span{margin:14px 0 8px;padding-top:13px;border-top:1px solid var(--line)}.contact-card a{color:#a9c5e6;text-decoration:none}.pipeline-board{display:grid;grid-template-columns:repeat(5,minmax(190px,1fr));gap:10px;overflow-x:auto;padding-bottom:10px}.pipeline-column{background:#101319;border:1px solid var(--line);border-radius:9px;padding:10px;min-height:390px}.pipeline-column header{display:grid;grid-template-columns:1fr auto;align-items:center;padding:5px 4px 14px}.pipeline-column header span{font-size:10px;font-weight:bold}.pipeline-column header b{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#202631;color:#8b94a0;font-size:8px}.pipeline-column header small{grid-column:1/-1;color:#69727e;margin-top:5px;font:13px Georgia}.deal-card{background:#171b22;border:1px solid #282f39;border-radius:7px;padding:14px;margin-bottom:8px}.deal-card h3{font-size:11px;margin:5px 0 13px}.deal-card>b{font:14px Georgia}.deal-card>div{display:flex;align-items:center;gap:6px;border-top:1px solid var(--line);margin-top:13px;padding-top:10px}.deal-card small{color:#68717c;font-size:8px}.tiny-avatar,.assignee{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#263c55;color:#c0ddfb;font-size:7px}.add-deal{width:100%;background:none;border:1px dashed #2b323c;border-radius:7px;padding:10px;color:#737c88;font-size:9px}.project-card{overflow:hidden;border:1px solid var(--line);border-radius:10px;background:#12161c}.project-visual{height:130px;padding:15px;position:relative;background:linear-gradient(140deg,#29445c,#10171e)}.project-visual.road{background:linear-gradient(140deg,#5a4e3d,#17140f)}.project-visual.factory{background:linear-gradient(140deg,#3d4248,#141619)}.project-visual.rail{background:linear-gradient(140deg,#344631,#131913)}.project-visual.city{background:linear-gradient(140deg,#443853,#17131c)}.project-visual.water{background:linear-gradient(140deg,#23536a,#0f1b21)}.project-visual>span:first-child{font:60px Georgia;color:rgba(255,255,255,.2)}.project-visual .status-pill{position:absolute;right:12px;top:12px}.project-card-body{padding:17px}.project-card-body h3{font-size:13px;margin:0 0 18px}.project-card-body footer{display:flex;justify-content:space-between;color:#707986;font-size:8px;margin-top:7px}.task-check{width:16px;height:16px;border-radius:50%;border:1px solid #47515e;background:none;margin-right:10px;vertical-align:middle}.task-check.done{background:var(--green);box-shadow:inset 0 0 0 4px #15221e}.assignee{margin-right:6px}.empty{text-align:center!important;padding:40px!important;color:#68717c}.empty-module{text-align:center;padding:70px}.empty-module>span{font-size:28px;color:var(--blue)}.empty-module p{color:var(--muted)}.create-dialog form{display:grid;gap:16px}.create-dialog label{display:grid;gap:7px;color:#929aa5;font-size:10px}.create-dialog input,.create-dialog select{width:100%;background:#0c0f14;border:1px solid #303744;color:#fff;padding:13px;border-radius:7px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px}.dialog-actions button{border:1px solid #303744;background:#171b22;color:#abb2bc;border-radius:7px;padding:10px 14px}.dialog-actions button:last-child{background:#edf2f8;color:#11151a;font-weight:bold}
.version-label{margin:12px 13px 2px;color:#424a55;font-size:7px;letter-spacing:1.35px}
.login-screen{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 75% 20%,#17283b 0,transparent 30%),#090b0f}.login-card{width:min(430px,100%);padding:40px;border:1px solid #28313d;border-radius:15px;background:linear-gradient(145deg,#151a22,#0e1117);box-shadow:0 35px 100px #000}.login-brand{padding:0 0 38px}.login-card h1{font:38px Georgia;margin:5px 0 10px}.login-card>p:not(.eyebrow){color:var(--muted);line-height:1.6}.login-card form{display:grid;gap:15px;margin:30px 0 20px}.login-card label{display:grid;gap:7px;color:#9aa2ad;font-size:10px}.login-card input{background:#090c11;border:1px solid #303846;border-radius:7px;color:#fff;padding:13px;outline:0}.login-card input:focus{border-color:var(--blue)}.login-card form>button{height:44px;border:0;border-radius:7px;background:#edf2f8;color:#11151b;font-weight:700}.login-card>small{color:#59616d}.login-error{color:var(--red)!important;min-height:16px;margin:0!important;font-size:10px}
@media(max-width:1100px){.contact-grid,.project-grid{grid-template-columns:repeat(2,1fr)}.pipeline-board{grid-template-columns:repeat(5,210px)}}
@media(max-width:720px){.workspace-head{align-items:start}.workspace-head h1{font-size:31px}.workspace-head>div>p:last-child{max-width:230px}.workspace-create{font-size:0}.workspace-create:first-letter{font-size:18px}.metric-strip,.pipeline-summary{grid-template-columns:1fr 1fr}.metric-strip article:nth-child(2),.pipeline-summary>div:nth-child(2){border-right:0}.metric-strip article:nth-child(-n+2),.pipeline-summary>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.workspace-toolbar{flex-wrap:wrap}.table-search{width:100%;min-width:0}.workspace-toolbar>span{display:none}.contact-grid,.project-grid{grid-template-columns:1fr}.project-visual{height:115px}}