@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Fraunces:wght@600;700&display=swap";:root{--bg: #ffffff;--bg2: #f5f5f5;--white: #ffffff;--s2: #fafaf8;--bdr: #e2e0d8;--bdr2: #d0cdc4;--teal: #0f7c6b;--tl: #14a085;--td: rgba(15, 124, 107, .09);--td2: rgba(15, 124, 107, .16);--navy: #0d1f2d;--ink: #1c1c1e;--ink2: #3d3d42;--mt: #8a8880;--mt2: #b5b3ae;--gr: #16a34a;--gr-bg: rgba(22, 163, 74, .1);--am: #b45309;--am-bg: rgba(180, 83, 9, .1);--rd: #dc2626;--rd-bg: rgba(220, 38, 38, .1);--bl: #1d4ed8;--bl-bg: rgba(29, 78, 216, .1);--r: 10px;--rs: 6px;--rl: 16px;--sh: 0 1px 3px rgba(0, 0, 0, .06), 0 4px 16px rgba(0, 0, 0, .06);--shm: 0 4px 20px rgba(0, 0, 0, .1), 0 1px 4px rgba(0, 0, 0, .06);--shl: 0 12px 48px rgba(0, 0, 0, .14);--sw: 248px;--th: 60px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:15px}body{font-family:Plus Jakarta Sans,sans-serif;background:var(--bg);color:var(--ink);min-height:100vh}button,input,select,textarea{font-family:inherit}button{cursor:pointer;border:none;background:none}.loading-shell{min-height:100vh;display:grid;place-items:center}.role-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--navy);background-image:radial-gradient(ellipse at 70% 30%,rgba(15,124,107,.25),transparent 55%),radial-gradient(ellipse at 20% 80%,rgba(20,160,133,.12),transparent 45%)}.rc{background:#fff;border-radius:20px;padding:36px 30px;width:560px;max-width:94vw;box-shadow:var(--shl);text-align:center}.logo-row{display:flex;align-items:center;justify-content:center;margin-bottom:18px}.lm{width:38px;height:38px;background:#fff;border:1px solid var(--bdr);border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden}.lm-auth{width:92px;height:92px;border-radius:20px}.lm-sidebar{width:124px;height:124px;border-radius:24px;background:#fff;border:1px solid #ffffff;padding:12px}.logo-img{width:100%;height:100%;object-fit:contain;transform:scale(1.9);transition:transform .25s ease}.lm:hover .logo-img{transform:scale(2)}.ln{font-family:Fraunces,serif;font-size:22px;font-weight:700;color:var(--navy)}.rh{font-family:Fraunces,serif;font-size:25px;font-weight:600;color:var(--navy);margin-bottom:7px}.rs{font-size:14px;color:var(--mt);margin-bottom:20px}.ro{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-bottom:18px}.rb{padding:14px;border-radius:var(--rl);border:2px solid var(--bdr);transition:all .2s;background:var(--bg)}.rb:hover{border-color:var(--teal);background:var(--td);transform:translateY(-1px);box-shadow:var(--shm)}.ri{font-size:12px;font-weight:800;letter-spacing:.8px;color:var(--teal);margin-bottom:6px}.rl{font-size:14px;font-weight:700;color:var(--navy)}.rd2{font-size:12px;color:var(--mt);margin-top:3px}.fullw{width:100%;justify-content:center}.mode-toggle2{margin-top:10px}.shell{display:flex;min-height:100vh}.sidebar{width:var(--sw);min-height:100vh;background:var(--navy);position:fixed;left:0;top:0;bottom:0;z-index:200;display:flex;flex-direction:column}.main{margin-left:var(--sw);flex:1;min-height:100vh;display:flex;flex-direction:column}.sb-logo{padding:22px 14px 20px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center}.sb-logo .ln{color:#fff;font-size:18px}.sb-pill{margin:12px 14px;padding:6px 12px;border-radius:8px;background:#0f7c6b40;border:1px solid rgba(15,124,107,.4);font-size:11px;font-weight:700;color:#4ecca3;letter-spacing:.8px;text-transform:uppercase}.sb-nav{flex:1;padding:6px 10px;overflow-y:auto}.sb-sec{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#ffffff4d;padding:12px 8px 6px}.si{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;transition:all .18s;color:#fff9;font-size:13px;font-weight:500;width:100%;text-align:left;margin-bottom:1px}.si:hover{background:#ffffff12;color:#ffffffe6}.si.active{background:var(--teal);color:#fff}.si-badge{margin-left:auto;background:#ef4444;color:#fff;font-size:10px;font-weight:700;border-radius:20px;padding:1px 6px}.sb-user{padding:13px 14px;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:10px}.su-av{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:#fff;background:var(--teal)}.su-name{font-size:13px;font-weight:600;color:#fff}.su-role{font-size:11px;color:#ffffff73}.topbar{height:var(--th);background:var(--white);border-bottom:1px solid var(--bdr);display:flex;align-items:center;justify-content:space-between;padding:0 22px;gap:12px;position:sticky;top:0;z-index:100}.tb-title{font-family:Fraunces,serif;font-size:18px;font-weight:600;color:var(--navy)}.tb-acts{display:flex;align-items:center;gap:8px}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--rs);font-size:13px;font-weight:600;transition:all .18s}.bp{background:var(--teal);color:#fff}.bp:hover{background:var(--tl);box-shadow:0 4px 14px #0f7c6b59}.bo{background:transparent;border:1.5px solid var(--bdr2);color:var(--ink2)}.bo:hover{border-color:var(--teal);color:var(--teal)}.bg{background:var(--bg);border:1.5px solid var(--bdr);color:var(--ink2)}.bsm{padding:6px 12px;font-size:12px}.bxs{padding:4px 9px;font-size:11px;border-radius:5px}.pb{flex:1;padding:22px;max-width:1400px;width:100%}.page{animation:fu .25s ease}@keyframes fu{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.srow{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.scard{background:var(--white);border:1px solid var(--bdr);border-radius:var(--rl);padding:18px;box-shadow:var(--sh)}.stop{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:10px}.sico{font-size:12px;font-weight:700;color:var(--teal)}.strd{font-size:11px;font-weight:600;padding:2px 7px;border-radius:20px}.tup{background:var(--gr-bg);color:var(--gr)}.dn{background:var(--rd-bg);color:var(--rd)}.sval{font-family:Fraunces,serif;font-size:28px;font-weight:700;color:var(--navy);line-height:1;margin-bottom:3px}.slbl{font-size:12px;color:var(--mt);font-weight:500}.g2{display:grid;grid-template-columns:1fr 340px;gap:18px}.cstk{display:flex;flex-direction:column;gap:14px}.card{background:var(--white);border:1px solid var(--bdr);border-radius:var(--rl);box-shadow:var(--sh)}.ch{padding:14px 18px;border-bottom:1px solid var(--bdr);display:flex;align-items:center;justify-content:space-between}.cb{padding:18px}.ct{font-family:Fraunces,serif;font-size:15px;font-weight:600;color:var(--navy)}.badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;padding:3px 8px;border-radius:20px}.bon{background:var(--td2);color:var(--teal)}.bcp{background:var(--bl-bg);color:var(--bl)}.bpd{background:var(--am-bg);color:var(--am)}.brd{background:var(--rd-bg);color:var(--rd)}.pb2{display:inline-flex;font-size:11px;font-weight:600;padding:2px 8px;border-radius:5px}.ppaid{background:var(--gr-bg);color:var(--gr)}.pdue{background:var(--rd-bg);color:var(--rd)}.ppart{background:var(--am-bg);color:var(--am)}.ppend{background:var(--bg2);color:var(--mt)}.plist{display:flex;flex-direction:column;gap:8px}.prow{background:var(--white);border:1px solid var(--bdr);border-radius:var(--r);box-shadow:var(--sh);overflow:hidden}.psum{display:flex;align-items:center;gap:10px;padding:13px 16px}.pinfo{flex:1;min-width:0}.pname{font-size:14px;font-weight:700;color:var(--navy);margin-bottom:2px}.psub{font-size:11px;color:var(--mt)}.pdates{font-size:12px;color:var(--ink2);white-space:nowrap;margin-left:auto;text-align:right;padding:0 10px}.pcost{font-size:14px;font-weight:700;color:var(--navy);white-space:nowrap;padding:0 10px}.pbar{width:80px;padding:0 6px}.mb{height:5px;background:var(--bg2);border-radius:10px;overflow:hidden}.mf{height:100%;border-radius:10px;background:linear-gradient(90deg,var(--teal),var(--tl))}.mp{font-size:11px;color:var(--mt);text-align:right;margin-top:2px}.afeed{display:flex;flex-direction:column}.aitem{display:flex;gap:11px;padding:11px 0;border-bottom:1px solid var(--bdr)}.aitem:last-child{border-bottom:none}.adot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:4px;background:var(--teal)}.atxt2{font-size:13px;color:var(--ink);line-height:1.5}.atime{font-size:11px;color:var(--mt);margin-top:2px}.dash-form{display:grid;gap:8px}.dash-form label{font-size:12px;font-weight:600;color:var(--ink2)}.dash-form input,.dash-form textarea,.dash-form select,.cinp{width:100%;border:1px solid var(--bdr);border-radius:10px;padding:10px 12px;background:#fff;outline:none}.dash-form input:focus,.dash-form textarea:focus,.dash-form select:focus,.cinp:focus{border-color:var(--teal)}.drow{margin-bottom:10px}.dkey{font-size:11px;color:var(--mt);margin-bottom:1px}.dval{font-size:13px;color:var(--ink);font-weight:600}.dacts{padding-top:10px;display:flex;gap:8px;flex-wrap:wrap}.table-wrap{overflow-x:auto}.dt{width:100%;border-collapse:collapse}.dt th{padding:10px 14px;text-align:left;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--mt);border-bottom:2px solid var(--bdr);background:var(--bg2)}.dt td{padding:12px 14px;font-size:13px;border-bottom:1px solid var(--bdr);vertical-align:middle}.dt tr:last-child td{border-bottom:none}.dt tr:hover td{background:var(--bg)}.dt input{width:110px;border:1px solid var(--bdr);border-radius:8px;padding:6px 8px;background:#fff}.mwrap{display:grid;grid-template-columns:270px 1fr;border-radius:var(--rl);overflow:hidden;border:1px solid var(--bdr);box-shadow:var(--sh);height:calc(100vh - var(--th) - 46px);min-height:480px}.msb{background:var(--white);border-right:1px solid var(--bdr);display:flex;flex-direction:column}.mmain{background:var(--s2);display:flex;flex-direction:column}.msrch{padding:11px 12px;border-bottom:1px solid var(--bdr)}.tlist{flex:1;overflow-y:auto}.ti{width:100%;text-align:left;padding:11px 13px;border-bottom:1px solid var(--bdr);display:flex;gap:9px;transition:background .15s}.ti:hover{background:var(--bg)}.ti.tact{background:var(--td)}.tav{width:34px;height:34px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;color:#fff;background:var(--teal)}.tinf{flex:1;min-width:0}.tname{font-size:13px;font-weight:600;color:var(--navy)}.tprev{font-size:12px;color:var(--mt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ttime{font-size:11px;color:var(--mt2)}.chdr{padding:13px 16px;border-bottom:1px solid var(--bdr);background:var(--white);display:flex;align-items:center;gap:11px}.cname{font-size:14px;font-weight:700;color:var(--navy)}.cst{font-size:12px;color:var(--gr)}.cbody{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.bw{display:flex;gap:8px;max-width:72%}.bw.mine{margin-left:auto;flex-direction:row-reverse}.bav{width:27px;height:27px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:11px;color:#fff;margin-top:2px;background:var(--teal)}.bubble{padding:9px 12px;border-radius:12px;font-size:13px;line-height:1.6;background:var(--white);border:1px solid var(--bdr);color:var(--ink)}.bw.mine .bubble{background:var(--teal);color:#fff;border-color:var(--tl)}.btime{font-size:10px;color:var(--mt);margin-top:3px;padding:0 3px}.bw.mine .btime{text-align:right}.cinrow{padding:11px 13px;border-top:1px solid var(--bdr);background:var(--white);display:flex;gap:7px}.cinp{flex:1;resize:none}.sbtn{width:68px;height:34px;border-radius:8px;background:var(--teal);color:#fff;align-self:flex-end;font-size:12px;font-weight:700}.sbtn:hover{background:var(--tl)}.form-error{color:#b91c1c;font-size:12px;text-align:left}.auth-form{text-align:left}.api-loader-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a2e;z-index:1200;display:grid;place-items:center;pointer-events:all}.api-loader-box{display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border-radius:10px;background:#fff;border:1px solid #d8dde6;box-shadow:0 12px 28px #0f172a2e;font-size:14px;font-weight:600;color:#0f172a}.api-loader-spinner{width:16px;height:16px;border-radius:50%;border:2px solid #bfdbfe;border-top-color:#0f766e;animation:api-spin .8s linear infinite}.api-toast-stack{position:fixed;top:16px;right:16px;display:grid;gap:8px;z-index:1300;width:min(360px,calc(100vw - 24px))}.api-toast{border-radius:10px;padding:11px 12px;font-size:13px;line-height:1.4;border:1px solid transparent;box-shadow:0 8px 24px #0f172a29;background:#fff}.api-toast-success{border-color:#a7f3d0;background:#ecfdf5;color:#065f46}.api-toast-error{border-color:#fecaca;background:#fef2f2;color:#991b1b}@keyframes api-spin{to{transform:rotate(360deg)}}.project-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.project-field{display:grid;gap:8px}.project-field-full{grid-column:1 / -1}.project-help-text{margin-top:2px;font-size:12px;color:var(--mt)}.project-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.project-kpi-card{border:1px solid var(--bdr);border-radius:12px;padding:14px;background:linear-gradient(180deg,#fff,#fdfcf8)}.project-kpi-label{font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--mt)}.project-kpi-value{margin-top:7px;font-family:Fraunces,serif;font-size:25px;font-weight:700;color:var(--navy);line-height:1}.project-kpi-meta{margin-top:6px;font-size:12px;color:var(--mt)}.project-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}.project-toolbar-fields{display:grid;grid-template-columns:minmax(260px,1fr) 220px;gap:10px;width:min(100%,680px)}.project-toolbar-meta{font-size:12px;color:var(--mt)}.project-name-cell{display:grid;gap:4px;min-width:180px;max-width:320px}.project-title{font-size:13px;font-weight:700;color:var(--navy)}.project-desc{font-size:12px;color:var(--mt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-progress{min-width:86px}.project-progress .mb{height:6px}.project-progress-value{margin-top:3px;font-size:11px;color:var(--mt);text-align:right}.project-status-actions{display:flex;gap:6px;align-items:center}.project-status-actions select{min-width:130px;border:1px solid var(--bdr);border-radius:8px;padding:6px 8px;background:#fff}.project-workspace{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.9fr);gap:14px;align-items:start}.project-list-panel{border:1px solid var(--bdr);border-radius:12px;background:var(--white);padding:8px}.project-detail-panel{border:1px solid var(--bdr);border-radius:12px;background:linear-gradient(180deg,#fff,#fdfcf8);padding:14px;position:sticky;top:72px}.projects-table{min-width:560px}.projects-table tbody tr{cursor:pointer}.projects-table tbody tr:focus td,.projects-table tbody tr:hover td{background:#f8fafb}.projects-table tbody tr:focus{outline:1px solid #d0e7e2;outline-offset:-1px}.projects-table tbody tr.project-row-active td{background:var(--td)}.project-detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px}.project-detail-title{font-size:18px;font-weight:700;color:var(--navy)}.project-detail-sub{margin-top:2px;font-size:12px;color:var(--mt)}.project-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}.project-detail-item{border:1px solid var(--bdr);border-radius:10px;background:#fff;padding:10px}.project-detail-key{font-size:11px;color:var(--mt);text-transform:uppercase;letter-spacing:.4px}.project-detail-value{margin-top:4px;font-size:13px;color:var(--ink);font-weight:600}.project-detail-section{padding-top:10px;margin-top:10px;border-top:1px solid var(--bdr)}.project-detail-section h3{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--mt);margin-bottom:6px}.project-detail-section p{font-size:13px;color:var(--ink2);line-height:1.5}.project-progress-wide{max-width:240px}.project-empty-detail{font-size:13px;color:var(--mt);padding:16px 4px}.project-table-empty{padding:18px 10px;text-align:center;color:var(--mt)}@media(max-width:1100px){.srow{grid-template-columns:repeat(2,1fr)}.g2{grid-template-columns:1fr}.mwrap{grid-template-columns:1fr;height:auto}.msb{border-right:none;border-bottom:1px solid var(--bdr);max-height:280px}.project-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-toolbar-fields{grid-template-columns:minmax(220px,1fr) 190px;width:100%}}@media(max-width:860px){.sidebar{width:100%;position:static;min-height:auto}.main{margin-left:0}.shell{flex-direction:column}.pdates,.pbar{display:none}.project-form-grid,.project-toolbar-fields{grid-template-columns:1fr}.project-status-actions{flex-direction:column;align-items:stretch}.project-status-actions select{min-width:0;width:100%}}@media(max-width:640px){.pb{padding:12px}.srow,.ro,.project-kpi-grid{grid-template-columns:1fr}.pdates,.pcost,.pbar{display:none}.project-toolbar-meta{width:100%}.projects-table{min-width:760px}.api-toast-stack{left:12px;right:12px;width:auto;top:12px}}@media(max-width:1100px){.project-workspace{grid-template-columns:1fr}.project-detail-panel{position:static}}@media(max-width:860px){.project-detail-grid{grid-template-columns:1fr}}@media(max-width:640px){.projects-table{min-width:520px}}.project-detail-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.project-milestone-list,.project-invoice-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.project-milestone-item,.project-invoice-item{border:1px solid var(--bdr);border-radius:10px;background:#fff;padding:10px}.project-milestone-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.project-milestone-meta,.project-invoice-meta{margin-top:3px;font-size:12px;color:var(--mt)}.project-milestone-item p{margin-top:6px;font-size:12px;color:var(--ink2);line-height:1.45}.project-invoice-item{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.project-invoice-title{font-size:13px;font-weight:700;color:var(--navy)}.project-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#080f167a;z-index:1400;padding:16px;display:grid;place-items:center}.project-modal-card{width:min(980px,96vw);max-height:90vh;overflow-y:auto}@media(max-width:860px){.project-invoice-item{flex-direction:column;align-items:flex-start}}@media(max-width:640px){.project-detail-header-actions{width:100%;justify-content:flex-start}}.clients-page .card{overflow:hidden}.clients-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.clients-chip-group{display:flex;gap:8px;flex-wrap:wrap}.clients-chip{border:1px solid var(--bdr2);border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600;color:var(--ink2);background:#fff}.clients-chip.active{border-color:var(--teal);background:var(--teal);color:#fff}.clients-search-wrap{min-width:260px}.clients-search{width:100%;border:1px solid var(--bdr);border-radius:8px;padding:8px 10px}.clients-table{min-width:980px}.client-row-active td{background:var(--td)}.client-cell{display:flex;align-items:center;gap:10px}.client-avatar{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;background:linear-gradient(135deg,#0f7c6b,#1d4ed8);flex-shrink:0}.client-name{font-size:13px;font-weight:700;color:var(--navy)}.client-email{font-size:11px;color:var(--mt)}.clients-project-pill{display:inline-flex;align-items:center;font-size:11px;padding:3px 9px;border-radius:999px;background:var(--td);color:var(--teal);font-weight:600}.clients-balance-due{color:var(--rd);font-weight:700}.clients-balance-clear{color:var(--gr);font-weight:700}.clients-workspace-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;flex-wrap:wrap}.clients-workspace-title{font-size:18px;font-weight:700;color:var(--navy)}.clients-workspace-sub{margin-top:2px;font-size:12px;color:var(--mt)}.clients-workspace-tabs{display:flex;gap:6px;flex-wrap:wrap}.clients-tab{border:1px solid var(--bdr2);border-radius:7px;padding:6px 10px;font-size:12px;font-weight:600;color:var(--ink2);background:#fff}.clients-tab.active{border-color:var(--teal);color:var(--teal);background:var(--td)}.clients-kpi-grid{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.clients-kpi-card{border:1px solid var(--bdr);border-radius:10px;background:linear-gradient(180deg,#fff,#fbfaf6);padding:12px}.clients-kpi-label{font-size:11px;color:var(--mt);text-transform:uppercase;letter-spacing:.45px}.clients-kpi-value{margin-top:6px;font-family:Fraunces,serif;font-size:25px;color:var(--navy)}.clients-thread-list{display:grid;gap:10px}.clients-thread-card{border:1px solid var(--bdr);border-radius:10px;padding:12px;background:#fff}.clients-thread-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.clients-thread-title{font-size:14px;font-weight:700;color:var(--navy)}.clients-thread-meta{font-size:12px;color:var(--mt);margin-top:2px}.clients-thread-preview{margin-top:8px;font-size:13px;color:var(--ink2)}@media(max-width:1100px){.clients-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:860px){.clients-search-wrap{min-width:0;width:100%}.clients-table{min-width:760px}}@media(max-width:640px){.clients-kpi-grid{grid-template-columns:1fr}.clients-workspace-tabs{width:100%}.clients-tab{flex:1;text-align:center}}.clients-toolbar-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.clients-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#080f1685;z-index:1450;padding:16px;display:grid;place-items:center}.clients-modal-card{width:min(520px,96vw);max-height:90vh;overflow-y:auto}@media(max-width:860px){.clients-toolbar-right{width:100%}.clients-toolbar-right .btn{width:100%;justify-content:center}}.clients-sort-btn{display:inline-flex;align-items:center;gap:4px;font:inherit;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--mt)}.clients-sort-btn:hover{color:var(--teal)}.clients-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.clients-delete{border-color:#fecaca;color:#b91c1c}.clients-delete:hover{border-color:#fca5a5;color:#991b1b}.clients-pagination-row{margin-top:10px;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.clients-pagination-meta{font-size:12px;color:var(--mt)}.clients-pagination-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.clients-page-size-label,.clients-page-index{font-size:12px;color:var(--mt)}.clients-page-size{border:1px solid var(--bdr);border-radius:8px;padding:4px 8px;background:#fff}@media(max-width:860px){.clients-pagination-row{flex-direction:column;align-items:flex-start}}.dashboard-page{gap:16px}.dashboard-hero-card{background:linear-gradient(180deg,#fff,#fdfcf8)}.dashboard-hero-body{padding:20px}.dashboard-hero-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:14px}.dashboard-hero-title{font-family:Fraunces,serif;font-size:24px;font-weight:700;color:var(--navy)}.dashboard-hero-subtitle{margin-top:4px;font-size:13px;color:var(--mt);max-width:720px}.dashboard-health-pill{display:inline-flex;align-items:center;border-radius:999px;padding:5px 11px;font-size:11px;font-weight:700;letter-spacing:.3px}.dashboard-health-pill.healthy{background:var(--gr-bg);color:var(--gr)}.dashboard-health-pill.warning{background:var(--am-bg);color:var(--am)}.dashboard-health-pill.critical{background:var(--rd-bg);color:var(--rd)}.dashboard-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.dashboard-kpi-card{border:1px solid var(--bdr);border-radius:12px;background:#fff;padding:14px}.dashboard-kpi-label{font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--mt)}.dashboard-kpi-value{margin-top:7px;font-family:Fraunces,serif;font-size:30px;line-height:1;color:var(--navy)}.dashboard-kpi-meta{margin-top:7px;font-size:12px;color:var(--mt)}.dashboard-main-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.9fr);gap:14px}.dashboard-list{display:grid;gap:8px}.dashboard-list-item{border:1px solid var(--bdr);border-radius:10px;background:#fff;padding:11px;display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.dashboard-list-main{min-width:0}.dashboard-list-title{font-size:13px;font-weight:700;color:var(--navy)}.dashboard-list-sub{margin-top:2px;font-size:12px;color:var(--mt);line-height:1.45}.dashboard-list-side{text-align:right;display:grid;justify-items:end;gap:4px;flex-shrink:0}.dashboard-list-amount{font-size:13px;font-weight:700;color:var(--ink)}.dashboard-status-chip{display:inline-flex;align-items:center;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:700;letter-spacing:.3px}.dashboard-status-chip.healthy{background:var(--gr-bg);color:var(--gr)}.dashboard-status-chip.warning{background:var(--am-bg);color:var(--am)}.dashboard-status-chip.critical{background:var(--rd-bg);color:var(--rd)}.dashboard-health-stack{display:grid;gap:10px}.dashboard-health-item{border:1px solid var(--bdr);border-radius:10px;background:#fff;padding:11px}.dashboard-health-key{font-size:11px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;color:var(--mt)}.dashboard-health-value{margin-top:5px;font-size:13px;color:var(--ink);line-height:1.45}.dashboard-empty{font-size:13px;color:var(--mt)}.dashboard-time{font-size:11px;color:var(--mt)}@media(max-width:1200px){.dashboard-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-main-grid{grid-template-columns:1fr}}@media(max-width:640px){.dashboard-kpi-grid{grid-template-columns:1fr}.dashboard-list-item{flex-direction:column;align-items:flex-start}.dashboard-list-side{justify-items:start;text-align:left}}