:root{--bg:#f5f7f8;--surface:#fff;--sidebar:#182f3b;--sidebar2:#254352;--ink:#25333c;--muted:#79868f;--line:#e6ebee;--green:#177c72;--green-bg:#e8f6f2;--blue:#3775db;--blue-bg:#eaf1ff;--amber:#a56923;--amber-bg:#fff4df;--red:#bc4d4f;--red-bg:#fdf0ef;--shadow:0 4px 25px rgba(15,40,53,.035);--radius:15px}
*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink)}body{margin:0;font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:var(--blue)}.boot{padding:80px;text-align:center}.app-shell{display:flex;min-height:100vh}.sidebar{width:250px;background:var(--sidebar);color:#deeaef;position:sticky;top:0;height:100vh;overflow-y:auto;flex-shrink:0;display:flex;flex-direction:column;padding:23px 13px 18px}.brand{display:flex;gap:11px;align-items:center;padding:0 10px 30px}.brand-icon{background:#abe5d9;border-radius:11px;width:35px;height:35px;color:#164438;font-size:23px;font-weight:800;display:grid;place-items:center}.brand strong{font-size:18px;color:#fff;letter-spacing:-.6px}.brand small{display:block;font-size:10px;letter-spacing:.13em;color:#90b4bb;margin-top:2px}.side-label{font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:750;color:#9bb3bd;padding:16px 15px 9px}.navbtn{display:flex;align-items:center;gap:12px;border:0;border-radius:10px;background:transparent;width:100%;padding:11px 13px;color:#cbdce0;text-align:left;font-size:13px;font-weight:580;transition:.12s}.navbtn:hover{background:var(--sidebar2);color:white}.navbtn.active{background:#31525b;color:#fff}.nav-ic{font-size:16px;width:19px;text-align:center;color:#b7d6d9}.sidebar-bottom{margin-top:auto;border-top:1px solid #39515b;padding:16px 13px 3px;color:#b2c8d0;font-size:11px;line-height:1.65}.sidebar-bottom strong{color:#e3eeee}.sidebar .add-small{color:#aee9d4}.side-pill{font-size:9px;color:#99e0c7;background:#274a46;padding:2px 6px;border-radius:10px;margin-left:auto}.content-wrap{min-width:0;width:100%}.topbar{height:70px;display:flex;align-items:center;gap:17px;justify-content:space-between;border-bottom:1px solid var(--line);background:#fff;padding:0 37px}.top-left{display:flex;align-items:center;gap:12px;min-width:0}.topbar-title{font-size:14px;font-weight:780;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-info{font-size:11px;color:var(--muted)}.top-actions{display:flex;align-items:center;gap:10px}.search{border:1px solid var(--line);background:#f7f8fa;border-radius:10px;min-width:230px;padding:10px 12px;color:var(--ink)}.main{max-width:1650px;margin:auto;padding:29px 37px 80px}.top-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin:0 0 23px}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:var(--green);font-weight:800;margin:0 0 8px}.page-title{font-size:29px;letter-spacing:-.9px;line-height:1.18;margin:0 0 8px}.subhead{font-size:13px;color:var(--muted);margin:0;line-height:1.6}.h-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.btn{display:inline-flex;gap:7px;align-items:center;justify-content:center;border-radius:9px;border:1px solid var(--line);background:#fff;color:#324552;padding:10px 14px;font-size:12px;font-weight:700;white-space:nowrap}.btn:hover{background:#f3f7f7}.btn.primary{background:#247b73;color:#fff;border-color:#247b73}.btn.primary:hover{background:#17665e}.btn.blue{background:#3b78e7;color:#fff;border-color:#3b78e7}.btn.danger{color:#b43f42}.btn.sm{padding:6px 10px;font-size:11px}.btn:focus-visible,.navbtn:focus-visible{outline:3px solid #79c1db;outline-offset:2px}.notice{border:1px solid #c8e6da;background:#effaf5;border-radius:12px;padding:14px 18px;display:flex;justify-content:space-between;align-items:center;gap:14px;margin:0 0 20px;color:#2b6757}.notice small{display:block;color:#51776a;line-height:1.55;margin-top:3px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 20px}.metric{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:var(--radius);padding:20px 21px;min-width:0;cursor:pointer}.metric:hover{border-color:#9bcfc5}.metric-top{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px;font-weight:650}.metric-icon{font-size:18px;color:#8aa8a9;background:#eff7f5;padding:7px;border-radius:9px}.metric-val{font-size:34px;font-weight:780;letter-spacing:-1.5px;margin:8px 0 3px}.metric-foot{color:#8c989e;font-size:11px}.metric.warn .metric-val{color:#b35147}.columns{display:grid;grid-template-columns:1.65fr 1fr;gap:18px;margin-bottom:18px}.cols-equal{grid-template-columns:1fr 1fr}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;min-width:0}.panel-header{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:19px 20px 16px;border-bottom:1px solid #eff2f4}.panel-header h2{font-size:14px;margin:0;letter-spacing:-.15px}.panel-sub{font-size:11px;color:var(--muted);margin-top:5px}.panel-body{padding:13px 19px 18px}.panel.compact .panel-body{padding:9px 18px 16px}.rowlist{display:flex;align-items:center;gap:12px;padding:12px 2px;border-bottom:1px solid #f0f2f4}.rowlist:last-child{border-bottom:0}.rowlist .grow{flex:1;min-width:0}.rowtitle{font-size:12px;font-weight:690;color:#2b363f;line-height:1.4;word-break:break-word}.rowsub{margin-top:5px;color:#96a1a7;font-size:11px}.chip{display:inline-block;font-size:10px;font-weight:750;border-radius:6px;padding:5px 8px;white-space:nowrap;background:#f1f3f5;color:#63717a}.chip.red{color:var(--red);background:var(--red-bg)}.chip.green{color:var(--green);background:var(--green-bg)}.chip.blue{color:var(--blue);background:var(--blue-bg)}.chip.amber{color:var(--amber);background:var(--amber-bg)}.chip.gray{background:#f1f3f5}.dot{height:10px;width:10px;border-radius:100%;flex-shrink:0}.empty{padding:30px 12px;color:#9aa5ac;text-align:center;font-size:12px;line-height:1.8}.mini-client-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 18px}.client-tile{border:1px solid var(--line);background:#fff;border-radius:13px;padding:18px;cursor:pointer;text-align:left;min-width:0}.client-tile:hover{border-color:#8bbdb3;transform:translateY(-1px)}.clienttile-head{display:flex;gap:10px;align-items:center}.avatar{width:33px;height:33px;display:grid;place-items:center;border-radius:10px;background:#e7f4f1;color:#166d61;font-weight:850}.client-tile h3{font-size:13px;margin:0 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-tile p{color:var(--muted);font-size:11px;margin:0}.clienttile-stats{display:flex;justify-content:space-between;margin-top:17px;border-top:1px solid #edf1f1;padding-top:13px;font-size:11px;color:var(--muted)}.clienttile-stats b{color:var(--ink)}.pill-tabs{display:flex;gap:6px;margin-bottom:17px;flex-wrap:wrap}.tab{background:transparent;border:1px solid transparent;color:#73818b;font-size:12px;padding:9px 13px;border-radius:9px}.tab.active{background:#e8f4f1;color:var(--green);font-weight:800}.filters{display:flex;flex-wrap:wrap;gap:9px;padding:13px 17px;border-bottom:1px solid var(--line)}.filters select,.filters input{border:1px solid var(--line);background:#f9fafb;border-radius:9px;font-size:12px;padding:8px 10px;max-width:100%}.task-title{border:none;background:transparent;text-align:left;padding:0;color:#273740;font-weight:680}.task-title:hover{color:var(--green);text-decoration:underline}.task-check{width:17px;height:17px;accent-color:var(--green);flex-shrink:0}.done .task-title{text-decoration:line-through;color:#9ba7ad}.workbar{height:8px;background:#edf2f3;border-radius:20px;overflow:hidden;margin-top:9px}.workbar span{height:100%;display:block;border-radius:20px;background:#6caeb2}.schedule-item{border-left:3px solid #6daeb2;padding:8px 14px;margin:10px 0 12px;background:#f8fafb;border-radius:0 9px 9px 0}.schedule-item .time{font-size:11px;color:#66858d;margin-bottom:5px}.schedule-item strong{font-size:12px}.schedule-item small{display:block;color:#8d9fa5;margin-top:5px}.stats-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:17px}.stat-mini{background:#fff;border:1px solid var(--line);padding:15px;border-radius:12px}.stat-mini p{color:#8c969c;font-size:10px;margin:0 0 9px}.stat-mini strong{font-size:23px;letter-spacing:-1px}.client-widgets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-bottom:18px}.widget-list{padding:7px 15px 15px}.widget-line{border-bottom:1px solid #eff2f3;padding:13px 0}.widget-line:last-child{border:0}.widget-title{font-size:12px;font-weight:690}.widget-sub{font-size:10px;color:#9aa4a9;margin-top:4px}.kanban{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:17px;background:#fbfcfd}.kanban-column{min-width:0;background:#f5f7f9;border:1px solid #ecf0f2;border-radius:11px;padding:12px}.kanban-head{font-size:10px;font-weight:850;color:#697681;letter-spacing:.08em;text-transform:uppercase;display:flex;justify-content:space-between;margin-bottom:10px}.kanban-card{background:#fff;border:1px solid #e8edf0;border-radius:9px;padding:11px;margin-bottom:8px;box-shadow:0 1px 1px #edf1f2;cursor:pointer}.kanban-card:hover{border-color:#9cc9c0}.kanban-card .rowtitle{font-size:11px}.kanban-card .rowsub{font-size:10px}.exec-hero{border-radius:17px;background:linear-gradient(120deg,#193744,#214c55);color:#fff;padding:24px 27px;margin-bottom:18px;display:flex;justify-content:space-between;gap:20px;align-items:center}.exec-hero h2{font-size:25px;letter-spacing:-.6px;margin:0 0 8px}.exec-hero p{color:#b8d3d8;margin:0;font-size:12px}.exec-hero .btn{background:#fff;color:#1d4d50}.week-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:17px}.week-day{background:#fff;border:1px solid var(--line);border-radius:12px;padding:13px 8px;text-align:center;cursor:pointer;min-width:0}.week-day.active{background:#e6f4f0;border-color:#78b8a9;color:#116d61}.week-day small{display:block;margin-bottom:6px;color:#86949a}.week-day strong{font-size:17px}.week-day .count{font-size:9px;margin-top:7px;color:#829498}.form-label{display:block;font-size:11px;color:#566671;font-weight:750;margin-bottom:7px}.form-field{width:100%;padding:11px 12px;border:1px solid #dfe7e9;border-radius:9px;background:#fff;outline-color:#76bdb1;color:#2a3941;font-size:13px}.form-field:focus{border-color:#79bcb1}.field-note{color:#96a3aa;font-size:10px;margin-top:5px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.formgrid .full{grid-column:1/-1}.checkrow{display:flex;align-items:center;gap:9px;font-size:12px;color:#556570}.checkrow input{accent-color:var(--green)}.form-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:25px;flex-wrap:wrap}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.settingrow{display:flex;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid var(--line)}.settingrow input,.settingrow select{flex:1;min-width:0}.settingrow:last-child{border:0}.modal-back{position:fixed;inset:0;z-index:60;background:rgba(12,33,40,.5);display:grid;place-items:center;padding:18px;overflow:auto}.modal{width:min(630px,100%);max-height:calc(100vh - 36px);overflow:auto;background:#fff;border-radius:16px;box-shadow:0 24px 100px rgba(15,26,30,.25)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:22px 25px;border-bottom:1px solid var(--line)}.modal-header h2{font-size:18px;letter-spacing:-.4px;margin:0}.modal-body{padding:24px 25px 27px}.iconbtn{border:0;background:transparent;padding:5px;color:#687a85;font-size:20px}.auth-page{min-height:100vh;display:grid;grid-template-columns:1fr 1.12fr;background:#f5f7f8}.auth-brand{background:linear-gradient(155deg,#142d39,#285b5c);color:white;padding:60px min(7vw,90px);display:flex;flex-direction:column;justify-content:center}.auth-brand h1{font-size:clamp(40px,4.3vw,66px);letter-spacing:-2.5px;line-height:1.07;margin:22px 0}.auth-brand p{color:#b9d6d8;font-size:16px;line-height:1.85;max-width:480px}.auth-brand .smallfeat{display:grid;gap:18px;margin-top:38px;color:#dbefeb;font-size:13px}.auth-main{padding:34px;display:grid;place-items:center}.auth-panel{width:min(440px,100%);background:#fff;border:1px solid var(--line);border-radius:18px;padding:36px;box-shadow:var(--shadow)}.auth-panel h2{font-size:23px;letter-spacing:-.7px;margin:0 0 7px}.auth-panel .subhead{margin-bottom:24px}.auth-panel .form-field{margin-bottom:14px}.divider{height:1px;background:var(--line);margin:18px 0}.textlink{color:var(--green);background:transparent;border:0;padding:4px 0;font-size:12px}.setup-notice{padding:13px 15px;border:1px solid #f0dcaf;border-radius:10px;background:#fffaec;color:#8c672d;font-size:12px;line-height:1.6;margin-bottom:16px}.tag{font-size:10px;font-weight:780;border-radius:6px;padding:5px 9px;background:#e7f4ef;color:#16806e}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;word-break:break-all}.no-marg{margin:0}.space{height:18px}.mobile-btn{display:none}.mobile-shade{display:none}#toast{position:fixed;bottom:22px;right:22px;background:#153841;color:#fff;border-radius:10px;padding:12px 17px;font-size:12px;display:none;z-index:100;max-width:350px;box-shadow:0 10px 50px #15384130}#toast.show{display:block}.dangertext{color:var(--red)}.muted{color:var(--muted)}.tiny{font-size:11px}.spaced{display:flex;align-items:center;justify-content:space-between;gap:12px}.right{text-align:right}.intro-list{color:#63737d;font-size:13px;line-height:2}.hide{display:none!important}.skeleton{height:120px;background:linear-gradient(100deg,#f4f5f7,#eceff0,#f4f5f7);border-radius:13px}
@media(max-width:1250px){.client-widgets{grid-template-columns:1fr 1fr}.metrics{grid-template-columns:repeat(2,1fr)}.mini-client-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1050px){.sidebar{width:218px}.main{padding:27px 24px 70px}.topbar{padding:0 24px}.columns{grid-template-columns:1fr}.kanban{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-grid{grid-template-columns:1fr}}
@media(max-width:700px){.sidebar{position:fixed;z-index:40;left:0;top:0;width:267px;transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:translateX(0)}.mobile-shade.show{display:block;position:fixed;inset:0;background:#0008;z-index:35}.mobile-btn{display:block;border:0;background:transparent;font-size:22px;color:#334c58;padding:3px}.topbar{height:60px;padding:0 16px}.top-info,.search{display:none}.main{padding:21px 15px 55px}.page-title{font-size:24px}.top-heading{flex-direction:column}.metrics{gap:9px}.metric{padding:14px}.metric-val{font-size:28px}.mini-client-grid,.client-widgets,.stats-3,.settings-grid{grid-template-columns:1fr}.auth-page{grid-template-columns:1fr}.auth-brand{padding:34px 25px 28px}.auth-brand h1{font-size:36px;margin:12px 0}.auth-brand p{font-size:13px;margin:0}.auth-brand .smallfeat{margin:13px 0 0;gap:9px}.auth-main{padding:20px 14px}.auth-panel{padding:25px}.formgrid{grid-template-columns:1fr}.formgrid .full{grid-column:1}.week-strip{gap:4px}.week-day{padding:10px 2px}.week-day small{font-size:9px}.week-day strong{font-size:13px}.week-day .count{font-size:8px}.kanban{gap:7px;padding:10px}.kanban-column{padding:7px}.kanban-head{font-size:9px}.exec-hero{flex-direction:column;align-items:flex-start}.h-actions{width:100%}.h-actions .btn{flex:1}.topbar-title{font-size:12px}.modal-body{padding:17px}.panel-header{padding:15px 14px}.panel-body{padding:12px 13px}.top-actions .btn{padding:8px}.notice{align-items:flex-start;flex-direction:column}}