*{box-sizing:border-box} :root{--ink:#19313b;--muted:#687985;--teal:#08767c;--teal-dark:#07565c;--teal-light:#e8f5f3;--line:#e3e9ec;--paper:#fff;--bg:#f4f7f8;--amber:#a76318;--amber-bg:#fff5e5;--red:#b0413b;--red-bg:#fff0ed;--shadow:0 3px 18px #20343d05}body{margin:0;font:15px/1.5 "Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}a{color:var(--teal)}button:disabled{cursor:not-allowed;opacity:.45}h1,h2,h3,p{margin:0}h1{font-size:30px;line-height:1.2;letter-spacing:-.8px;font-weight:650}h2{font-size:18px;letter-spacing:-.2px;font-weight:650}h3{font-size:16px;font-weight:650}small{font-size:12px}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:white;border-right:1px solid var(--line);padding:30px 18px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);padding:0 8px 33px;font-size:25px;font-weight:750;letter-spacing:1px}.brand small{display:block;font-weight:400;font-size:11px;letter-spacing:0;color:var(--muted);margin-top:0}.brand-icon{display:grid;place-items:center;width:42px;height:45px;background:var(--teal);color:white;border-radius:12px;font-size:28px;position:relative}.brand-icon span{position:absolute;right:4px;top:-2px;font-size:17px}.nav-label{font-size:10px;letter-spacing:1px;font-weight:700;color:#8b989f;padding:0 12px;margin-bottom:12px}.nav-label.second{margin-top:29px}nav{display:flex;flex-direction:column;gap:5px}.nav-item{display:flex;align-items:center;gap:11px;padding:11px 13px;color:#576b74;border:0;text-decoration:none;border-radius:8px;background:transparent;font-size:14px;line-height:1.5;font-weight:500}.nav-item svg{width:19px;height:19px;stroke-width:1.6}.nav-item:hover{background:#f5f8f8;color:var(--teal)}.nav-item.active{background:var(--teal-light);color:var(--teal-dark);font-weight:650}.nav-item.active:after{content:"";width:6px;height:6px;border-radius:50%;background:var(--teal);margin-left:auto}.sidebar-bottom{margin-top:auto;padding:22px 12px 0;font-size:12px;color:var(--muted)}.sidebar-bottom strong{color:#3d5960;font-weight:600}.local-dot{display:inline-block;width:7px;height:7px;background:#39a685;border-radius:50%;margin-right:6px}.sidebar-bottom p{margin-top:8px;line-height:1.65}.text-button{border:0;background:none;color:var(--teal);font-weight:600;padding:12px 0;font-size:12px}.text-button span{margin-left:15px}.shell{margin-left:238px}.topbar{height:74px;padding:0 37px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:#ffffffed}.breadcrumb{font-weight:600;font-size:13px;color:#84929b;display:flex;gap:15px}.breadcrumb #crumb{color:var(--ink);font-weight:500}.top-right{display:flex;gap:22px;align-items:center}.local-pill{border:1px solid var(--line);padding:5px 11px;border-radius:20px;font-size:11px;color:#577064}.local-pill i{display:inline-block;width:5px;height:5px;background:#39a685;border-radius:50%;margin-right:5px}.help-button{border:0;background:none;color:#536d76;font-size:14px}.help-button span{margin-left:6px;font-size:12px}.avatar{width:34px;height:34px;border-radius:50%;background:#dce9e9;display:grid;place-items:center;color:#386063;font-size:11px;font-weight:700}.mobile-menu{display:none}main{max-width:1540px;margin:auto;padding:32px 37px 28px}.page-heading{display:flex;gap:22px;justify-content:space-between;align-items:center;margin-bottom:25px}.eyebrow{font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:var(--teal);font-weight:700;margin-bottom:9px}.subtitle{color:var(--muted);font-size:13px;margin-top:9px;max-width:710px;line-height:1.6}.period{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:white;padding:10px 14px;border-radius:8px;font-size:12px;color:#596b76;white-space:nowrap}.period svg{width:16px;height:16px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.kpi{padding:21px 21px 19px;background:white;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow);min-height:151px}.kpi.primary{background:#0d6168;color:white;border-color:#0d6168}.kpi-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.kpi-label{font-size:12px;color:#647985;font-weight:500}.kpi.primary .kpi-label{color:#c9e7e5}.kpi-icon{width:27px;height:27px;border-radius:7px;background:#eef5f6;display:grid;place-items:center;color:#39828a}.kpi-icon svg{width:16px;height:16px}.kpi.primary .kpi-icon{color:#ccedeb;background:#ffffff15}.kpi-value{font-size:29px;letter-spacing:-.8px;font-weight:650;margin-top:12px;white-space:nowrap;line-height:1.2}.kpi-description{font-size:11px;line-height:1.6;margin-top:10px;color:var(--muted)}.kpi.primary .kpi-description{color:#c5e1df}.notice{display:flex;gap:10px;align-items:flex-start;padding:13px 16px;border:1px solid #dfebeb;background:#edf5f5;color:#527079;border-radius:9px;font-size:12px;margin:0 0 23px}.notice svg{width:17px;height:17px;min-width:17px;margin-top:1px}.notice.warn{background:var(--amber-bg);border-color:#f0e4cc;color:#896126}.notice a{font-weight:600}.two-col{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,1fr);gap:20px}.card{background:white;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow);overflow:hidden}.card-head{padding:22px 23px 0;display:flex;justify-content:space-between;align-items:start;gap:10px}.card-head p{font-size:12px;color:var(--muted);margin-top:4px}.small-link{font-size:12px;border:0;background:none;color:var(--teal);font-weight:600;white-space:nowrap;text-decoration:none}.bar-chart{padding:28px 24px 20px;display:flex;flex-direction:column;gap:21px}.bar-top{display:flex;justify-content:space-between;font-size:12px;margin-bottom:8px}.bar-top strong{font-size:12px;font-weight:650}.bar-track{background:#f1f5f6;height:9px;border-radius:8px;overflow:hidden}.bar-fill{height:100%;border-radius:8px;background:var(--teal);min-width:3px}.chart-foot{padding:0 24px 21px;font-size:11px;color:var(--muted)}.task-list{padding:12px 22px 0}.task{display:flex;gap:12px;padding:15px 0;border-bottom:1px solid #edf1f3}.task:last-child{border-bottom:0}.task-icon{width:30px;height:30px;border-radius:8px;background:var(--amber-bg);color:var(--amber);display:grid;place-items:center;flex-shrink:0}.task-icon svg{width:17px;height:17px}.task h3{font-size:13px;margin-bottom:4px}.task p{font-size:12px;color:var(--muted);line-height:1.6}.card-action{margin:12px 22px 22px;padding:10px;border:1px solid var(--line);background:white;border-radius:8px;width:calc(100% - 44px);font-weight:600;font-size:12px;color:var(--teal)}.recent{margin-top:21px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;color:#73838d;background:#f8fafb;font-weight:500;white-space:nowrap;padding:12px 22px;border-bottom:1px solid var(--line);font-size:11px}td{padding:14px 22px;border-bottom:1px solid #edf1f3;vertical-align:middle}tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafcfc}td.numeric,th.numeric{text-align:right;font-variant-numeric:tabular-nums}td strong{font-weight:600}td .secondary{display:block;font-size:11px;color:#84929a;margin-top:4px}.recent .card-head{padding-bottom:16px}.badge{display:inline-flex;align-items:center;padding:4px 8px;font-size:10px;border-radius:5px;font-weight:600;white-space:nowrap;background:#edf4f4;color:#547778}.badge.amber{background:#fff3e0;color:#996727}.badge.red{background:#fceeed;color:#af5650}.badge.blue{background:#edf1fb;color:#6376a4}.badge.green{background:#e9f6ee;color:#327851}.table-link{border:0;background:transparent;color:var(--teal);font-size:12px;padding:0;text-decoration:none;font-weight:600}.filter-row{display:flex;gap:12px;padding:18px 22px;align-items:center;flex-wrap:wrap;border-bottom:1px solid var(--line)}.search{position:relative;flex:1;min-width:190px}.search svg{position:absolute;left:12px;top:11px;width:16px;height:16px;color:#83939c}.search input{width:100%;padding-left:36px}input,select,textarea{padding:10px 12px;border:1px solid #dce4e8;border-radius:7px;background:white;color:var(--ink);font-size:13px;max-width:100%}input:focus,select:focus,textarea:focus{outline:2px solid #89c9c6;border-color:var(--teal)}select{cursor:pointer}.table-summary{padding:12px 22px;background:#fafcfc;font-size:12px;color:#6a7d87;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.pager{display:flex;align-items:center;gap:12px}.pager button{padding:4px 10px;border:1px solid var(--line);border-radius:5px;background:white;color:var(--teal)}.empty{text-align:center;padding:46px 24px}.empty-icon{width:54px;height:54px;border-radius:15px;background:var(--teal-light);color:var(--teal);display:grid;place-items:center;margin:0 auto 15px}.empty-icon svg{width:25px;height:25px}.empty p{color:var(--muted);font-size:13px;max-width:440px;margin:8px auto 18px}.btn{border:0;background:var(--teal);color:white;padding:11px 17px;border-radius:8px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.btn svg{width:16px;height:16px}.btn:hover{background:var(--teal-dark)}.btn.secondary{color:var(--teal);background:white;border:1px solid #cbdedf}.btn.subtle{background:#eff5f5;color:var(--teal)}.row-actions{display:flex;gap:8px;flex-wrap:wrap}.trial-banner{background:#fff8e9;border:1px solid #ecdfc4;display:flex;gap:11px;padding:13px 16px;border-radius:9px;margin-bottom:23px;font-size:12px;color:#8c6b35}.trial-banner svg{width:18px;height:18px;flex-shrink:0}.trial-banner strong{font-weight:650}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:23px}.step{padding:23px;background:white;border:1px solid var(--line);border-radius:12px}.step .num{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;color:var(--teal);background:var(--teal-light);font-size:12px;font-weight:700;margin-bottom:12px}.step p{font-size:13px;color:var(--muted);margin-top:8px}.guide-section{padding:25px;margin-top:20px}.guide-section p{color:var(--muted);font-size:13px;margin-top:9px}.guide-section ul{padding-left:20px;font-size:13px;line-height:1.9;color:#57717b}.todo-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.todo-card{padding:25px;background:white;border:1px solid var(--line);border-radius:12px}.todo-card h2{margin:14px 0 8px}.todo-card p{font-size:13px;color:var(--muted);line-height:1.7}.todo-card .action{font-size:13px;color:var(--teal-dark);margin-top:14px;border-top:1px solid var(--line);padding-top:13px}.app-footer{font-size:10px;color:#94a1a8;padding:0 38px 23px;display:flex;justify-content:space-between}.loading{min-height:60vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px}.loading p{font-size:13px;color:var(--muted)}.spinner{height:26px;width:26px;border-radius:50%;border:3px solid #ddebea;border-top-color:var(--teal);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}dialog{width:min(710px,94vw);border:1px solid var(--line);padding:0;border-radius:15px;max-height:90vh;color:var(--ink);box-shadow:0 25px 100px #20353d35}dialog::backdrop{background:#14303966;backdrop-filter:blur(3px)}.modal-head{padding:24px 26px 18px;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line)}.modal-head h2{font-size:21px}.modal-head p{font-size:12px;color:var(--muted);margin-top:6px;max-width:560px}.icon-button{border:0;background:#f0f5f5;border-radius:7px;padding:5px 10px;font-size:20px;color:#6d7f86}.modal-content{padding:23px 26px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field{display:flex;flex-direction:column;gap:7px}.field.wide{grid-column:1/-1}.field label{font-size:12px;font-weight:600}.field .hint{font-size:11px;color:var(--muted)}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:23px;border-top:1px solid var(--line);padding-top:18px}.form-error{display:none;background:var(--red-bg);color:var(--red);font-size:13px;padding:12px;border-radius:7px;margin-top:15px}.form-error.visible{display:block}.calc-preview{padding:17px;background:#eef7f6;border-radius:9px;margin-top:16px;display:flex;justify-content:space-between;font-size:13px;align-items:center}.calc-preview strong{font-size:23px;color:var(--teal-dark)}.line-editor{border:1px solid var(--line);padding:13px;border-radius:8px;margin-top:11px;display:grid;grid-template-columns:minmax(0,1fr) 70px 100px 27px;gap:9px;align-items:end}.line-editor label{font-size:10px;display:block;color:var(--muted);margin-bottom:5px}.line-editor input,.line-editor select{width:100%;font-size:12px;padding:8px}.line-editor .remove-line{border:0;background:#f5eded;color:#ad726f;border-radius:6px;height:33px;font-size:17px}.detail-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.detail-stat{background:#f5f8f9;border-radius:8px;padding:15px}.detail-stat span{font-size:11px;color:var(--muted);display:block}.detail-stat strong{font-size:19px;display:block;margin-top:6px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;font-size:13px}.detail-grid dt{font-size:11px;color:var(--muted)}.detail-grid dd{margin:5px 0 0}.toast{position:fixed;bottom:26px;right:28px;padding:14px 22px;background:#193f43;color:white;border-radius:10px;box-shadow:0 6px 30px #153f4333;z-index:100;font-size:13px;max-width:450px;opacity:0;transform:translateY(20px);transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:translateY(0)}.muted{color:var(--muted)}.card-tabhead{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--line)}.code{font-size:11px;color:#8a989f}.balance{color:var(--amber);font-weight:650}.list-total{font-size:12px;color:var(--muted)}.list-total strong{color:var(--ink)}
@media(min-width:1600px){main{padding-top:38px}.kpi-value{font-size:34px}.bar-chart{gap:23px}.kpi{min-height:163px}}@media(max-width:1180px){.sidebar{width:212px;padding-left:12px;padding-right:12px}.shell{margin-left:212px}main{padding:26px}.topbar{padding:0 26px}.kpis{gap:11px}.kpi{padding:17px}.kpi-value{font-size:25px}.two-col{grid-template-columns:1.3fr 1fr}.page-heading{align-items:flex-start}.period{font-size:11px;padding:10px}.nav-label{font-size:9px}.brand{font-size:23px}th,td{padding-left:17px;padding-right:17px}}@media(max-width:950px){.kpis{grid-template-columns:1fr 1fr}.two-col{grid-template-columns:1fr}.page-heading{flex-direction:column;gap:14px}.steps{grid-template-columns:1fr}.sidebar-bottom{padding-top:20px}.todo-grid{grid-template-columns:1fr}}@media(max-width:700px){.sidebar{transform:translateX(-100%);transition:.2s;width:238px;box-shadow:10px 0 35px #163a421a}.sidebar.open{transform:translateX(0)}.shell{margin-left:0}.mobile-menu{display:block}.topbar{height:61px;padding:0 18px;gap:14px}.breadcrumb{margin-right:auto}.top-right{gap:11px}.help-button span{display:none}.local-pill{display:none}main{padding:23px 16px}h1{font-size:25px}.kpi-value{font-size:24px}.kpi{padding:16px}.kpi-label{font-size:11px}.kpi-icon{display:none}.kpi-description{font-size:10px}.notice{font-size:11px}.card-head{padding:19px}.card-head h2{font-size:16px}.bar-chart{padding:23px 19px}.task-list{padding:8px 19px}.app-footer{padding:0 17px 18px;gap:15px}.app-footer span{display:none}.filter-row{padding:13px}.filter-row select{flex:1;min-width:120px}.search{flex-basis:100%}.form-grid{grid-template-columns:1fr}.field.wide{grid-column:auto}.modal-content,.modal-head{padding:20px}.line-editor{grid-template-columns:1fr 65px 80px 25px}.line-editor .line-service{grid-column:1/-1}.detail-stats{gap:7px}.detail-stat{padding:11px}.detail-stat strong{font-size:15px}.detail-grid{grid-template-columns:1fr}.card-tabhead{gap:10px;align-items:start}.row-actions .btn{font-size:11px;padding:9px}.toast{left:16px;right:16px;bottom:16px}}