*{box-sizing:border-box} :root{--ink:#172033;--muted:#7b8496;--line:#e9edf3;--bg:#f6f8fb;--purple:#7257e8;--purple-dark:#5d43d2;--navy:#101827;--green:#169b72;--orange:#d88b2b}body{margin:0;background:var(--bg);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:14px}button,input,select{font:inherit}.app-shell{min-height:100vh}.sidebar{width:252px;background:var(--navy);color:#fff;position:fixed;inset:0 auto 0 0;padding:25px 17px 16px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:11px;padding:0 9px 28px}.brand-mark{width:37px;height:37px;border-radius:12px;background:linear-gradient(145deg,#9c87ff,#6148d6);display:grid;place-items:center;font:800 22px Manrope;color:#fff;box-shadow:0 7px 18px #684ce755}.brand b{font:800 17px Manrope;letter-spacing:-.5px}.brand small{display:block;color:#8590a5;font-size:9px;letter-spacing:1.6px;margin-top:2px}.workspace{background:#1b2638;border:1px solid #2a3548;border-radius:11px;padding:11px;display:flex;align-items:center;gap:9px;margin-bottom:27px}.workspace-icon,.avatar,.top-avatar{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:#e9e5ff;color:#6148d6;font-weight:700;font-size:11px}.workspace b,.profile b{display:block;font-size:12px}.workspace small,.profile small{display:block;color:#8d98aa;font-size:10px;margin-top:3px}.workspace>span{margin-left:auto;color:#8e99ac}.nav-label{font-size:9px;letter-spacing:1.3px;color:#738097;font-weight:700;padding:0 11px 10px}.nav-label-spaced{padding-top:27px}.nav-item{width:100%;border:0;background:transparent;color:#aab3c2;text-align:left;padding:11px 12px;border-radius:8px;display:flex;align-items:center;gap:12px;font-size:12px;cursor:pointer;margin:2px 0}.nav-item>span{font-size:17px;width:17px;text-align:center}.nav-item em{font-style:normal;font-size:10px;margin-left:auto;background:#29354a;border-radius:20px;padding:3px 7px;color:#aeb9ca}.nav-item .nav-alert{background:#563f88;color:#d9ceff}.nav-item:hover,.nav-item.active{background:#263148;color:#fff}.nav-item.active{box-shadow:inset 3px 0 #8c76ff}.sidebar-bottom{margin-top:auto}.help-card{background:linear-gradient(145deg,#282e51,#292344);border:1px solid #3b3b65;border-radius:11px;padding:13px;margin-bottom:15px}.help-icon{color:#b4a5ff;font-size:19px;margin-bottom:7px}.help-card b{font-size:11px}.help-card p{color:#a5adc1;font-size:10px;line-height:1.5;margin:5px 0 9px}.help-card button{background:transparent;border:0;color:#c5baff;font-size:10px;padding:0;cursor:pointer}.help-card button span{padding-left:6px}.profile{width:100%;display:flex;align-items:center;gap:9px;background:none;border:0;border-top:1px solid #2b3547;padding:14px 4px 0;color:#fff;text-align:left}.profile>span{margin-left:auto;color:#8792a5}.main{margin-left:252px;min-height:100vh}.topbar{height:67px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px}.breadcrumb{font-size:11px;color:#9099a8}.breadcrumb span{padding:0 9px;color:#c4cad3}.breadcrumb b{color:#4a5364;font-weight:600}.top-actions{display:flex;align-items:center;gap:18px}.icon-btn{border:0;background:none;font-size:19px;color:#697386;position:relative;cursor:pointer}.icon-btn i{position:absolute;width:5px;height:5px;background:#ed8d5d;border-radius:50%;right:1px;top:1px}.top-avatar{background:#eeeaff;width:32px;height:32px}.mobile-menu{display:none}.content{max-width:1450px;margin:auto;padding:31px 38px 55px}.page{display:none}.page.active{display:block}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.eyebrow{font-size:9px;letter-spacing:1.5px;font-weight:700;color:#939bad;margin-bottom:7px}.page-heading h1{font:800 27px Manrope;letter-spacing:-1px;margin:0;color:#182236}.page-heading h1 span{font-size:19px;color:#8a73ed}.page-heading p{margin:7px 0 0;color:#8992a2;font-size:12px}.btn{border:0;border-radius:8px;padding:11px 15px;font-weight:600;font-size:11px;cursor:pointer;transition:.15s}.btn:hover{transform:translateY(-1px)}.btn.primary{background:var(--purple);color:white;box-shadow:0 5px 12px #7257e82b}.btn.primary:hover{background:var(--purple-dark)}.btn.secondary{background:#fff;border:1px solid var(--line);color:#657084}.btn.small{padding:8px 11px;font-size:10px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:17px}.stat-card,.panel,.project-card{background:#fff;border:1px solid var(--line);border-radius:12px}.stat-card{padding:17px 17px 13px;min-height:143px;position:relative;overflow:hidden}.stat-top{display:flex;align-items:center;justify-content:space-between;color:#778195;font-size:10px}.stat-icon{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;font-weight:700}.violet{background:#f0edff;color:#7257e8}.blue{background:#eaf3ff;color:#4e8bd9}.green{background:#e6f7f1;color:#169b72}.amber{background:#fff3df;color:#d18a2e}.stat-card strong{font:800 23px Manrope;display:block;margin:12px 0 5px;letter-spacing:-.7px}.stat-foot{display:flex;gap:7px;color:#9aa2b0;font-size:9px}.trend{color:#159c73;font-weight:700}.neutral{color:#6e7a8e;font-weight:700}.warning,.red-text{color:#d77a55;font-weight:700}.sparkline{height:23px;display:flex;align-items:end;gap:4px;position:absolute;right:16px;bottom:12px;width:90px;opacity:.65}.sparkline i{flex:1;background:#c9bfff;border-radius:3px 3px 0 0}.stat-note{font-size:9px;color:#8c95a5;margin-top:14px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:4px}.orange{background:#e5a04d}.progress{height:5px;background:#edf0f5;border-radius:10px;overflow:hidden;margin-top:12px}.progress span{height:100%;display:block;background:linear-gradient(90deg,#7c65ed,#a493ff);border-radius:10px}.dashboard-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:16px;margin-bottom:17px}.panel{padding:18px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between}.panel-head h2{font:700 13px Manrope;margin:0}.panel-head p{font-size:10px;color:#939bab;margin:5px 0 0}.panel-head select,.toolbar select{border:1px solid var(--line);border-radius:7px;padding:8px 10px;color:#778195;background:#fff;font-size:10px}.chart-legend{display:flex;gap:16px;margin:17px 0 7px 48px;color:#929bab;font-size:9px}.legend-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#7760e8;margin-right:5px}.legend-dot.pale{background:#d9d2ff}.chart{height:167px;display:flex}.y-labels{display:flex;flex-direction:column;justify-content:space-between;color:#a0a8b5;font-size:8px;padding:0 10px 19px 0}.chart-area{position:relative;flex:1}.gridlines{position:absolute;inset:0 0 21px;display:flex;flex-direction:column;justify-content:space-between}.gridlines i{border-top:1px dashed #edf0f4}.bars{position:absolute;inset:0 8px 0;display:flex;align-items:end;justify-content:space-around}.bars>div{height:100%;width:10%;display:flex;align-items:center;justify-content:end;flex-direction:column;gap:7px}.bars>div i{display:block;width:65%;max-width:29px;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#9b8aff,#7257e8);z-index:1}.bars b{font-size:8px;color:#929bab;font-weight:500}.counter{background:#f1edff;color:#765fe1;border-radius:20px;padding:4px 8px;font-size:9px;font-weight:700}.task-list{margin-top:13px}.task{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #f0f2f6}.task-check{width:15px;height:15px;border:1px solid #d9deea;border-radius:5px;flex-shrink:0}.task-check.done{background:#e5f6ef;border-color:#bde8d7;position:relative}.task-check.done:after{content:"✓";position:absolute;color:#169b72;font-size:10px;left:2px;top:-1px}.task div{min-width:0;flex:1}.task b{display:block;font-size:10px;font-weight:600}.task small{display:block;color:#9aa2b0;font-size:9px;margin-top:4px}.task-arrow{color:#a3abba}.text-button{border:0;background:none;color:#7059dc;font-size:10px;font-weight:700;margin-top:12px;padding:0;cursor:pointer}.text-button span{padding-left:6px}.table-panel{padding-bottom:4px}.table-panel .panel-head{padding-bottom:15px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;font-size:8px;letter-spacing:.8px;color:#9ba3b1;font-weight:700;padding:12px 13px;border-bottom:1px solid #edf0f4}td{padding:13px;font-size:10px;color:#687386;border-bottom:1px solid #f1f3f6}td b{color:#303b4f;font-weight:600}tbody tr:last-child td{border-bottom:0}.pill{display:inline-flex;align-items:center;padding:5px 8px;border-radius:20px;font-size:9px;font-weight:600}.sent{background:#edf3ff;color:#5784cf}.accepted{background:#e7f7f0;color:#21936f}.draft{background:#f1f2f5;color:#858d9a}.toolbar{display:flex;align-items:center;gap:12px;margin:0 0 14px}.toolbar input{flex:1;max-width:390px;border:1px solid var(--line);border-radius:8px;padding:10px 12px;background:#fff;font-size:11px;outline:none}.toolbar input:focus{border-color:#aa9af4}.muted{color:#929bab;font-size:10px}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.mini-stats>div{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px 16px}.mini-stats small{display:block;color:#8d96a6;font-size:9px}.mini-stats b{display:block;font:700 18px Manrope;margin-top:7px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.project-card{padding:17px}.project-top{display:flex;justify-content:space-between;color:#a2aaba;font-size:12px}.progress-pill{background:#eef1ff;color:#7063c8}.planned{background:#fff4e5;color:#bd842f}.project-card h3{font:700 14px Manrope;margin:17px 0 6px}.project-card p{font-size:10px;color:#8d96a6;margin:0 0 23px}.project-meta{display:flex;justify-content:space-between;font-size:10px;color:#8993a3}.project-meta b{color:#4f5a6c}.project-foot{font-size:9px;color:#929bab;margin-top:13px}.calendar-panel{padding:18px}.calendar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.calendar-head h2{font:700 13px Manrope}.week-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.day{background:#fafbfc;border:1px solid #edf0f4;border-radius:8px;padding:11px;min-height:185px}.day>b{font-size:9px;letter-spacing:.7px;color:#8993a3}.event{padding:9px 7px;border-radius:6px;font-size:9px;line-height:1.6;margin-top:12px;border-left:3px solid}.event small{font-size:8px;opacity:.75}.purple-event{background:#f0edff;color:#6650c6;border-color:#8b77eb}.green-event{background:#eaf7f1;color:#258768;border-color:#55b995}.blue-event{background:#eaf2ff;color:#477bc2;border-color:#78a7e7}.orange-event{background:#fff3e5;color:#b77b32;border-color:#e5ac62}.empty-note{text-align:center;padding:46px 20px;max-width:470px;margin:auto}.empty-icon{width:48px;height:48px;background:#f1edff;color:#745ce3;border-radius:14px;display:grid;place-items:center;margin:0 auto 14px;font-size:21px}.empty-note h3{font:700 15px Manrope}.empty-note p{color:#8993a3;font-size:11px;line-height:1.7}.automation-list{display:grid;gap:12px}.automation-card{background:#fff;border:1px solid var(--line);border-radius:11px;padding:17px;display:flex;align-items:center;gap:14px}.automation-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;font-size:17px;flex-shrink:0}.automation-card>div:nth-child(2){flex:1}.automation-card b{font-size:12px}.automation-card p{font-size:10px;color:#8993a3;margin:5px 0 8px}.active-pill{background:#e8f7f1;color:#20916f}.switch input{display:none}.switch span{width:34px;height:19px;background:#d9deea;border-radius:20px;display:block;position:relative;cursor:pointer}.switch span:after{content:"";position:absolute;width:13px;height:13px;border-radius:50%;background:#fff;top:3px;left:3px;transition:.2s}.switch input:checked+span{background:#7660e8}.switch input:checked+span:after{left:18px}.notice{background:#f0edff;border:1px solid #e3ddff;border-radius:9px;padding:13px 15px;margin-top:17px}.notice b{font-size:10px;color:#6650c6}.notice p{font-size:10px;color:#756e96;line-height:1.6;margin:5px 0 0}.modal-backdrop{display:none;position:fixed;inset:0;background:#10182788;z-index:20;align-items:center;justify-content:center;padding:18px}.modal-backdrop.open{display:flex}.modal{width:100%;max-width:480px;background:#fff;border-radius:15px;padding:22px;box-shadow:0 25px 80px #10182744}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.modal-head h2{font:800 20px Manrope;margin:0}.close-btn{border:0;background:#f3f4f7;border-radius:8px;width:30px;height:30px;font-size:20px;color:#657084;cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:10px;font-weight:600;color:#5f6b7e}.field input,.field select{border:1px solid var(--line);border-radius:7px;padding:10px;font-size:11px;outline:none}.field input:focus{border-color:#9c8af0}.form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);background:#182236;color:#fff;padding:11px 17px;border-radius:9px;font-size:11px;opacity:0;pointer-events:none;transition:.25s;z-index:40;box-shadow:0 8px 25px #0002}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1100px){.content{padding:26px 24px}.topbar{padding:0 24px}.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.project-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:translateX(0);box-shadow:10px 0 35px #10182733}.main{margin-left:0}.topbar{height:58px;padding:0 16px}.mobile-menu{display:block;border:0;background:none;font-size:19px;color:#596477}.breadcrumb{margin-right:auto;margin-left:12px;font-size:10px}.top-actions{gap:10px}.content{padding:23px 15px 40px}.page-heading{align-items:flex-start;gap:12px}.page-heading h1{font-size:23px}.page-heading p{max-width:240px;line-height:1.5}.page-heading>.btn{font-size:0;padding:11px 13px}.page-heading>.btn:first-letter{font-size:15px}.stats-grid{gap:9px}.stat-card{padding:13px;min-height:135px}.stat-card strong{font-size:20px}.stat-top{font-size:9px}.dashboard-grid{gap:11px}.panel{padding:14px}.chart-panel{overflow:hidden}.chart{height:145px}.project-grid{grid-template-columns:1fr}.week-grid{grid-template-columns:repeat(2,1fr)}.day{min-height:130px}.mini-stats{gap:7px}.mini-stats>div{padding:11px}.mini-stats b{font-size:14px}.toolbar{flex-wrap:wrap}.toolbar input{max-width:none;min-width:100%}.automation-card{padding:13px;gap:10px}.automation-card p{line-height:1.5}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.modal{padding:18px}.table-panel{padding:12px 0 3px}.table-panel>.panel-head{padding:0 12px 12px}.table-panel table{min-width:650px}.calendar-head h2{font-size:11px}}

.save-stamp{font-size:9px;color:#9aa3b2;margin-left:12px}@media(max-width:760px){.save-stamp{display:none}}