*{box-sizing:border-box}body{margin:0;background:#f5f6f8;color:#202f33;font-family:Arial,sans-serif;line-height:1.6}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;background:#176b61;color:white;padding:11px 22px;border-radius:9px;font-weight:600}button:hover{filter:brightness(.95)}button:disabled{opacity:.5;cursor:default}button:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #c7853b;outline-offset:3px}input,select,textarea{width:100%;padding:11px 13px;border:1px solid #d6dedf;border-radius:8px;background:white;color:#203034}input:focus,select:focus,textarea:focus{outline:2px solid #438b7f;outline-offset:1px}input[readonly]{background:#f1f3f4}label{display:grid;gap:7px;font-size:14px;font-weight:600}h1{font-size:32px;line-height:1.2;margin:9px 0 15px;letter-spacing:-.7px}h2{font-size:22px}p{margin:8px 0 18px}.muted,.hint,small,.footnote{color:#728083}.eyebrow{font-size:12px;color:#27766c;letter-spacing:.5px;font-weight:700;margin-bottom:5px}.brand-mark{height:60px;width:60px;display:grid;place-items:center;background:#176b61;color:white;border-radius:18px;font-size:30px;margin:0 auto 26px}.brand-mark.small{height:38px;width:38px;border-radius:10px;font-size:22px;margin:0}.auth{max-width:430px;margin:8vh auto;padding:36px;background:white;border:1px solid #e1e5e5;border-radius:18px;box-shadow:0 12px 50px #192e3010;text-align:center}.auth form{display:grid;gap:18px;text-align:right;margin-top:28px}.auth h1{font-size:29px}.auth .link{margin-top:17px}.footnote{font-size:12px;margin:30px 0 0}.secondary{color:#3b5659;background:white;border:1px solid #dbe2e2}.link{background:transparent;padding:5px;color:#176b61;font-size:14px}.identity{display:flex;align-items:center;gap:12px}.identity small{display:block;font-size:11px;direction:ltr}header{height:82px;padding:0 38px;background:white;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e2e8e7}.layout{display:grid;grid-template-columns:235px minmax(0,1fr);min-height:calc(100vh - 82px)}nav{background:white;border-left:1px solid #e2e8e7;padding:28px 18px;display:flex;flex-direction:column;gap:8px}nav button{background:transparent;color:#667778;text-align:right;padding:14px 18px}nav button.active{color:#176b61;background:#e7f1ee;box-shadow:inset -3px 0 #176b61}.nav-note{margin:70px 18px;color:#9ba7a6;font-size:14px}main{max-width:1250px;width:100%;padding:45px 5vw}footer{font-size:12px;color:#9aa8aa;margin-top:45px}.section-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.year{min-width:120px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0 32px}.stats article{background:white;padding:24px 28px;border:1px solid #e0e7e5;border-radius:13px}.stats article:first-child{border-top:3px solid #176b61}.stats article:nth-child(2){border-top:3px solid #cf9e6b}.stats span,.stats small,.stats strong{display:block}.stats span{font-size:14px;color:#728083}.stats strong{font-size:32px;margin:10px 0 2px;direction:rtl}.stats small{font-size:12px}details,.card{background:white;border:1px solid #e0e7e5;border-radius:13px;margin:16px 0;overflow:hidden}summary{padding:20px 24px;cursor:pointer;font-weight:700;list-style-position:inside}.badge{margin-right:12px;background:#edf2f1;color:#62817c;font-size:12px;border-radius:5px;padding:3px 9px}.empty{text-align:center;padding:25px;color:#8a9998;border-top:1px solid #edf0ef}.empty span{font-size:36px;color:#b7cdc7}.empty h3{color:#576e69;font-size:16px;margin:5px}.empty p{font-size:13px}.form-grid{padding:28px;display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:900px}.span{grid-column:1/-1}.hint{font-size:13px;align-self:center;margin:0}.notice{background:#fcf3e5;color:#8a652d;border:1px solid #f2dfc0;border-radius:8px;padding:12px 16px;font-size:13px;margin:20px 0}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:right;font-size:13px}th,td{padding:15px;border-top:1px solid #edf0ef}th{background:#fafbfb;color:#7c8988;font-weight:400}td.amount{white-space:nowrap;font-weight:700}#message{position:fixed;bottom:22px;left:22px;max-width:min(90vw,500px);padding:13px 20px;background:#233e3b;color:white;border-radius:9px;z-index:10;box-shadow:0 5px 25px #0002}#message:empty{display:none}dialog{border:1px solid #dce4e1;border-radius:15px;max-width:760px;width:90vw;padding:35px;color:#243b36}dialog::backdrop{background:#18372f77}.receipt-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.receipt-number{font-size:30px;color:#176b61;direction:ltr}.receipt-total{padding:22px;background:#edf5f1;display:flex;justify-content:space-between;align-items:center;margin:25px 0}.receipt-total strong{font-size:30px}.preserve{white-space:pre-wrap}.actions{display:flex;gap:12px;margin-top:30px}hr{border:0;border-top:1px solid #dce4e1;margin:25px 0}@media(max-width:750px){header{padding:12px 18px;height:75px}header button{padding:7px 10px}.layout{display:block}nav{flex-direction:row;padding:10px;overflow:auto;border:0;border-bottom:1px solid #e2e8e7;gap:4px}nav button{white-space:nowrap;padding:9px 13px;font-size:13px}nav button.active{box-shadow:inset 0 -2px #176b61}.nav-note{display:none}main{padding:26px 18px}.section-top{align-items:flex-start}h1{font-size:26px}.stats{gap:10px}.stats article{padding:15px}.stats strong{font-size:23px}.form-grid{grid-template-columns:1fr;padding:20px;gap:18px}.auth{margin:5vh auto;padding:26px;max-width:calc(100% - 28px)}dialog{padding:20px}.actions{flex-wrap:wrap}}@media print{body{background:white}#app,#message,.no-print{display:none!important}dialog{display:block!important;position:static;width:100%;max-width:none;border:0;padding:0;max-height:none;overflow:visible}dialog::backdrop{display:none}.notice{border:1px solid #777;color:black}.receipt-total{border:1px solid #aaa}}

/* Shared appearance tokens. The initial HTML and no-preference state are dark. */
:root{color-scheme:dark;--page:#101918;--surface:#172321;--surface-alt:#1d2c29;--ink:#edf6f2;--muted:#a0b5ae;--line:#32473f;--accent:#8cd7bd;--accent-bg:#233e34;--input:#111d19;--soft:#1c3027;--notice:#30291c;--notice-ink:#edcc95;--notice-line:#675232}
:root[data-theme="light"]{color-scheme:light;--page:#f5f6f8;--surface:#fff;--surface-alt:#f5f8f6;--ink:#202f33;--muted:#667b73;--line:#d6e1db;--accent:#176b61;--accent-bg:#e7f1ee;--input:#fff;--soft:#edf5f1;--notice:#fcf3e5;--notice-ink:#805b25;--notice-line:#ead5b1}
body{background:var(--page);color:var(--ink)}input,select,textarea{background:var(--input);border-color:var(--line);color:var(--ink)}input[readonly]{background:var(--surface-alt)}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.85}input:focus,select:focus,textarea:focus{outline-color:var(--accent)}.auth,header,nav,.stats article,details,.card,dialog{background:var(--surface);border-color:var(--line);color:var(--ink)}.muted,.hint,small,.footnote,.stats span,footer,.nav-note,.empty{color:var(--muted)}.eyebrow,.link,.receipt-number{color:var(--accent)}.secondary{background:var(--surface-alt);border-color:var(--line);color:var(--ink)}nav button{color:var(--muted);text-align:start}nav button.active{background:var(--accent-bg);color:var(--accent);box-shadow:inset -3px 0 var(--accent)}nav{border-left:0;border-inline-end:1px solid var(--line)}.stats article:first-child{border-top-color:var(--accent)}.badge{background:var(--surface-alt);color:var(--muted);margin-right:0;margin-inline-start:12px}.empty{border-color:var(--line)}.empty h3{color:var(--ink)}.empty span{color:var(--accent)}.notice{background:var(--notice);border-color:var(--notice-line);color:var(--notice-ink)}table{text-align:start}th,td{border-color:var(--line)}th{background:var(--surface-alt);color:var(--muted)}.stats strong{direction:inherit}.receipt-total{background:var(--soft)}hr{border-color:var(--line)}dialog::backdrop{background:#06130ec9}.auth form{text-align:start}#message{background:var(--ink);color:var(--page)}.loading{padding:30px;text-align:center;color:var(--muted)}
.auth-tools{position:absolute;inset-block-start:22px;inset-inline-end:24px;z-index:20}.header-actions{display:flex;align-items:center;gap:14px}.preferences{position:relative;overflow:visible;margin:0;border:0;border-radius:10px;background:transparent}.preferences>summary{list-style:none;padding:10px;display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink)}.preferences>summary::-webkit-details-marker{display:none}.preferences[open]>summary{color:var(--accent);border-color:var(--accent)}.preferences-panel{position:absolute;inset-inline-end:0;inset-block-start:calc(100% + 10px);width:270px;max-width:calc(100vw - 36px);background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:22px;box-shadow:0 12px 42px #0003;z-index:30;display:grid;gap:18px}.preferences-panel h2{font-size:17px;margin:0}.preferences-panel label{font-size:13px}.preferences-panel select{padding:10px;font-size:14px}.product-brand{display:flex;align-items:center;justify-content:center;gap:13px;margin:0 auto 26px;text-align:left}.product-icon{width:62px;height:62px;flex:none}.product-wordmark{display:grid;line-height:1.22}.product-wordmark strong{font-size:27px;font-weight:700;letter-spacing:-.8px}.product-wordmark span{font-size:15px;color:var(--muted);margin-top:3px}.product-brand.compact{margin:0;gap:9px}.compact .product-icon{height:40px;width:40px}.compact .product-wordmark strong{font-size:18px;letter-spacing:-.3px}.compact .product-wordmark span{font-size:11px}.account-email{direction:ltr;font-size:11px}.password-control{display:flex;align-items:stretch;border:1px solid var(--line);border-radius:8px;background:var(--input);overflow:hidden}.password-control:focus-within{outline:2px solid var(--accent);outline-offset:1px}.password-control input{border:0;min-width:0;width:100%;outline:0}.password-control input:focus{outline:0}.password-toggle{flex:none;color:var(--accent);background:transparent;padding:8px 13px;border-radius:0;font-size:13px;min-width:60px}.remember-control{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:400;cursor:pointer}.remember-control input{width:18px;height:18px;margin:0;accent-color:#277e65}.auth{margin-top:90px}.identity{flex-wrap:wrap;column-gap:18px;row-gap:2px}[dir="ltr"] nav button.active{box-shadow:inset 3px 0 var(--accent)}
@media(max-width:750px){.auth-tools{inset-block-start:14px;inset-inline-end:16px}.auth{margin-top:76px}.header-actions{gap:8px}header{padding-inline:14px;height:auto;min-height:75px;gap:8px}.identity{display:block}.identity .account-email{display:none}.compact .product-wordmark strong{font-size:16px}.compact .product-wordmark span{font-size:10px}.compact .product-icon{height:34px;width:34px}.preferences>summary{width:38px;height:38px;padding:8px}nav{border-inline-end:0}nav button.active,[dir="ltr"] nav button.active{box-shadow:inset 0 -2px var(--accent)}.preferences-panel{width:250px}header .secondary{font-size:12px;white-space:nowrap}.product-wordmark strong{font-size:25px}}
@media print{:root,:root[data-theme="dark"],:root[data-theme="light"]{color-scheme:light;--page:#fff;--surface:#fff;--surface-alt:#f5f5f5;--ink:#111;--muted:#444;--line:#aaa;--accent:#176b61;--soft:#f3f6f4;--notice:#fff;--notice-ink:#111;--notice-line:#777}body,dialog{background:white!important;color:#111!important}.preferences,.auth-tools{display:none!important}.receipt-total,.notice{color:#111!important}.receipt-total{background:#f3f6f4!important}}

.customer-section{border-bottom:1px solid var(--line);padding-bottom:26px;margin-bottom:4px}.customer-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.customer-heading h2{font-size:19px;margin:0 0 18px}.customer-heading>span{font-size:12px}.customer-modes{display:flex;gap:6px;margin-bottom:20px}.customer-modes button{background:var(--surface-alt);color:var(--muted);border:1px solid var(--line);padding:8px 18px;font-size:14px}.customer-modes button[aria-pressed="true"]{background:#176b61;color:white;border-color:#176b61}.customer-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.customer-save{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.customer-save small{font-size:12px}.customer-search{max-width:100%}.customer-sort-note{font-size:12px;color:var(--muted);margin:9px 0}.customer-list{list-style:none;padding:0;margin:0;max-height:280px;overflow:auto;border:1px solid var(--line);border-radius:9px}.customer-list li{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);padding:3px 8px;background:var(--input)}.customer-list li:last-child{border-bottom:0}.customer-list li.selected{background:var(--accent-bg)}.customer-pick{flex:1;min-width:0;text-align:start;background:transparent;color:var(--ink);padding:10px 8px;font-size:14px}.customer-pick strong,.customer-pick small{display:block;overflow-wrap:anywhere}.customer-pick small{font-size:12px;margin-top:2px;direction:ltr;unicode-bidi:plaintext}.favorite-toggle{width:40px;height:40px;flex:none;padding:4px;background:transparent;color:var(--muted);font-size:25px;line-height:1}.favorite-toggle.is-favorite{color:#dfa53d}.selected-customer{display:grid;gap:5px;padding:16px;margin-top:15px;border-radius:9px;background:var(--soft);border:1px solid var(--line)}.selection-label{color:var(--accent);font-size:12px}.customer-meta{display:flex;flex-wrap:wrap;gap:7px 20px;font-size:12px;color:var(--muted);overflow-wrap:anywhere}.customer-empty{padding:24px 16px;background:var(--surface-alt);border:1px dashed var(--line);border-radius:9px;font-size:14px;color:var(--muted)}.favorite-new{align-self:end;min-height:46px}.favorite-new span{color:var(--ink)}
@media(max-width:750px){.customer-fields{grid-template-columns:1fr}.customer-heading{display:block}.customer-heading>span{display:block;margin:-12px 0 15px}.customer-modes button{flex:1}.customer-save{gap:10px}.customer-list{max-height:240px}}

.exchange-field{display:grid;gap:6px;align-content:start}.exchange-control{display:flex;gap:8px;align-items:stretch}.exchange-control input{min-width:0;flex:1}.exchange-control button{padding:8px 12px;font-size:12px}.exchange-field>small{font-size:12px;line-height:1.5;min-height:18px}.conversion-preview{align-self:center;min-height:22px}.table-conversion{display:block;font-size:11px;font-weight:400;margin-top:3px}.receipt-conversion{border:1px solid var(--line);border-radius:8px;padding:14px;margin-top:-10px;margin-bottom:22px}.receipt-conversion p{font-size:12px;color:var(--muted);margin:5px 0 0}