:root{--navy:#102f50;--orange:#ff934d;--muted:#64798c}*{box-sizing:border-box}body{margin:0;font-family:'Segoe UI',Arial,sans-serif;color:var(--navy);background:#f3f6fa}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #e77530;outline-offset:4px}input:focus{outline:2px solid #397bb4;outline-offset:2px}img{max-width:100%;display:block}.brand{position:relative;display:block;width:230px;height:78px;overflow:hidden}.brand img{position:absolute;width:230px;max-width:none;top:-45px}.eyebrow{display:block;font-size:10px;font-weight:700;letter-spacing:1.7px;line-height:1.7}.login-shell{display:grid;grid-template-columns:46% 54%;min-height:100vh}.login-visual{position:relative;background:#103e68;overflow:hidden;color:white;min-height:720px}.login-visual>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 45%}.visual-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#08264065,#08264020 25%,#082640e8 85%)}.back{font-size:12px;font-weight:600;display:inline-block}.light{position:absolute;top:35px;left:36px;border:1px solid #ffffff65;border-radius:50px;padding:12px 18px;background:#092c4840}.visual-copy{position:absolute;bottom:55px;left:10%;right:8%}.visual-copy .eyebrow{color:#ffc193;font-size:9px}.visual-copy h1{font-size:clamp(38px,4.2vw,65px);line-height:1.08;font-weight:600;letter-spacing:-2px;margin:24px 0}.visual-copy p{font-size:14px;line-height:1.9;color:#d2e0ec}.location-note{display:block;border-top:1px solid #ffffff30;margin-top:30px;padding-top:22px;font-size:11px;color:#c4d6e6}.login-panel{background:#fff;padding:35px 10%;display:flex;flex-direction:column;justify-content:space-between}.form-wrap{max-width:400px;width:100%;margin:35px auto}.form-wrap>.eyebrow{color:#587690;border-left:3px solid var(--orange);padding-left:11px}.form-wrap h2{font-size:34px;line-height:1.15;letter-spacing:-1px;margin:20px 0 14px}.subtitle{font-size:14px;color:var(--muted);line-height:1.8}.form-wrap form{margin-top:28px}label{display:block;font-size:12px;font-weight:650;margin:20px 0 9px}input{width:100%;height:50px;border:1px solid #d9e1e9;border-radius:10px;padding:0 14px;background:#fafbfc;color:var(--navy);font-size:14px}.password-field{position:relative}.password-field input{padding-right:85px}.show-password{position:absolute;right:10px;top:10px;height:30px;border:0;background:none;font-size:11px;color:#215e8e}.primary{width:100%;display:flex;align-items:center;justify-content:space-between;border:0;border-radius:11px;background:var(--orange);padding:17px 20px;color:#102e49;font-size:13px;font-weight:700;margin-top:27px;transition:background .2s}.primary:hover{background:#ffad75}.primary>span{font-size:20px}.help{font-size:11px;line-height:1.6;color:var(--muted);margin:9px 0}.error{border:1px solid #edc2bc;background:#fff2ef;color:#9d3025;padding:13px 15px;border-radius:10px;font-size:12px;line-height:1.7;margin-top:20px}.bottom-back{margin-top:28px;color:#5e7487;font-size:11px}.panel-footer{font-size:10px;color:#738697;display:flex;justify-content:space-between;gap:15px;line-height:1.7}.dashboard-page{display:flex;min-height:100vh}.sidebar{width:265px;flex-shrink:0;background:white;border-right:1px solid #e1e8ee;min-height:100vh;padding:27px 22px;display:flex;flex-direction:column}.sidebar .brand{width:215px}.sidebar .brand img{width:215px;top:-41px}.sidebar>.eyebrow{font-size:9px;color:#71879b;margin:35px 12px 20px}.sidebar nav{display:grid;gap:8px}.sidebar nav a{font-size:13px;padding:15px;border-radius:11px;display:flex;align-items:center;gap:13px;color:#60768a}.sidebar nav .selected{color:#123c61;background:#edf3f9;font-weight:650;border-left:3px solid #ff934d}.sidebar nav a:hover{background:#f3f6fa}.sidebar nav a span{font-size:20px}.sidebar-bottom{margin-top:auto;padding-top:35px;display:flex;align-items:center;gap:12px}.avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#fff0e3;color:#a24610;font-weight:700}.sidebar-bottom strong{display:block;font-size:12px;overflow-wrap:anywhere}.sidebar-bottom small{display:block;color:#71879b;font-size:10px;margin-top:5px}.dashboard-main{flex:1;min-width:0}.dashboard-header{background:#ffffffb5;min-height:86px;border-bottom:1px solid #e1e8ee;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 5%;font-size:12px;color:#6b8092}.dashboard-header strong{color:#123c61;font-weight:600}.logout{background:white;border:1px solid #d7e1e9;border-radius:9px;padding:11px 15px;font-size:11px;color:#214762}.logout:hover{background:#edf3f9}.dashboard-content{max-width:1250px;margin:auto;padding:50px 5%}.dashboard-content>.eyebrow{font-size:9px;color:#637f97}.dashboard-content>h1{font-size:38px;letter-spacing:-1px;margin:16px 0 8px;overflow-wrap:anywhere}.welcome-card{margin-top:38px;background:#103858;color:white;border-radius:23px;display:grid;grid-template-columns:1.15fr 1fr;overflow:hidden;min-height:350px}.welcome-card>div{padding:42px 35px}.pill{display:inline-block;border:1px solid #ffffff30;border-radius:30px;padding:8px 12px;font-size:10px;color:#ffbe91}.welcome-card h2{font-size:32px;font-weight:550;letter-spacing:-1px;line-height:1.2;margin:25px 0 15px}.welcome-card p{color:#c3d5e3;font-size:13px;line-height:1.8}.welcome-card .primary{width:fit-content;gap:25px;font-size:11px}.welcome-card>img{width:100%;height:100%;object-fit:cover;max-height:420px;object-position:50% 45%}.dashboard-note{color:#728697;font-size:10px;line-height:1.8;margin-top:25px}@media(max-width:1050px){.login-panel{padding:28px 7%}.sidebar{width:225px;padding:22px 16px}.sidebar .brand{width:190px}.sidebar .brand img{width:190px;top:-31px}.welcome-card>div{padding:30px 25px}.welcome-card h2{font-size:28px}}@media(max-width:720px){.login-shell{grid-template-columns:1fr}.login-visual{min-height:235px}.light{top:18px;left:20px;padding:9px 13px;font-size:10px}.visual-copy{left:24px;bottom:25px}.visual-copy .eyebrow{font-size:7px}.visual-copy h1{font-size:32px;margin:11px 0 0;letter-spacing:-1px}.visual-copy p,.location-note{display:none}.login-visual>img{object-position:50% 46%}.login-panel{padding:24px 7%;border-radius:22px 22px 0 0;margin-top:-18px;z-index:1}.login-panel>.brand{width:200px;height:66px}.login-panel>.brand img{width:200px;top:-40px}.form-wrap{margin:20px auto 30px}.form-wrap h2{font-size:29px}.panel-footer{flex-wrap:wrap}.dashboard-page{display:block}.sidebar{width:100%;min-height:auto;padding:12px 5%;border-bottom:1px solid #e1e8ee}.sidebar .brand{height:65px}.sidebar>.eyebrow,.sidebar-bottom{display:none}.sidebar nav{display:flex;gap:12px}.sidebar nav a{padding:12px;font-size:11px}.dashboard-header{padding:16px 5%;min-height:70px;font-size:10px}.dashboard-header>span{max-width:50%;line-height:1.7}.logout{font-size:10px;padding:10px}.dashboard-content{padding:30px 5%}.dashboard-content>h1{font-size:30px}.welcome-card{grid-template-columns:1fr;margin-top:25px}.welcome-card>img{height:235px;object-position:50% 45%}.welcome-card>div{padding:29px 25px}.welcome-card h2{font-size:30px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.success{padding:15px 18px;background:#eaf6ee;border:1px solid #bfdcc9;border-radius:12px;color:#235f3a;font-size:13px;line-height:1.7;margin:20px 0}.price-workspace,.settings-grid,.dashboard-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:30px}.editor-card{background:white;border:1px solid #dce5ed;border-radius:19px;padding:30px;min-width:0}.editor-card>.eyebrow{color:#638096;font-size:9px}.editor-card h2{font-size:23px;letter-spacing:-.5px;font-weight:600;line-height:1.3;margin:12px 0 20px}.editor-card p{font-size:13px;line-height:1.8;color:#61788c}.editor-card .help{font-size:11px}.unit{float:right;color:#627f92;font-size:10px}.price-preview{background:linear-gradient(140deg,#0b2b47,#154f7a);border-radius:19px;padding:32px;color:white;align-self:start}.price-preview>.eyebrow{color:#b7d0e4;font-size:9px}.price-preview h2{font-size:26px;margin:15px 0 30px}.price-preview>div{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff25;padding:22px 0;gap:15px}.price-preview strong{font-family:Consolas,monospace;font-size:38px;color:#ffbc79;white-space:nowrap}.price-preview small{font-family:'Segoe UI',sans-serif;font-size:9px;color:#bdd4e5;margin-left:10px}.price-preview>p,.price-preview>a{font-size:11px;line-height:1.8;color:#d0dfeb}.price-preview>a{display:inline-block;margin-top:15px;border-bottom:1px solid #7898b0;padding-bottom:8px}.members{margin-top:25px}.member{border-top:1px solid #e1e8ee;margin-top:15px}.member summary{display:flex;align-items:center;justify-content:space-between;gap:15px;cursor:pointer;padding:20px 0;font-size:12px}.member summary small{display:block;color:#71879b;margin-top:6px;font-size:10px}.member summary strong{overflow-wrap:anywhere}.member form{max-width:540px;padding-bottom:15px}.dashboard-shortcuts .editor-card{transition:box-shadow .2s}.dashboard-shortcuts .editor-card:hover{box-shadow:0 10px 25px #12395414}.dashboard-shortcuts h2{color:#164f79}.sidebar nav{overflow-wrap:anywhere}@media(max-width:1000px){.price-workspace,.settings-grid{grid-template-columns:1fr}.price-preview{max-width:600px}.price-preview strong{font-size:34px}}@media(max-width:720px){.sidebar nav{flex-wrap:wrap;gap:5px}.sidebar nav a{flex:1 1 40%;font-size:11px}.dashboard-shortcuts{grid-template-columns:1fr}.editor-card{padding:24px}.dashboard-content>h1{font-size:28px}.price-preview{padding:25px}}
.day-filter{display:flex;gap:13px;align-items:center;flex-wrap:wrap;margin:27px 0}.day-filter label{margin:0}.day-filter input{width:180px;height:42px;background:white}.day-filter>a{font-size:12px;color:#1a608e}.meter-stats{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:18px;margin:25px 0}.meter-stats article{background:white;border:1px solid #dce5ed;border-radius:17px;padding:24px}.meter-stats article:first-child{background:#103c60;color:white;border-top:3px solid #ff9c57}.meter-stats article>span{font-size:10px;letter-spacing:.7px;line-height:1.7}.meter-stats strong{display:block;font-size:28px;font-weight:650;letter-spacing:-.7px;margin:15px 0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.meter-stats strong small{font-size:12px;font-weight:400}.meter-stats p{font-size:11px;line-height:1.8;margin:0;color:#698196}.meter-stats article:first-child p{color:#c1d5e5}.meter-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.meter-fields label{margin-top:6px}.meter-fields select{width:100%;height:50px;border:1px solid #d9e1e9;border-radius:10px;padding:0 10px;background:#fafbfc;font:inherit;font-size:13px;color:#103c60}.meter-fields select:focus{outline:2px solid #397bb4;outline-offset:2px}.meter-preview{background:#edf4fa;border:1px solid #dce8f1;border-radius:12px;padding:18px;align-self:end;min-height:74px;font-size:14px;font-weight:650;line-height:1.7;color:#184e77}.meter-editor .primary{max-width:320px}.meter-editor>.help{line-height:1.8}.readings{margin-top:25px}.reading-table{overflow-x:auto}.reading-table table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:12px;text-align:left}.reading-table th{background:#f3f7fa;font-size:10px;color:#607b90;font-weight:650;padding:15px 12px}.reading-table td{padding:19px 12px;border-bottom:1px solid #e4ebf0;font-variant-numeric:tabular-nums}.reading-table td small{display:block;font-size:10px;color:#70869a;margin-top:5px}.reading-table a{display:inline-block;background:#eef4fa;border-radius:7px;padding:9px 12px;color:#145582}.table-caption{text-align:left;font-size:11px;color:#6d8395;padding:0 0 17px}@media(max-width:1100px){.meter-stats{grid-template-columns:1fr 1fr}.meter-stats article:first-child{grid-column:1/-1}.meter-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.meter-stats{gap:12px}.meter-stats article{padding:17px}.meter-stats strong{font-size:24px}.meter-fields{grid-template-columns:1fr}.meter-editor .primary{max-width:none}.day-filter{gap:10px}.day-filter input{width:155px}}
.sheet-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.sheet-counters{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:30px 0}.sheet-counter{margin:0;min-width:0;border:1px solid #dce6ee;background:#f8fafc;border-radius:16px;padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:15px}.sheet-counter legend{padding:0 10px;font-size:13px;color:#2a5779}.sheet-counter legend b{display:inline-block;padding:8px 10px;border-radius:8px;background:#173e60;color:#fff;margin-right:8px}.sheet-counter[data-fuel=sans_plomb] legend b{background:#286c58}.sheet-counter label{margin:0 0 9px;font-size:11px}.sheet-counter output{grid-column:1/-1;padding:13px;border-radius:8px;background:#e9f0f6;color:#245578;font-size:13px;font-weight:600}.sheet-total{display:block;background:#103d60;color:#fff;padding:22px;border-radius:12px;font-size:18px;font-weight:600;line-height:1.7}.meter-stats .pompiste-name{font-size:22px;overflow-wrap:anywhere}.meter-editor .primary{max-width:390px}@media(max-width:1100px){.sheet-meta{grid-template-columns:1fr 1fr}}@media(max-width:700px){.sheet-counters{grid-template-columns:1fr}.sheet-meta{grid-template-columns:1fr}.sheet-counter{padding:16px;gap:12px}.sheet-total{font-size:16px}.meter-editor .primary{max-width:none}}
.pump-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:28px 0}.pump-tile{border-top:3px solid #d7e3ef}.pump-tile.chosen{border-color:#ffab73;background:#fffaf6}.pump-tile h2{overflow-wrap:anywhere}.pump-counter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.counter-setting{background:#f4f7fa;border-radius:12px;padding:17px}.counter-setting label{margin:0 0 12px;line-height:1.7;font-size:11px}.counter-setting label b{background:#173e60;color:white;border-radius:6px;padding:5px 7px;margin-right:6px}.pump-inline{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:20px 0}.pump-inline input{width:210px}.pump-inline label{margin:0}.pump-inline select,.day-filter select{min-height:43px;padding:10px 14px;border:1px solid #d9e1e9;border-radius:9px;background:white;color:#173e60;font:inherit;font-size:12px;max-width:100%}.counter-actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.sheet-counter input[readonly]{background:#e9eff4;color:#4f6c82;border-style:dashed}.pump-counter-grid+.primary{max-width:360px}@media(max-width:1050px){.pump-list,.pump-counter-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.pump-list{grid-template-columns:1fr}.pump-counter-grid{grid-template-columns:1fr}.pump-inline input{width:100%}}
.pump-choice{display:flex;align-items:end;flex-wrap:wrap;gap:14px;margin:23px 0 28px;padding:22px;background:#edf4fa;border:1px solid #d4e3ef;border-radius:14px}.pump-choice>div{flex:1;min-width:200px}.pump-choice label{margin:0 0 9px;color:#184b73;font-size:13px}.pump-choice select{width:100%;height:50px;padding:0 14px;border:1px solid #b7cfe2;border-radius:10px;background:white;font:inherit;font-weight:600;color:#153e61}.pump-choice select:focus{outline:2px solid #397bb4;outline-offset:2px}.pump-choice .logout{height:50px}.pump-choice .help{flex-basis:100%;margin:0}.pump-choice select:disabled{opacity:.65}.meter-editor button:disabled{opacity:.6;cursor:wait}@media(max-width:600px){.pump-choice{padding:17px}.pump-choice>div{min-width:100%}.pump-choice .logout{width:100%}}
.page-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:25px 0}.page-actions .primary{width:auto;margin:0}.page-actions .logout{display:inline-flex;align-items:center;min-height:44px}.danger-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #e4b5b0;border-radius:9px;background:#fff0ed;color:#a23228;font:inherit;font-size:12px;font-weight:600;padding:13px 17px;cursor:pointer}.danger-button:hover{background:#fbded8}.delete-panel{margin-top:26px;border:1px solid #edcbc6;border-radius:12px;padding:17px 20px;background:#fffaf9;scroll-margin-top:25px}.delete-panel>summary{cursor:pointer;color:#a23228;font-size:13px;font-weight:650}.delete-panel>p{font-size:12px;line-height:1.8;color:#77514c}.confirm-delete{display:flex;align-items:center;gap:10px;margin:18px 0;font-size:12px;font-weight:400;line-height:1.7}.confirm-delete input{width:18px;height:18px;flex-shrink:0}.reading-table .delete-link{color:#a23228;background:#fff0ed}#add-pump,#edit-pump{scroll-margin-top:25px}
.client-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.voucher-section{margin:27px 0 8px;border:1px solid #d8e5ef;border-radius:15px;padding:23px;background:#f6f9fc}.voucher-section h2{font-size:22px;margin:10px 0}.voucher-section>.eyebrow{color:#5e7b91;font-size:9px}.voucher-row{display:grid;grid-template-columns:1.4fr 1fr 1fr auto;gap:13px;align-items:end;margin:20px 0}.voucher-row label{font-size:10px;margin:0 0 8px}.voucher-row select{width:100%;height:50px;padding:0 12px;border:1px solid #d9e1e9;border-radius:10px;background:#fff;color:#173e60;font:inherit;font-size:13px}.voucher-row input{background:white}.voucher-row select:focus{outline:2px solid #397bb4;outline-offset:2px}.voucher-row .logout{height:50px;font-size:10px}.collection-summary{display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:12px;margin-top:24px}.collection-summary>div{padding:19px;background:white;border:1px solid #dde6ee;border-radius:12px;min-width:0}.collection-summary>div:last-child{background:#133f61;color:white;border-color:#133f61}.collection-summary span{display:block;font-size:10px;line-height:1.6}.collection-summary strong{display:block;margin-top:10px;font-size:22px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.credit-validation:not(:empty){color:#a33626!important;font-weight:600}.voucher-section .help a{color:#155e8e;text-decoration:underline}#client-detail,#client-form,#sheet-credits{scroll-margin-top:25px}.editor-card .primary{max-width:440px}@media(max-width:1100px){.voucher-row{grid-template-columns:1fr 1fr}.voucher-row>div:first-child{grid-column:1/-1}.voucher-row .logout{width:100%}.collection-summary strong{font-size:19px}}@media(max-width:650px){.client-fields{grid-template-columns:1fr}.voucher-section{padding:17px}.voucher-row{grid-template-columns:1fr;border-bottom:1px solid #dbe5ed;padding-bottom:20px}.voucher-row>div:first-child{grid-column:auto}.collection-summary{grid-template-columns:1fr}.collection-summary>div{display:flex;align-items:center;justify-content:space-between;gap:15px}.collection-summary strong{margin:0;font-size:20px}}

.wash-layout{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:25px}.wash-layout>*{min-width:0}.wash-layout .price-preview strong{font-size:30px;white-space:normal;overflow-wrap:anywhere}.wash-actions{display:flex;align-items:start;gap:14px;flex-wrap:wrap}.wash-actions summary{cursor:pointer;color:#a23228;padding:9px 12px;background:#fff0ed;border-radius:7px}.wash-actions details form{padding:12px;white-space:normal;max-width:250px}#wash-form{scroll-margin-top:25px}@media(max-width:1000px){.wash-layout{grid-template-columns:1fr}}

.shop-select{width:100%;min-height:50px;padding:12px;border:1px solid #d9e1e9;border-radius:10px;background:#fafbfc;font:inherit;font-size:13px;color:#173e60}.shop-select:focus{outline:2px solid #397bb4;outline-offset:2px}.shop-estimate{display:block;margin-top:20px;padding:17px;border-radius:10px;background:#edf4fa;color:#164e77;font-weight:600;font-size:15px}.stock-badge{display:inline-block;border-radius:8px;background:#eaf6ee;color:#235f3a;padding:8px 12px}.stock-empty{background:#fff0ed;color:#a23228}.stock-restock summary,.shop-cancel summary{cursor:pointer;padding:9px 12px;border-radius:7px;color:#164e77;background:#eef4fa}.shop-cancel summary{color:#a23228;background:#fff0ed}.stock-restock input{min-width:130px}.stock-restock button{margin-top:12px}.shop-cancel form{max-width:260px;white-space:normal;padding:12px}#product-form{scroll-margin-top:25px}

.voucher-row .voucher-reason{grid-column:1/-1;grid-row:2}.voucher-row .voucher-reason[hidden]{display:none}.voucher-row .remove-voucher{grid-row:1;grid-column:4}@media(max-width:1100px){.voucher-row .voucher-reason{grid-row:auto}.voucher-row .remove-voucher{grid-column:auto;grid-row:auto}}

.collection-summary{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:1100px){.collection-summary{grid-template-columns:1fr 1fr}}@media(max-width:650px){.collection-summary{grid-template-columns:1fr}}

.reading-table td.charge-reason{white-space:normal;min-width:180px;max-width:340px;overflow-wrap:anywhere;line-height:1.6}

input.payment-check{width:20px;height:20px;accent-color:#155e97}.payment-state{display:inline-block;padding:7px 10px;border-radius:8px;font-weight:600;font-size:11px}.is-paid{background:#e6f5ec;color:#226342}.is-unpaid{background:#fff0df;color:#994610}

.period-fields{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.period-fields label{margin:0;font-size:11px}.period-fields input[type=number]{width:100px!important;height:43px;background:white}.period-fields select{height:43px;padding:0 12px;border:1px solid #d9e1e9;border-radius:9px;background:white;color:#173e60;font:inherit;font-size:12px}.overview-toolbar form{flex-wrap:wrap}