:root{--navy:#102d46;--gold:#ddbb69;--bg:#f2f5f9;--ink:#18384e;--muted:#61788a;--border:#dce5ec;--green:#156b57;--red:#ac2f3f}*{box-sizing:border-box}body{margin:0;background:var(--bg);font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink)}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}a{color:#1d6089}h1,h2,h3,p{margin:0}h1{font-size:30px;letter-spacing:-.7px;line-height:1.3}h2{font-size:20px}h3{font-size:16px}small{font-size:13px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #bc922e;outline-offset:3px}.shell{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--navy);color:#d7e3ed;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:30px 14px 0}.brand{display:flex;gap:12px;align-items:center;font-weight:750;letter-spacing:.06em;padding:0 10px 32px;color:#e2c378}.brand img{width:37px;height:37px}.brand small{display:block;font-size:11px;color:#b6c5d1;font-weight:400;letter-spacing:.1em;margin-top:4px}.navlabel{font-size:11px;letter-spacing:.1em;color:#9eb2c2;margin:20px 12px 14px}.nav{display:flex;flex-direction:column;gap:6px}.nav button{display:flex;align-items:center;gap:12px;width:100%;background:none;border:0;color:inherit;text-align:left;padding:13px 15px;border-radius:5px;font-size:14px}.nav button span{font-size:20px;width:24px;text-align:center;color:#a9bdcc}.nav button.active{background:#28485f;border-left:3px solid var(--gold);color:white;padding-left:12px}.nav button:hover{background:#24465e}.profile{margin-top:auto;padding:24px 8px;border-top:1px solid #3c5366;display:flex;gap:10px;align-items:center;font-size:13px}.avatar{background:#35566c;border-radius:50%;padding:9px;color:white}.profile small{display:block;color:#b7c6d1;font-size:12px}.logout{background:none;border:0;color:#c4d2dd;padding:8px;text-align:left;font-size:13px;margin-bottom:18px}.main{min-width:0}.topbar{background:white;border-bottom:1px solid var(--border);min-height:78px;padding:14px 34px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px}.topbar label{display:flex;align-items:center;gap:12px;color:var(--muted)}.topbar input{width:auto;padding:8px 10px;font-size:14px}.content{padding:32px 34px;max-width:1640px;margin:auto}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.heading p{color:var(--muted);font-size:14px;margin-top:9px}.eyebrow{font-size:11px!important;letter-spacing:.13em;font-weight:700;margin-bottom:8px;color:#678093!important}.btn{border:1px solid #153b57;background:#153b57;color:white;padding:10px 17px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-weight:600;font-size:14px;white-space:nowrap}.btn:hover{background:#244e6b}.btn.light{background:white;color:var(--ink);border-color:#ccd9e3}.btn.light:hover{background:#eaf0f5}.btn.small{padding:6px 10px;font-size:13px}.btn.danger{background:#a22b3a;border-color:#a22b3a}.link-btn{background:none;border:0;padding:0;color:#19638c;font-weight:600;text-align:left}.hero{background:#123653;color:white;border-radius:10px;border-top:4px solid var(--gold);display:flex;justify-content:space-between;gap:32px;padding:30px 34px}.hero .eyebrow{color:var(--gold)!important}.hero h2{font-size:29px;line-height:1.25;margin:14px 0}.hero p{max-width:400px;color:#c9d5df;font-size:14px}.hero-value{align-self:center;border-left:1px solid #496479;padding-left:36px}.hero-value strong{display:block;font-size:39px;margin:8px 0}.hero-value small{color:#c9d5df}.hero-value em{font-size:15px;font-style:normal}.hero-value span{display:block;color:var(--gold);font-size:12px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:22px 0 30px}.metric{background:white;border:1px solid var(--border);border-radius:8px;padding:20px}.metric p{font-size:13px;color:var(--muted)}.metric strong{display:block;font-size:24px;letter-spacing:-.5px;margin:15px 0 10px}.metric small{font-size:12px;font-weight:400;color:var(--muted)}.metric .caption{font-size:12px;color:#788c9d}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:26px 0 15px}.section-heading p{font-size:14px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.action-card{background:white;border:1px solid var(--border);padding:22px;border-radius:8px;text-align:left;color:var(--ink);position:relative}.action-card:hover{border-color:#779ab4}.action-card .icon{font-size:23px;display:block;color:#367093;margin-bottom:16px}.action-card p{font-size:14px;color:var(--muted);margin-top:9px;line-height:1.6}.action-card .arrow{position:absolute;right:20px;top:22px;color:#8296a5}.panel{background:white;border:1px solid var(--border);border-radius:8px;margin:20px 0;overflow:hidden}.panel-head{padding:20px 22px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:16px}.panel-body{padding:24px}.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}.toolbar input[type=search]{max-width:330px}.toolbar select{width:auto;min-width:160px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th{background:#f7f9fb;text-align:left;font-size:12px;font-weight:600;color:#597184;white-space:nowrap}th,td{padding:14px 18px;border-bottom:1px solid #e7edf2;vertical-align:middle}td small{display:block;color:var(--muted);margin-top:3px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafcfd}.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.actions{display:flex;gap:7px;flex-wrap:wrap}.badge{display:inline-block;font-size:12px;line-height:1.4;border-radius:4px;padding:4px 8px;background:#edf2f6;color:#4d6478;white-space:nowrap}.badge.green{color:#17634f;background:#e5f2ed}.badge.amber{color:#825711;background:#fff2d6}.badge.red{color:#a32a3e;background:#fbe9ed}.notice{padding:14px 18px;border-radius:6px;background:#fff4dc;color:#795312;border:1px solid #f0dfb9;font-size:14px;margin:18px 0}.notice.info{background:#edf4fa;color:#305d7c;border-color:#d4e3ee}.notice.error{background:#fff0f1;color:#a22b3a;border-color:#f0cbd2}.empty{padding:45px 24px;text-align:center;color:var(--muted);font-size:14px}.empty h3{color:var(--ink);margin-bottom:10px}.empty .btn{margin-top:20px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.detail-head{display:flex;justify-content:space-between;gap:20px;align-items:center}.detail-head h2{font-size:24px}.detail-kv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.detail-kv dt{font-size:12px;color:var(--muted)}.detail-kv dd{margin:3px 0 0;font-size:15px}.doc-card{border:1px solid var(--border);border-radius:7px;padding:18px}.doc-card h3{margin-bottom:12px}.doc-card .actions{margin-top:14px}.rowlink{cursor:pointer}input,select,textarea{width:100%;padding:10px 12px;border:1px solid #cbd7e0;border-radius:5px;background:white;color:var(--ink);min-width:0;font-size:15px}input[type=checkbox]{width:auto;min-width:17px;min-height:17px}label.field{display:flex;flex-direction:column;gap:7px;font-size:14px;font-weight:500}.field small{font-size:12px;color:var(--muted);font-weight:400}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.wide{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.form-note{color:var(--muted);font-size:13px;margin:16px 0}.error-text{color:#a72b3d;background:#fff1f3;border-radius:5px;padding:12px;margin:12px 0;font-size:14px}.error-text:empty{display:none}dialog{border:0;border-radius:12px;padding:0;width:min(700px,calc(100% - 32px));max-height:90vh;color:var(--ink);box-shadow:0 24px 80px #09223950}dialog::backdrop{background:#0b203b88}#modal-content{padding:28px}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px}.modal-head h2{font-size:22px}.close{background:#eef2f5;border:0;border-radius:5px;padding:3px 10px;font-size:22px;color:#486074}.checkline{display:flex;align-items:center;gap:10px;font-size:14px}.login-page{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}.login-brand{background:var(--navy);padding:8vw 7vw;display:flex;flex-direction:column;justify-content:center;color:white;border-top:6px solid var(--gold)}.login-brand .brand{padding:0;margin-bottom:65px}.login-brand h1{font-size:44px;line-height:1.2;max-width:490px}.login-brand p{color:#b8ccdb;margin-top:22px;max-width:370px;font-size:16px;line-height:1.8}.login-form-wrap{display:flex;align-items:center;justify-content:center;padding:48px}.login-form{width:100%;max-width:390px}.login-form h2{font-size:27px;margin-bottom:12px}.login-form p{color:var(--muted);font-size:14px;margin-bottom:28px}.login-form .field{margin-bottom:20px}.login-form .btn{width:100%}.login-foot{font-size:12px!important;margin-top:22px!important}.loading{padding:100px;text-align:center;color:var(--muted)}#toast{position:fixed;bottom:24px;right:24px;background:#163f54;color:white;border-radius:8px;padding:14px 22px;box-shadow:0 6px 30px #17324d33;display:none;z-index:20;font-size:14px}.pagination{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;font-size:13px;color:var(--muted)}.export-card{border-left:4px solid var(--gold);padding:28px}.export-card p{color:var(--muted);margin:12px 0 22px;font-size:14px}.rule-list{display:grid;grid-template-columns:1fr auto;gap:12px;margin:20px 0;font-size:14px}.muted{color:var(--muted)}.mobile-menu{display:none}.print-page{background:white;max-width:1100px;margin:auto;padding:36px;color:#152b3e}.print-brand{border-bottom:3px solid #bca05a;margin:24px 0;padding-bottom:20px}.print-brand strong{font-size:27px}.print-brand p{font-size:12px;color:#536b7a;margin-top:10px}.print-page h1{font-size:25px;margin-bottom:30px}.print-info{display:flex;justify-content:space-between;gap:25px;margin:30px 0;font-size:14px}.print-info h2{margin:10px 0}.print-total{text-align:right;margin-top:24px;line-height:2}.signature{text-align:right;margin-top:65px;min-height:90px}.receipt-amount{background:#edf3f8;padding:25px;margin:28px 0}.print-note{color:#536b7a;font-size:12px;margin-top:30px}.zone{margin:28px 0;break-after:page}.zone:last-of-type{break-after:auto}.zone h2,.zone h3{margin:18px 0}.zone td{height:48px}.zone td:last-child{min-width:180px}@media(max-width:1200px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.content{padding:26px}.shell{grid-template-columns:225px minmax(0,1fr)}.hero-value{padding-left:24px}.hero-value strong{font-size:31px}}@media(max-width:900px){.grid2{grid-template-columns:1fr}.hero{flex-direction:column}.hero-value{border-left:0;border-top:1px solid #496479;padding:20px 0 0;width:100%}.cards{grid-template-columns:1fr}.login-page{grid-template-columns:1fr}.login-brand{padding:35px}.login-brand .brand{margin-bottom:25px}.login-brand h1{font-size:30px}.login-brand p{display:none}.login-form-wrap{padding:35px}.login-form{max-width:500px}}@media(max-width:700px){.shell{display:block}.sidebar{display:none;position:fixed;z-index:10;width:255px;height:100dvh;box-shadow:0 0 0 100vw #09223966}.sidebar.open{display:flex}.mobile-menu{display:block;border:0;background:none;font-size:24px;color:var(--ink)}.topbar{padding:12px 16px;flex-wrap:wrap;gap:10px}.content{padding:24px 16px}.heading{align-items:flex-start;flex-direction:column}.heading h1{font-size:26px}.hero{padding:24px}.hero h2{font-size:26px}.metric{padding:16px}.metric strong{font-size:21px}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.form-actions{flex-wrap:wrap}.section-heading{align-items:flex-start;flex-direction:column}.toolbar input[type=search]{max-width:none}.detail-head{align-items:flex-start;flex-direction:column}#modal-content{padding:22px}.print-page{padding:15px}.print-info{flex-direction:column}.profile{margin-top:25px}}@media print{@page{size:A4;margin:14mm}.print-page{padding:0;max-width:none;font-size:11pt}.no-print{display:none!important}.print-page table{font-size:9pt}.print-page th,.print-page td{padding:8px;border:1px solid #d2dbe1}.print-page thead{display:table-header-group}.print-page tr{break-inside:avoid}.print-page h1{font-size:19pt}.print-brand{margin-top:0}.print-brand p{font-size:9pt}.zone{break-before:page}.zone:first-of-type{break-before:auto}body{-webkit-print-color-adjust:exact;print-color-adjust:exact}}

.billing-line{display:grid;grid-template-columns:minmax(0,2fr) 70px minmax(130px,1fr) 35px;gap:10px;align-items:end;margin:14px 0}.billing-line label{font-size:12px;color:#526b7e}.billing-line input{margin-top:5px}.billing-line .remove-line{height:43px}#billing-lines{margin:12px 0}.print-site{padding:18px;background:#f2f5f8;margin-bottom:22px}.print-brand img{width:80px;float:right}@media(max-width:600px){.billing-line{grid-template-columns:minmax(0,1fr) 65px 35px}.billing-line label:first-child{grid-column:1/-1}.billing-line label:nth-child(3){grid-column:1;grid-row:2}.billing-line label:nth-child(2){grid-column:2;grid-row:2}.billing-line .remove-line{grid-column:3;grid-row:2}}

.billing-line{grid-template-columns:minmax(115px,1.2fr) 90px minmax(130px,1.2fr) 35px}.billing-line[data-prorata="1"]{grid-template-columns:minmax(110px,1fr) 85px minmax(130px,1.2fr) 110px 35px}.billing-line small{font-size:10px}.billing-line select{margin-top:5px}.billing-line label{min-width:0}.billing-line input,.billing-line select{padding:9px 7px;font-size:13px}@media(max-width:650px){.billing-line,.billing-line[data-prorata="1"]{grid-template-columns:1fr 1fr}.billing-line label:first-child{grid-column:1/-1}.billing-line label:nth-child(2),.billing-line label:nth-child(3){grid-column:auto;grid-row:auto}.billing-line .remove-line{grid-column:auto;grid-row:auto}}

/* EDG: grouped billing sites, with Matoto's split kept beside its quantity. */
.billing-line[data-site-key]{grid-template-columns:minmax(180px,1.5fr) 85px minmax(130px,1fr) 110px;align-items:center}
.billing-line[data-site-key] strong{display:block;color:#173449;font-size:13px;margin:6px 0}
.billing-line[data-site-key] input.line-matoto-day,.billing-line[data-site-key] input.line-matoto-night{width:60px;display:inline-block}
#add-line[hidden],#add-line+.form-note[hidden]{display:none!important}
@media(max-width:650px){.billing-line[data-site-key]{grid-template-columns:1fr 1fr}.billing-line[data-site-key] label:first-child{grid-column:1/-1}}

/* Keep account actions reachable on shorter screens and tablets. */
.sidebar{overflow-y:auto}.sidebar>.brand,.sidebar>.navlabel,.sidebar>.nav,.sidebar>.profile,.sidebar>.logout{flex-shrink:0}

.topbar{flex-wrap:wrap}.account-actions{display:flex;align-items:center;justify-content:flex-end;gap:16px;flex-wrap:wrap}.account-actions .btn{min-height:40px}