
:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:#e9eeff;background:#0b1020;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #9891ff;outline-offset:2px}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}.app{min-height:100vh;display:grid;grid-template-columns:244px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;overflow:auto;display:flex;flex-direction:column;background:#0c1325;border-right:1px solid #202a43;padding:26px 15px 19px;z-index:20}.brand{display:flex;align-items:center;gap:12px;padding:4px 12px 28px}.brand-icon{width:35px;height:35px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#7765fa,#33d4b0);color:#fff;font-size:19px;font-weight:900;box-shadow:0 8px 28px #7665fa35}.brand-name{letter-spacing:.085em;font-weight:850;font-size:13px}.brand-sub{display:block;font-size:10px;font-weight:650;color:#7f91b7;letter-spacing:.16em;margin-top:3px}.section-name{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:#7383a3;margin:12px 14px 11px;font-weight:800}.nav{display:grid;gap:3px}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 13px;color:#93a1c0;background:none;border:0;border-radius:10px;text-align:left;width:100%;font-size:13px;font-weight:600}.nav-item:hover{background:#16223b;color:#fff}.nav-item.active{background:#29355a;color:#fff}.nav-item.active svg{color:#a79fff}.ico{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.nav-count{margin-left:auto;color:#8998bd;font-size:11px;background:#202b47;padding:2px 7px;border-radius:7px}.sidebar-bottom{margin-top:auto}.side-help{background:linear-gradient(145deg,#1c2747,#141e35);border:1px solid #2c3b60;padding:16px;border-radius:15px;margin:16px 6px 13px}.side-help b{font-size:12px}.side-help p{color:#98a6c4;font-size:11px;line-height:1.6;margin:8px 0 12px}.side-help .mini{font-size:11px}.side-user{display:flex;align-items:center;gap:11px;border-top:1px solid #242d46;padding:17px 8px 0}.avatar{width:34px;height:34px;border-radius:11px;background:#384d76;display:grid;place-items:center;color:#fff;font-weight:800;font-size:13px}.side-user strong{font-size:12px}.side-user small{display:block;font-size:11px;color:#7c8cae;margin-top:2px}.main{min-width:0;background:radial-gradient(circle at 72% -8%,#1b2550 0,transparent 36%),#0b1020}.topbar{position:sticky;top:0;z-index:10;background:#0b1020de;backdrop-filter:blur(18px);height:79px;padding:0 39px;display:flex;align-items:center;gap:16px;border-bottom:1px solid #1d2843}.crumb{font-size:12px;color:#7182a4;white-space:nowrap}.crumb strong{color:#e2eafa;font-weight:650}.search{margin-left:auto;max-width:325px;flex:1;display:flex;align-items:center;gap:10px;background:#141e33;border:1px solid #26324d;border-radius:10px;color:#8191b2;padding:0 13px;height:38px}.search input{border:0;background:transparent;color:white;width:100%;min-width:0;font-size:12px;outline:none}.search input::placeholder{color:#657795}.top-actions{position:relative;display:flex;align-items:center;gap:11px}.btn{border:0;border-radius:10px;padding:10px 15px;font-size:12px;font-weight:750;display:inline-flex;align-items:center;gap:8px;justify-content:center;white-space:nowrap}.btn.primary{color:#fff;background:#7568ef;box-shadow:0 8px 22px #7265fb36}.btn.primary:hover{background:#887cfd}.btn.subtle{color:#c4cee6;background:#1c2842;border:1px solid #2b3a5c}.btn.ghost{color:#abb9da;background:transparent;border:1px solid #2a3553}.btn.danger{background:#462335;color:#ffb5c6}.btn .ico{width:15px;height:15px}.quick-menu{position:absolute;right:0;top:49px;background:#17223a;border:1px solid #354466;padding:7px;border-radius:12px;width:210px;box-shadow:0 16px 60px #0008;display:grid;gap:2px;z-index:90}.quick-menu button{background:transparent;border:0;color:#dde5f8;text-align:left;padding:10px;border-radius:8px;font-size:12px}.quick-menu button:hover{background:#29375c}.workspace{max-width:1570px;margin:auto;padding:34px 40px 70px}.heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:28px}.eyebrow{display:flex;align-items:center;gap:8px;color:#9b92fa;font-size:11px;font-weight:750;letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px}.dot{display:inline-block;width:7px;height:7px;border-radius:99px;background:#5fdab3;box-shadow:0 0 0 4px #45d8a518}.heading h1{font-size:clamp(23px,2.2vw,32px);margin:0;color:#f4f6ff;line-height:1.2;letter-spacing:-.045em;font-weight:780}.heading p{color:#8d9cbf;font-size:13px;margin:9px 0 0;line-height:1.6}.heading .head-actions{display:flex;gap:8px;padding-top:8px}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:25px}.kpi{background:#141c30;border:1px solid #26304a;border-radius:16px;padding:19px 19px 17px;min-width:0;position:relative;overflow:hidden}.kpi:after{content:"";width:82px;height:82px;position:absolute;right:-29px;top:-35px;background:#7a72fc10;border-radius:50%}.kpi-top{display:flex;align-items:center;justify-content:space-between;color:#93a1bf;font-size:12px}.kpi .symbol{height:31px;width:31px;border-radius:9px;display:grid;place-items:center;background:#263253;color:#a49bff}.kpi .symbol .ico{width:17px;height:17px}.kpi strong{display:block;font-size:30px;font-weight:750;letter-spacing:-.06em;margin:13px 0 4px;color:#f3f6ff}.kpi small{color:#8698ba;font-size:11px}.kpi.red .symbol{background:#45273b;color:#ff99ba}.kpi.green .symbol{background:#1a3b3e;color:#78e8bf}.kpi.amber .symbol{background:#3c352b;color:#f3c682}.content-grid{display:grid;grid-template-columns:minmax(0,1.48fr) minmax(310px,.8fr);gap:20px}.stack{display:grid;gap:20px;align-content:start}.panel{background:#141c30;border:1px solid #26314b;border-radius:17px;min-width:0;overflow:hidden}.panel-head{padding:20px 21px 16px;display:flex;justify-content:space-between;align-items:center;gap:9px;border-bottom:1px solid #24304b}.panel-head h2{font-size:14px;letter-spacing:-.01em;font-weight:700;margin:0}.panel-head p{font-size:11px;color:#8396b9;margin:5px 0 0}.panel-body{padding:9px 20px 17px}.link{font-size:11px;font-weight:750;color:#aca4ff;background:none;border:0;white-space:nowrap}.link:hover{text-decoration:underline}.task-item{display:flex;gap:12px;align-items:center;min-height:62px;padding:11px 2px;border-bottom:1px solid #22304a}.task-item:last-child{border:0}.tick{width:19px;height:19px;display:grid;place-items:center;border-radius:6px;border:1px solid #657297;background:transparent;color:transparent;flex-shrink:0;font-weight:900}.tick.done{background:#387f71;border-color:#387f71;color:white}.task-text{flex:1;min-width:0}.task-title{display:block;font-size:12px;font-weight:650;color:#e7edfc;white-space:normal;line-height:1.4}.task-title.done{text-decoration:line-through;color:#7a88a6}.task-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:#788aaa;font-size:10px;margin-top:6px}.task-end{display:flex;gap:9px;align-items:center;color:#7989a9;font-size:10px}.tag{font-size:10px;display:inline-block;border-radius:6px;padding:4px 7px;background:#293650;color:#b5c2dd;font-weight:680;white-space:nowrap}.tag.high{background:#432b40;color:#ff9ebb}.tag.medium{background:#403a2d;color:#f0c783}.tag.low{background:#25403d;color:#7be0c0}.tag.overdue{background:#47233a;color:#ff9ab3}.tag.done{background:#203d3a;color:#88dabf}.empty{padding:25px 12px;color:#8192b3;text-align:center;font-size:12px;line-height:1.6}.empty strong{display:block;color:#b5c0d9;font-size:13px;margin:6px}.subheading{font-size:11px;font-weight:780;text-transform:uppercase;letter-spacing:.15em;color:#7687a7;margin:22px 0 8px}.progress-list{padding:14px 19px}.progress-row{padding:12px 1px}.pr-row-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:10px}.pr-name{font-size:12px;font-weight:650;display:flex;align-items:center;gap:9px}.pr-dot{height:9px;width:9px;border-radius:3px;display:inline-block}.pr-num{font-size:11px;color:#8295b9}.bar{height:6px;border-radius:8px;background:#29344f;overflow:hidden}.bar span{height:100%;display:block;border-radius:8px;background:#7d72f7}.schedule-row{display:flex;gap:13px;padding:12px 0;border-bottom:1px solid #263049;align-items:flex-start}.schedule-row:last-child{border:0}.schedule-time{width:50px;color:#929ed0;font-size:11px;font-weight:700;padding-top:2px}.schedule-copy b{font-size:12px;font-weight:650}.schedule-copy small{font-size:10px;color:#8293b3;display:block;margin-top:5px}.callout{border-radius:13px;border:1px solid #364366;background:linear-gradient(120deg,#24254c,#192943);padding:20px;display:flex;justify-content:space-between;gap:15px}.callout b{font-size:14px}.callout p{font-size:11px;color:#a9b6d5;line-height:1.6;margin:8px 0 0}.callout .btn{align-self:center}.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:19px}.select{color:#c7d4ed;background:#18233a;border:1px solid #2a3654;border-radius:10px;height:37px;padding:0 12px;font-size:12px}.board{display:flex;align-items:stretch;gap:14px;overflow:auto;padding-bottom:18px}.column{min-width:235px;width:calc((100% - 56px)/5);flex:1 0 235px;background:#121a2d;border:1px solid #27334c;border-radius:14px;min-height:360px;padding:13px}.column.drag-over{outline:2px dashed #8275ff;background:#1c2745}.column-header{display:flex;align-items:center;justify-content:space-between;margin:2px 3px 16px;font-size:12px;font-weight:770}.column-header span:first-child{display:flex;align-items:center;gap:8px}.column-header .count{color:#8190af;background:#25304a;padding:4px 8px;border-radius:8px;font-size:11px}.kanban-card{background:#1c2841;border:1px solid #303f5d;border-radius:11px;padding:13px;margin-bottom:10px;cursor:grab;transition:transform .15s,border-color .15s}.kanban-card:hover{transform:translateY(-2px);border-color:#64649f}.kanban-card h3{font-size:12px;line-height:1.5;font-weight:680;color:#e8edfa;margin:11px 0 7px}.kanban-card p{font-size:11px;color:#8c9ab7;line-height:1.55;margin:0 0 9px}.kanban-bottom{border-top:1px solid #33405c;padding-top:11px;margin-top:11px;display:flex;justify-content:space-between;gap:8px;color:#91a2c3;font-size:10px}.plus-card{border:1px dashed #394764;border-radius:10px;padding:11px;color:#8595b5;background:transparent;width:100%;text-align:left;font-size:11px}.plus-card:hover{background:#1b2946;color:white}.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.project-card,.idea-card,.client-card{background:#161f34;border:1px solid #2b3651;border-radius:15px;padding:21px;position:relative}.project-card:hover,.idea-card:hover,.client-card:hover{border-color:#5a618c}.project-cover{height:7px;width:48px;border-radius:8px;margin-bottom:24px}.project-card h3,.idea-card h3,.client-card h3{font-size:15px;margin:0 0 9px;font-weight:730;letter-spacing:-.02em}.project-card p,.idea-card p,.client-card p{font-size:11px;color:#91a1bf;line-height:1.6;min-height:35px;margin:0 0 17px}.project-card .bottom{display:flex;justify-content:space-between;font-size:11px;color:#9caad0;margin:13px 0 0}.card-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.more{border:0;color:#8c9bbc;background:transparent;padding:3px;line-height:0}.more .ico{width:17px;height:17px}.idea-card .pill{display:inline-flex;font-size:10px;color:#b5a9ff;background:#2c2c51;padding:5px 8px;border-radius:7px;margin-bottom:16px}.idea-card .footer{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #2c3752;padding-top:13px;color:#8595ba;font-size:10px}.crm-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:0 0 18px}.crm-step{background:#172138;border-radius:12px;padding:15px;border:1px solid #303d5d}.crm-step .step-title{font-size:11px;color:#9caad0}.crm-step b{font-size:24px;display:block;margin-top:9px}.client-row{display:flex;align-items:center;gap:13px;padding:13px 19px;border-bottom:1px solid #29334e;cursor:pointer}.client-row:hover{background:#202a43}.client-row:last-child{border:0}.client-row .avatar{height:36px;width:36px;flex-shrink:0}.client-main{flex:1;min-width:0}.client-main strong{font-size:12px}.client-main small{display:block;color:#8395b8;margin-top:4px;font-size:11px}.client-stage{font-size:10px}.calendar{background:#151f33;border:1px solid #2c3956;border-radius:15px;overflow:hidden}.cal-head{display:flex;justify-content:space-between;align-items:center;padding:18px 21px;border-bottom:1px solid #2b3855}.cal-head h2{font-size:16px;margin:0;text-transform:capitalize}.cal-nav{display:flex;gap:7px}.cal-nav button{background:#24304a;color:#bac9e6;border:1px solid #3a4865;border-radius:8px;padding:7px 10px}.cal-week,.cal-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.cal-week span{text-align:center;padding:13px 5px;color:#8193b5;font-size:10px;font-weight:770}.cal-day{min-height:111px;padding:9px;border:0;border-top:1px solid #26334e;border-right:1px solid #26334e;background:transparent;color:#cbd5ed;text-align:left}.cal-day:nth-child(7n){border-right:0}.cal-day.other{opacity:.38}.cal-day.selected{background:#27325a}.cal-day:hover{background:#26324d}.cal-number{width:25px;height:25px;border-radius:7px;font-size:11px;display:grid;place-items:center;font-weight:700}.cal-day.today .cal-number{background:#756afa;color:white}.cal-mark{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;background:#293653;color:#aebdf1;padding:4px 5px;border-radius:5px;font-size:9px;margin-top:5px}.cal-mark.event{color:#a6e7d2;background:#23403d}.calendar-selected{margin-top:17px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.settings-block{padding:22px}.settings-block h3{font-size:14px;margin:0 0 10px}.settings-block p{font-size:12px;color:#9caccb;line-height:1.7}.settings-block .btn{margin-top:8px}.warning{border:1px solid #51452d;background:#302a23;padding:12px 14px;border-radius:9px;color:#edc98b;font-size:11px;line-height:1.6}.overlay{position:fixed;inset:0;background:#050912c9;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(5px)}.modal{background:#172138;border:1px solid #3a4769;box-shadow:0 25px 100px #000b;border-radius:18px;width:min(560px,100%);max-height:min(91vh,900px);overflow:auto}.modal-head{padding:21px 24px;border-bottom:1px solid #313c59;display:flex;align-items:center;justify-content:space-between}.modal-head h2{font-size:17px;margin:0}.modal-body{padding:22px 24px}.modal-footer{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #313c59;padding:16px 24px}.field{display:grid;gap:7px;margin-bottom:15px}.field label{font-size:11px;font-weight:720;color:#bac7e4}.field input,.field select,.field textarea{border:1px solid #344365;background:#111b2e;color:#e7efff;padding:11px 12px;border-radius:9px;outline:none;width:100%;font-size:12px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#897cfa}.field textarea{min-height:85px;resize:vertical}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.checklist{margin-top:16px;border-top:1px solid #33405d;padding-top:15px}.checklist-title{font-size:12px;font-weight:700;display:flex;justify-content:space-between;margin-bottom:9px}.checkline{display:flex;gap:9px;align-items:center;padding:6px 0;font-size:12px;color:#b9c7e3}.checkline input{accent-color:#776efa}.toast{position:fixed;bottom:24px;right:24px;padding:13px 18px;border-radius:10px;background:#253f47;color:#b5f6d8;border:1px solid #3c7971;box-shadow:0 14px 50px #0008;z-index:150;font-size:12px}.mobile-menu{display:none}.menu-overlay{display:none}.muted{color:#8697b7}.flex{display:flex;align-items:center;gap:10px}.wide{width:100%}.hint{font-size:11px;color:#8294b4}.agenda-list{display:grid;gap:10px;margin-top:16px}.agenda-item{display:flex;align-items:flex-start;gap:16px;background:#19243b;padding:14px;border-radius:10px;border:1px solid #303c5a}.agenda-date{font-size:12px;color:#aca6ff;font-weight:780;min-width:48px}.agenda-item b{font-size:12px}.agenda-item small{display:block;color:#8495b7;font-size:11px;margin-top:5px}@media(max-width:1100px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.tiles{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.workspace{padding:30px 27px}.topbar{padding:0 27px}}@media(max-width:740px){.app{grid-template-columns:1fr}.sidebar{position:fixed;left:0;transform:translateX(-100%);width:260px;transition:transform .2s}.sidebar.open{transform:translateX(0)}.menu-overlay.show{display:block;position:fixed;inset:0;background:#0008;z-index:19}.mobile-menu{display:grid;place-items:center;background:#1a2540;border:1px solid #394763;color:white;width:35px;height:35px;border-radius:10px}.topbar{height:67px;padding:0 15px;gap:9px}.crumb{display:none}.search{max-width:none}.search input{font-size:11px}.top-actions{gap:0}.top-actions>.btn{padding:10px}.top-actions>.btn .label{display:none}.workspace{padding:23px 14px 50px}.heading{display:block}.heading .head-actions{margin-top:15px}.kpi-grid{gap:9px}.kpi{padding:14px}.kpi strong{font-size:24px}.kpi .symbol{height:25px;width:25px}.tiles{grid-template-columns:1fr}.crm-grid{grid-template-columns:repeat(2,1fr)}.settings-grid{grid-template-columns:1fr}.field-row{grid-template-columns:1fr}.cal-day{min-height:74px;padding:3px}.cal-week span{padding:10px 3px}.cal-mark{font-size:7px;padding:3px}.cal-number{width:22px;height:22px}.callout{display:block}.callout .btn{margin-top:12px}.modal-body{padding:16px}.modal-head,.modal-footer{padding:16px}.panel-head{padding:16px}.panel-body{padding:9px 15px}.column{min-width:235px}.task-end{display:none}}
