:root{--brand:#29abe0;--navy:#142a42;--ink:#17293d;--muted:#64748b;--line:#dce5eb;--bg:#f4f7fa;--good:#16845a;--warn:#a46a08;--bad:#be3440}*{box-sizing:border-box}html{font-family:Tahoma,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}body{margin:0;font-size:14px;line-height:1.8}a{color:#087cad;text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button{cursor:pointer}.top{background:var(--navy);color:white;display:flex;gap:24px;align-items:center;padding:10px max(20px,calc((100vw - 1360px)/2));position:sticky;top:0;z-index:10;box-shadow:0 4px 16px #10294024}.top a{color:white}.top nav{display:flex;gap:16px;overflow:auto;white-space:nowrap;flex:1}.top nav a{padding:8px 3px}.brand{font-weight:800;font-size:18px;white-space:nowrap;color:var(--brand)!important}.brand small{display:block;font-weight:400;font-size:11px;color:#d6effa}.account{display:flex;align-items:center;gap:10px;white-space:nowrap}.account .btn{padding:4px 12px;background:transparent;border:1px solid #8fb3c9}.periodbar{background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;padding:9px max(20px,calc((100vw - 1360px)/2));position:sticky;top:65px;z-index:9;box-shadow:0 2px 8px #142a420a}.periodbar .field{display:flex;align-items:center;gap:6px}.periodbar .field span{margin:0}.periodbar select{padding:5px 8px}.container{max-width:1360px;margin:auto;padding:25px 20px 70px}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}h1{font-size:26px;margin:0 0 10px;color:var(--navy)}h2{font-size:18px;margin:0 0 14px;color:var(--navy)}p{margin:8px 0 16px}.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;margin:0 0 18px;box-shadow:0 5px 20px #142a4209}.install,.login{max-width:750px;margin:50px auto}.login{max-width:430px}.stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.stats .card{display:flex;flex-direction:column}.stats strong{font-size:22px;color:var(--navy)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}.field{display:flex;flex-direction:column;gap:4px;min-width:0}.field span{font-size:12px;color:#4b6479;font-weight:700}.field input,.field select,.field textarea,.filters input,.filters select{background:#fff;width:100%;border:1px solid #cbd8e1;border-radius:9px;padding:9px 11px;color:var(--ink);outline:0;min-height:42px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px #29abe028}.field textarea{min-height:80px;resize:vertical}.full{grid-column:1/-1}.check{display:flex;align-items:center;gap:7px}.check input{accent-color:var(--brand)}.btn{background:var(--brand);color:#062d42;border:1px solid #1788b8;border-radius:9px;padding:9px 17px;font-weight:800}.btn:hover{filter:brightness(.96)}.btn.success{background:#d9f7e8;border-color:#78c9a3;color:#126849}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 16px}.actions a{background:#eaf7fc;border:1px solid #bce4f3;border-radius:8px;padding:7px 12px;font-weight:700}.inline-form{display:inline-flex;align-items:center;gap:5px;margin:2px}.compact-form{display:grid;grid-template-columns:repeat(2,minmax(80px,1fr));gap:4px;max-width:240px}.compact-form .btn{grid-column:1/-1;padding:4px}.compact-form input{min-width:0}.link{background:none;border:0;color:#087cad;padding:5px;font-weight:700}.link.danger{color:var(--bad)}.alert{border-radius:10px;padding:12px 15px;margin-bottom:15px;border:1px solid;max-width:100%}.alert.good{background:#ebf9f2;border-color:#a9ddc4}.alert.bad{background:#fff0f0;border-color:#efb7bd}.alert.warn{background:#fff8e9;border-color:#eac988}.good,.good-text{color:var(--good)}.bad-text{color:var(--bad)}.muted{color:var(--muted)}.badge{display:inline-block;border-radius:999px;padding:2px 9px;font-size:12px;font-weight:700;white-space:nowrap}.badge.info{background:#e5f5fb;color:#146b8e}.badge.warn{background:#fff2d7;color:#885902}.badge.good{background:#e6f7ee;color:#146e4e}.table-scroll{max-width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:11px;background:#fff;margin-bottom:17px}table{border-collapse:separate;border-spacing:0;min-width:700px;width:100%;white-space:nowrap}th,td{text-align:right;padding:10px 12px;border-bottom:1px solid #e7edf1;vertical-align:middle}th{background:#edf5f9;color:#314d62;font-size:12px}td:first-child,th:first-child{position:sticky;right:0;background:inherit;z-index:1;box-shadow:-3px 0 6px #142a4208}tr:hover td{background:#f8fbfd}tr:last-child td{border-bottom:0}.empty{text-align:center;color:var(--muted);padding:24px}.steps{list-style:none;padding:0;margin:0;counter-reset:step}.steps li{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:15px;border-bottom:1px solid var(--line);padding:10px 4px}.steps li:before{counter-increment:step;content:counter(step);display:inline-grid;place-items:center;background:var(--brand);color:#05344b;border-radius:50%;width:26px;height:26px;font-weight:800;position:absolute;right:0}.steps li{padding-right:36px;position:relative}.steps li:last-child{border-bottom:0}.details{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.details>div{background:#f5f9fb;padding:10px 12px;border-radius:9px;color:#587086}.details strong{display:block;color:var(--ink);font-size:15px}.filters{display:flex;flex-wrap:wrap;align-items:end;gap:10px;margin-bottom:16px}.filters .field{min-width:140px}.filters .btn{height:42px}.inline-form .field{max-width:120px}.tabs{display:flex;gap:6px;overflow:auto;border-bottom:1px solid var(--line);margin-bottom:18px}.tabs button{border:0;background:transparent;padding:10px 14px;white-space:nowrap;color:#526d82}.tabs button.active{border-bottom:3px solid var(--brand);color:var(--navy);font-weight:800}.tab-panel{display:none}.tab-panel.active{display:grid}.totals{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.totals>div{background:#eef6fa;padding:12px;border-radius:10px}.totals strong{display:block;font-size:18px}.totals .net{background:#ddf5e9;color:#145e45}pre{direction:ltr;text-align:left;overflow:auto;background:#eff5f7;border-radius:8px;padding:12px}.calendar{position:fixed;z-index:50;background:white;border:1px solid var(--line);box-shadow:0 12px 35px #142a4230;border-radius:12px;padding:10px;width:286px}.cal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.cal-head button,.cal-grid button{border:0;background:transparent;padding:6px;border-radius:6px}.cal-head button:hover,.cal-grid button:hover{background:#def4fc}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center}.cal-grid span{font-size:11px;color:var(--muted)}.cal-grid button.today{background:#dff4fc}.cal-grid button.selected{background:var(--brand);color:#072b3f}@media(max-width:900px){.top{flex-wrap:wrap;gap:5px;padding:10px}.top nav{order:3;width:100%;flex-basis:100%}.periodbar{top:105px;padding:8px 10px}.stats{grid-template-columns:repeat(2,1fr)}.details{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.container{padding:15px 10px 45px}.top{position:static}.top nav{gap:12px}.periodbar{position:static;flex-wrap:wrap}.periodbar .field{min-width:115px}.grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.stats .card{padding:14px}.stats strong{font-size:17px}.card{padding:15px}.details{grid-template-columns:1fr 1fr}.steps li{grid-template-columns:1fr auto}.steps li a{grid-column:1/-1}.totals{grid-template-columns:1fr}.account{font-size:12px}.filters .field{flex:1 1 130px}.calendar{max-width:calc(100vw - 20px)}}@media print{.top,.periodbar,.actions,.no-print,.alert,.btn,.account{display:none!important}.container{padding:0}.card{border:0;box-shadow:none}.slip{margin:0}body{background:white}table{min-width:0}}
.account .btn{color:#fff}