:root{--bg:#f4f6f8;--panel:#fff;--text:#172126;--muted:#6d7a80;--line:#dfe6e8;--soft:#eef3f4;--green:#13a36d;--green-dark:#0b8053;--green-soft:#e6f7ef;--blue:#3478f6;--orange:#df8b32;--orange-soft:#fff3e2;--red:#d95961;--red-soft:#feeaec;--purple:#745cc5;--shadow:0 10px 28px rgba(31,46,52,.07);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg);font-size:16px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select{font:inherit}.is-hidden{display:none!important}.app{min-height:100vh;display:grid;grid-template-columns:224px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;background:#13251f;color:#eef8f3;padding:24px 16px 18px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:11px;padding:0 9px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#18b879;color:#fff;font-size:1.1rem;font-weight:700}.brand strong{display:block;font-size:1.05rem}.brand small{display:block;color:#8fa99e;font-size:.75rem;margin-top:1px}.main-nav{display:grid;gap:5px;margin-top:30px}.nav-item{border:0;background:transparent;color:#adc0b8;display:flex;align-items:center;gap:11px;text-align:left;padding:11px 12px;border-radius:10px;font-size:.9rem}.nav-item span{width:20px;text-align:center;font-size:1rem}.nav-item:hover,.nav-item.active{background:#223a32;color:#fff}.sidebar-footer{margin-top:auto;padding:16px 9px 0;border-top:1px solid #2a4239;display:flex;justify-content:space-between;align-items:center;gap:10px;color:#a9bcb5;font-size:.75rem}.system-state{display:flex;align-items:center;gap:7px}.system-state i{width:7px;height:7px;border-radius:50%;background:#2ce69a;box-shadow:0 0 0 3px rgba(44,230,154,.12)}.link-button,.text-action{border:0;background:transparent;color:inherit;padding:0}.link-button:hover,.text-action:hover{text-decoration:underline}.workspace{min-width:0}.topbar{min-height:86px;display:flex;align-items:center;gap:14px;justify-content:space-between;padding:18px 26px;border-bottom:1px solid var(--line);background:rgba(244,246,248,.93);position:sticky;top:0;z-index:10;backdrop-filter:blur(10px)}.topbar h1{font-size:1.25rem;margin:0;font-weight:650}.topbar p{margin:4px 0 0;color:var(--muted);font-size:.82rem}.top-actions{display:flex;align-items:center;gap:8px}.mobile-menu{display:none!important}main{padding:20px 26px 34px}.view{display:none}.active-view{display:block}.btn{border:1px solid var(--line);border-radius:9px;padding:9px 13px;background:var(--panel);color:var(--text);font-size:.84rem;font-weight:600}.btn:hover{filter:brightness(.98)}.btn-primary{background:var(--green);border-color:var(--green);color:#fff}.btn-primary:hover{background:var(--green-dark)}.btn-secondary{background:var(--panel)}.icon-button{border:0;background:transparent;color:inherit;font-size:1.3rem;padding:6px 8px;border-radius:8px}.badge,.status{display:inline-flex;align-items:center;border-radius:999px;padding:5px 8px;font-size:.72rem;font-weight:600}.badge-demo{background:var(--green-soft);color:var(--green-dark)}.badge-live{background:#e8f0ff;color:#2358b2}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.kpi{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:15px 16px;box-shadow:var(--shadow);min-width:0}.kpi>span{color:var(--muted);font-size:.82rem}.kpi strong{display:block;font-size:1.55rem;line-height:1.2;margin-top:10px;font-variant-numeric:tabular-nums}.kpi small{display:block;color:var(--muted);font-size:.72rem;margin-top:6px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,.8fr);gap:11px;margin-top:11px}.lower-grid{grid-template-columns:1fr 1fr}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:var(--shadow);min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.panel-head h2{font-size:.94rem;margin:0}.panel-head p{color:var(--muted);font-size:.75rem;margin:4px 0 0}.text-action{color:var(--green);font-size:.78rem;font-weight:600}.legend{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:.72rem}.legend i{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:5px}.legend .green{background:var(--green)}.legend .blue{background:var(--blue)}.activity-chart{height:210px;display:flex;align-items:flex-end;gap:10px;padding:14px 6px 0;border-bottom:1px solid var(--line);position:relative}.chart-day{flex:1;display:flex;align-items:flex-end;justify-content:center;gap:4px;height:100%;position:relative}.chart-bar{width:min(18px,35%);min-height:3px;border-radius:5px 5px 0 0;background:var(--green);transition:height .25s ease}.chart-bar.blue{background:var(--blue);opacity:.75}.chart-day-label{position:absolute;bottom:-24px;color:var(--muted);font-size:.7rem}.chart-panel{padding-bottom:34px}.status-bars{display:grid;gap:14px}.status-row{display:grid;grid-template-columns:105px 1fr 34px;gap:8px;align-items:center;font-size:.78rem}.bar-track{height:8px;border-radius:99px;background:var(--soft);overflow:hidden}.bar-fill{display:block;height:100%;border-radius:inherit}.payment-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.payment-summary>div{padding:13px;background:var(--soft);border-radius:10px}.payment-summary span,.payment-summary small{display:block;color:var(--muted);font-size:.72rem}.payment-summary strong{font-size:1.25rem;display:block;margin:6px 0}.attention-list{display:grid;gap:10px}.attention-item{display:grid;grid-template-columns:8px 1fr auto;gap:9px;align-items:start;font-size:.8rem}.attention-item i{width:8px;height:8px;border-radius:50%;background:var(--orange);margin-top:4px}.attention-item.error i{background:var(--red)}.attention-item small{display:block;color:var(--muted);margin-top:2px}.attention-item time{color:var(--muted);font-size:.7rem}.toolbar{display:flex;gap:9px;align-items:center;margin-bottom:11px;flex-wrap:wrap}.search,select,input{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:9px;padding:9px 11px;font-size:.82rem;min-height:38px}.search{min-width:260px;flex:1}.muted{color:var(--muted);font-size:.8rem}.table-panel{padding:0;overflow:hidden}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.8rem}th,td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:middle}th{color:var(--muted);font-size:.7rem;font-weight:600;background:#fbfcfc;white-space:nowrap}tbody tr:hover{background:#fafcfc}tbody tr:last-child td{border-bottom:0}.cell-main{font-weight:600}.cell-sub{display:block;color:var(--muted);font-size:.7rem;margin-top:3px}.status{background:var(--soft);color:var(--muted)}.status.green{background:var(--green-soft);color:var(--green-dark)}.status.orange{background:var(--orange-soft);color:#9c5c14}.status.red{background:var(--red-soft);color:#a6333b}.row-action{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:6px 8px;font-size:.72rem}.empty-state{text-align:center;color:var(--muted);padding:28px;font-size:.84rem}.check-list{padding:0;margin:0;list-style:none;display:grid;gap:12px;font-size:.82rem}.check-list li{padding-left:22px;position:relative}.check-list li:before{content:"•";position:absolute;left:4px;color:var(--muted)}.check-list li.good:before{content:"✓";color:var(--green)}.check-list li.warning:before{content:"!";color:var(--orange);font-weight:700}.cost-form label,.modal-form label,.login-card label{display:grid;gap:6px;color:var(--muted);font-size:.78rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:15px}.login-screen{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 20% 10%,#e3f5ed,transparent 36%),var(--bg)}.login-card{width:min(410px,100%);display:grid;gap:14px;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:0 24px 70px rgba(27,50,42,.13)}.brand-login{padding:0}.login-card h1{font-size:1.25rem;margin:8px 0 0}.login-card>p{color:var(--muted);font-size:.84rem;margin:0}.form-error{min-height:18px;color:var(--red);font-size:.76rem}.compact{margin-bottom:11px}dialog{border:0;border-radius:16px;padding:0;width:min(650px,calc(100% - 28px));box-shadow:0 30px 90px rgba(0,0,0,.25)}dialog::backdrop{background:rgba(10,21,17,.5);backdrop-filter:blur(3px)}.modal-form{padding:20px}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}.modal-head h2{font-size:1.05rem;margin:0}.modal-head p{margin:4px 0 0;color:var(--muted);font-size:.75rem}.modal-actions{display:flex;justify-content:flex-end;gap:8px}.toast{position:fixed;right:22px;bottom:22px;background:#17251f;color:#fff;border-radius:10px;padding:11px 14px;box-shadow:var(--shadow);font-size:.8rem;transform:translateY(100px);opacity:0;transition:.2s;z-index:50}.toast.show{transform:none;opacity:1}.toast.error{background:#8d2f36}code{background:var(--soft);padding:2px 5px;border-radius:5px}.cost-form .btn{justify-self:start}
@media(max-width:980px){.app{grid-template-columns:188px minmax(0,1fr)}.kpi-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.lower-grid{grid-template-columns:1fr}.sidebar{padding-inline:10px}.main-nav .nav-item{padding-inline:9px}}
@media(max-width:700px){.app{display:block}.sidebar{position:fixed;left:0;transform:translateX(-105%);width:230px;transition:.2s}.sidebar.open{transform:none}.mobile-menu{display:inline-block!important}.topbar{padding:14px 16px}.topbar p{display:none}.top-actions .badge{display:none}main{padding:14px 16px 28px}.kpi-grid{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.payment-summary{grid-template-columns:1fr}.search{min-width:100%}.activity-chart{height:180px}}
@media(max-width:430px){.kpi-grid{grid-template-columns:1fr}.topbar h1{font-size:1.05rem}.top-actions .btn{padding:8px}.panel{padding:13px}}