:root{--ink:#17323c;--muted:#657981;--line:#dbe5e7;--bg:#f3f7f8;--panel:#fff;--primary:#087e70;--dark:#0c2632;--soft:#e9f6f1;--shadow:0 6px 24px #12323d06;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0;font-size:15px;line-height:1.5}a{color:var(--primary);text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #4cc8a9;outline-offset:4px}input:focus,select:focus,textarea:focus{outline:3px solid #28a48b22;border-color:var(--primary)}input:disabled,textarea:disabled{background:#edf1f2;color:#7b8c91}input[type=checkbox]{width:18px;height:18px;min-width:18px;accent-color:var(--primary);margin:0}input:not([type=checkbox]):not([type=hidden]),select,textarea{width:100%;min-width:0;border:1px solid #ccdadd;border-radius:9px;background:#fff;color:var(--ink);padding:11px 13px;min-height:46px;transition:border-color .15s}textarea{resize:vertical;min-height:82px}input[type=date],input[type=time]{color-scheme:light}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(26px,3.3vw,36px);letter-spacing:-1px;line-height:1.15;margin-bottom:10px;font-weight:750}h2{font-size:20px;letter-spacing:-.4px;margin-bottom:10px}h3{font-size:15px;margin-bottom:3px}p{margin-bottom:14px}.muted,small{color:var(--muted)}small{font-size:12px}small:not(.brand small){display:block;margin-top:5px}.topbar{background:var(--dark);color:#fff;min-height:84px;display:flex;justify-content:space-between;align-items:center;padding:16px max(24px,calc((100vw - 1240px)/2));gap:20px}.brand{display:flex;align-items:center;gap:12px;color:#fff;font-size:19px;font-weight:700;letter-spacing:-.4px}.brand small{display:block;font-size:9px;letter-spacing:1.5px;color:#9db9c1;font-weight:500;margin-top:2px}.brand-icon{display:flex;align-items:center;justify-content:center;background:#1c414d;border:1px solid #47616b;border-radius:12px;font-size:25px;width:45px;height:45px;line-height:1}.brand-icon span{color:#64dbb4;font-size:31px}.account{display:flex;align-items:center;gap:20px;font-size:13px}.account>span{max-width:300px;overflow-wrap:anywhere}.account small{color:#a5bdc5;font-size:11px}.account form{margin:0}.link-button{border:1px solid #45626b;border-radius:8px;background:transparent;color:#d8e7e9;padding:8px 14px;font-size:12px}.nav{display:flex;gap:8px;max-width:1240px;margin:0 auto;padding:18px 24px;border-bottom:1px solid var(--line)}.nav a{color:var(--muted);padding:8px 15px;font-size:13px;font-weight:650;border-radius:8px}.nav a.active{background:#e0eeeb;color:#075f54}.wide{max-width:1240px;margin:0 auto;padding:36px 24px 60px}.narrow{max-width:820px;margin:0 auto;padding:34px 24px 60px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:26px}.page-heading p{color:var(--muted);margin:0;font-size:14px}.eyebrow{display:block;color:var(--primary);font-size:10px;font-weight:800;letter-spacing:1.6px;margin-bottom:12px}.page-heading>.pill{flex-shrink:0}.card{background:var(--panel);border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow)}.section-card{padding:26px;margin-bottom:20px}.section-card h2{margin-bottom:18px}.section-title{display:flex;align-items:flex-start;gap:13px;margin-bottom:22px}.section-title h2{margin:0 0 3px}.section-title p{color:var(--muted);font-size:13px;margin:0}.step{background:var(--soft);color:var(--primary);font-size:13px;font-weight:800;border:1px solid #cde9df;display:grid;place-items:center;border-radius:11px;width:35px;height:35px;flex:0 0 35px}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field>label:not(.check){font-size:12px;font-weight:650}.field>small{margin-top:0}.check{display:flex;align-items:center;gap:8px;font-size:12px;line-height:1.5;min-height:28px;cursor:pointer}.check input{flex-shrink:0}.two-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.nozzle{border:1px solid var(--line);border-radius:11px;padding:19px;margin-bottom:16px}.nozzle-title{display:flex;align-items:center;gap:12px;margin-bottom:18px}.nozzle-number{display:grid;place-items:center;width:39px;height:39px;border-radius:9px;background:#eff4f5;color:#38545f;font-weight:750}.nozzle-title h3{margin:0}.nozzle-title>div>span{font-size:11px;color:var(--muted)}.tiny-tag{margin-left:auto;font-size:10px;color:#42766a;background:#edf6f2;padding:5px 8px;border-radius:6px;max-width:180px;line-height:1.4}.nozzle-footer{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #e8edef;margin-top:12px;padding-top:10px}.nozzle-footer>span{font-size:11px;color:var(--muted);align-self:center;white-space:nowrap}.nozzle-footer strong{margin-left:6px;color:var(--ink)}.help{font-size:12px;color:var(--muted);margin:15px 0 8px;line-height:1.65}.inline-time{max-width:320px;margin-top:22px}.sales-card{background:#f0f9f5;border-color:#cfe6dc}.sales-card input:not([type=checkbox]){font-size:22px;font-weight:650;letter-spacing:-.5px}.sales-card .step{background:#d9efe5}.select-label{display:block;font-size:11px;font-weight:650;margin:8px 0 6px;color:var(--muted)}.date-picker{display:flex;align-items:flex-end;gap:14px;padding:19px 23px;margin-bottom:21px}.date-picker .field{flex:1}.date-picker input[type=date]{font-size:16px}.day-line{display:flex;align-items:center;gap:14px;padding:2px 0 20px}.day-line>span{color:var(--primary);font-weight:750;white-space:nowrap}.day-line p{font-size:11px;color:var(--muted);margin:0;max-width:420px}.pill{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;border:1px solid #dce4e6;background:#eef3f4;color:#597078;border-radius:30px;padding:5px 10px;font-size:10px;font-weight:650}.pill.teal{color:#156650;background:#e2f3eb;border-color:#c7e5d6}.pill.amber{color:#83602b;background:#fff4de;border-color:#f0deb9}.button{min-height:44px;padding:11px 17px;display:inline-flex;align-items:center;justify-content:center;gap:14px;border:1px solid transparent;border-radius:9px;font-weight:650;font-size:12px;line-height:1.5;white-space:nowrap;transition:background .15s}.button.primary{background:var(--primary);color:#fff}.button.primary:hover{background:#05675b}.button.secondary{background:#fff;color:#37515b;border-color:#cfdddf}.button.secondary:hover{background:#eef5f5}.button.small{min-height:34px;padding:7px 11px;font-size:11px}.button.full{width:100%}.submit-row{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:22px;padding-top:21px;border-top:1px solid var(--line)}.submit-row>span{font-size:11px;color:var(--muted);max-width:260px}.confirm{margin-top:20px;align-items:flex-start;font-size:12px}.confirm input{margin-top:1px}.opening-details{border-top:1px solid var(--line);margin-top:25px;padding-top:17px}.opening-details summary{font-size:12px;cursor:pointer;font-weight:650;color:#4d6a74}.opening-details[open] summary{margin-bottom:13px}.opening-details .two-columns{margin-top:16px}.notice{background:#edf4f7;border:1px solid #d1e1e8;color:#355a6e;border-radius:11px;padding:15px 18px;margin-bottom:20px;font-size:13px}.notice.success{background:#e7f5ee;border-color:#cbe7d7;color:#216947}.notice.error{background:#fff0ee;border-color:#efcbc5;color:#953e32}.notice ul{padding-left:18px;margin:8px 0 0}.stack{display:flex;flex-direction:column;gap:17px}.stack .button{margin-top:4px}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-bottom:24px}.summary-grid article{border:1px solid var(--line);background:var(--panel);border-radius:13px;padding:22px;min-width:0}.summary-grid article>span{color:var(--muted);font-size:11px;display:block;margin-bottom:11px}.summary-grid strong{display:block;font-size:clamp(20px,2.4vw,29px);letter-spacing:-1px;line-height:1.2;overflow-wrap:anywhere}.summary-grid strong.compact{font-size:23px}.summary-grid small{font-size:10px;margin-top:10px}.filters{display:grid;grid-template-columns:minmax(170px,1.5fr) repeat(3,minmax(120px,1fr)) auto;gap:13px;padding:20px;margin-bottom:24px;align-items:end}.table-card{overflow:hidden;margin-bottom:24px}.table-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px 23px;border-bottom:1px solid var(--line)}.table-heading h2{font-size:15px;margin:0}.table-heading>span{font-size:11px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{font-size:10px;font-weight:650;text-transform:uppercase;letter-spacing:.3px;color:var(--muted);background:#f7fafb;padding:13px 22px;white-space:nowrap}td{padding:18px 22px;border-bottom:1px solid #e9eff0;vertical-align:middle;white-space:nowrap}tr:last-child td{border-bottom:0}td>small{display:block;max-width:230px;white-space:normal;font-size:10px}td strong{font-size:12px}.empty-state{text-align:center;padding:42px 15px;white-space:normal;color:var(--muted)}.empty-state>span{display:block;font-size:36px;color:#a8bfbe}.empty-state h3{font-size:17px;color:var(--ink);margin-top:10px}.empty-state p{font-size:12px}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;font-size:12px}.client-layout{display:grid;grid-template-columns:340px 1fr;gap:23px;align-items:start}.client-layout .section-card h2{margin-bottom:8px}.client-layout .section-card>p{font-size:12px;margin-bottom:22px}.access-address{margin-top:25px;padding:15px;background:#f3f7f7;border-radius:9px;font-size:12px}.access-address code{display:block;margin-top:8px;word-break:break-all;color:var(--primary)}.access-address small{font-size:10px}.account-page{max-width:560px}.back{display:inline-block;font-size:12px;color:var(--muted);margin-bottom:20px}.measurement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.measurement-grid span{color:var(--muted);font-size:12px;display:block}.measurement-grid strong{font-size:20px;display:block;margin-top:6px}.preserve-lines{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}.action-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:23px}.action-row form{margin:0}.timeline{list-style:none;margin:20px 0 0;padding-left:16px;border-left:2px solid #dceae5}.timeline li{position:relative;padding:0 0 20px 13px}.timeline li:before{content:"";position:absolute;left:-22px;top:6px;width:10px;height:10px;background:#71b39c;border:3px solid #fff;border-radius:50%;box-sizing:content-box}.timeline li:last-child{padding-bottom:0}.timeline strong{font-size:12px;display:block}.timeline span{font-size:10px;color:var(--muted);display:block;margin-top:3px}.timeline p{font-size:12px;margin:6px 0 0;overflow-wrap:anywhere}.correction{margin-bottom:22px;padding:18px 24px}.correction summary{cursor:pointer;color:var(--muted);font-size:12px;font-weight:650}.correction[open] summary{margin-bottom:20px}.recent{margin-top:32px}.recent h2{font-size:15px}.recent-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.recent-links a{background:#fff;border:1px solid var(--line);border-radius:9px;padding:13px 15px;display:flex;justify-content:space-between;align-items:center;font-size:11px}.recent-links span{color:var(--muted)}.auth-wrap{max-width:1100px;margin:0 auto;min-height:calc(100vh - 155px);padding:65px 30px;display:grid;grid-template-columns:1fr 410px;align-items:center;gap:85px}.auth-intro .eyebrow{font-size:10px;color:#538579}.auth-intro h1{font-size:clamp(35px,4.8vw,52px);line-height:1.12;letter-spacing:-2.1px;margin-top:21px}.auth-intro>p{color:var(--muted);font-size:16px;line-height:1.7}.intro-steps{display:flex;gap:28px;margin-top:40px}.intro-steps span{font-size:11px;color:var(--primary)}.intro-steps b{display:block;margin-top:4px;color:var(--ink);font-weight:550}.auth-card{padding:33px}.auth-card .eyebrow{font-size:9px}.auth-card h2{font-size:23px;margin-bottom:8px}.auth-card>p{font-size:12px;margin-bottom:23px}footer{text-align:center;padding:24px;color:#82959c;font-size:10px}footer>span{margin:0 10px;color:#b6c9cb}
@media(max-width:1000px){.client-layout{grid-template-columns:310px minmax(0,1fr)}.filters{grid-template-columns:repeat(2,minmax(0,1fr))}.filters>.field:first-of-type{grid-column:1/-1}.filters .button{align-self:end}.auth-wrap{gap:40px;grid-template-columns:1fr 380px}.intro-steps{gap:20px}}
@media(max-width:700px){.topbar{padding:16px 18px;min-height:77px}.brand{font-size:16px;gap:9px}.brand-icon{width:36px;height:36px;font-size:21px;border-radius:10px}.brand small{font-size:7px;letter-spacing:1px}.account{gap:10px}.account>span{max-width:115px;font-size:11px}.account small{font-size:9px}.link-button{padding:7px 9px;font-size:10px}.nav{padding:12px 15px;gap:2px}.nav a{padding:8px 12px;font-size:11px}.wide,.narrow{padding:26px 16px 35px}.page-heading{gap:12px;align-items:flex-start;flex-wrap:wrap;margin-bottom:20px}.page-heading h1{font-size:28px}.page-heading p{font-size:12px}.eyebrow{font-size:9px;letter-spacing:1.3px;margin-bottom:9px}.page-heading>.button{min-height:38px;padding:8px 12px}.section-card{padding:20px 16px;border-radius:12px;margin-bottom:15px}.section-title{gap:10px;margin-bottom:18px}.section-title h2{font-size:18px}.section-title p{font-size:11px}.step{width:31px;height:31px;flex-basis:31px;border-radius:9px}.two-columns{gap:12px}.nozzle{padding:15px 12px;margin-bottom:14px}.nozzle-title{gap:9px;flex-wrap:wrap}.nozzle-title>div>span{font-size:10px}.tiny-tag{font-size:8px;max-width:132px}.field>label:not(.check){font-size:11px}.field{gap:6px}input:not([type=checkbox]):not([type=hidden]),select,textarea{font-size:16px;padding:11px 10px;min-height:46px}.check{font-size:11px;min-height:32px;gap:7px}.nozzle-footer{flex-direction:column;gap:6px}.nozzle-footer>span{align-self:flex-end}.date-picker{padding:15px;gap:10px}.date-picker .button{padding:11px 13px;font-size:11px}.day-line{align-items:flex-start;gap:11px;padding-bottom:17px}.day-line>span{font-size:14px}.day-line p{font-size:10px}.sales-card .two-columns{grid-template-columns:1fr;gap:16px}.sales-card input:not([type=checkbox]){font-size:23px}.tank-field>select{font-size:13px}.inline-time{max-width:none}.help{font-size:11px}.submit-row{flex-direction:column;align-items:stretch;gap:13px}.submit-row .button{min-height:49px;font-size:13px}.submit-row>span{max-width:none;text-align:center;font-size:10px}.confirm{font-size:11px}.summary-grid{grid-template-columns:1fr;gap:10px;margin-bottom:17px}.summary-grid article{padding:18px 20px;display:grid;grid-template-columns:1fr auto;gap:7px;align-items:center}.summary-grid article>span{margin:0;max-width:155px;font-size:11px}.summary-grid strong{font-size:24px;letter-spacing:-.7px}.summary-grid small{grid-column:1/-1;margin:0;font-size:10px}.filters{padding:16px;gap:12px;margin-bottom:18px}.filters .button{min-height:46px}.filters select{font-size:13px}.table-heading{padding:17px}.table-heading h2{font-size:14px}td,th{padding:14px 16px}.client-layout{grid-template-columns:1fr;gap:4px}.measurement-grid{gap:16px}.measurement-grid strong{font-size:17px}.recent-links{grid-template-columns:1fr}.recent-links a{font-size:12px;padding:14px 15px}.account-page .section-card{padding:22px 18px}.action-row>.button,.action-row>form,.action-row>form>.button{width:100%}.timeline span{font-size:10px}.auth-wrap{grid-template-columns:1fr;gap:25px;padding:35px 20px;max-width:470px;min-height:0}.auth-intro .eyebrow{font-size:8px}.auth-intro h1{font-size:34px;letter-spacing:-1.4px;line-height:1.1;margin-top:14px;margin-bottom:15px}.auth-intro>p{font-size:12px;margin-bottom:0}.intro-steps{display:none}.auth-card{padding:25px 22px}.auth-card h2{font-size:23px}.signed-out footer{font-size:9px;padding-top:10px}.opening-details summary{font-size:11px}.opening-details .two-columns{grid-template-columns:1fr}.notice{font-size:12px;padding:14px}.empty-state{padding:30px 10px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media(max-width:700px){.nozzle .field>label:not(.check){min-height:34px;display:flex;align-items:flex-end}}
@media(max-width:400px){.nozzle .two-columns{grid-template-columns:1fr}.nozzle .field>label:not(.check){min-height:0}}

.paper-heading{max-width:560px;margin:0 auto 20px}.paper-form{max-width:560px;margin:0 auto;padding:24px}.paper-form h2{font-size:16px;letter-spacing:0;margin:28px 0 14px}.paper-form .field{margin-bottom:14px}.fixed-month{display:flex;align-items:center;gap:7px}.fixed-month input:not([type=hidden]){width:72px;text-align:center;flex:0 0 72px}.fixed-month span{white-space:nowrap;font-size:16px}.paper-form .button{margin-top:14px}@media(max-width:600px){.paper-form{padding:20px 16px}.paper-form h2{font-size:15px}.paper-heading{font-size:27px}}