:root{
  --forest-950:#11150f;
  --forest-900:#171b16;
  --forest-850:#1c221b;
  --forest-800:#232b22;
  --forest-750:#2a3429;
  --forest-700:#344332;
  --forest:#3f6f45;
  --forest-hover:#4c8253;
  --sage:#8fa98b;
  --beige:#d8c79e;
  --beige-soft:#efe5cf;
  --canvas:#171b16;
  --card:#232b22;
  --card-raised:#283127;
  --text:#f4f0e6;
  --muted:#a9b0a3;
  --border:#394336;
  --border-strong:#465441;
  --red:#5b2929;
  --red-text:#ffaaa3;
  --amber:#4d4125;
  --amber-text:#f0d48d;
  --green-soft:#273f2b;
  --green-text:#a9dfb0;
  --shadow-sm:0 7px 20px rgba(0,0,0,.18);
  --shadow:0 18px 48px rgba(0,0,0,.24);
  --shadow-hover:0 24px 58px rgba(0,0,0,.34);
  --radius:18px;
}
*{box-sizing:border-box}
html{background:var(--canvas)}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--canvas);color:var(--text);-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit}button{cursor:pointer}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(143,169,139,.32);outline-offset:2px}
.app-shell{min-height:100vh;display:flex}
.sidebar{width:260px;background:linear-gradient(180deg,#12160f 0%,#0d100c 100%);color:var(--text);padding:28px 20px 22px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:20;border-right:1px solid #293025;box-shadow:12px 0 36px rgba(0,0,0,.18)}
.brand{display:flex;align-items:center;gap:13px;padding:0 5px}.brand h1{font-size:18px;line-height:1.15;margin:0;font-weight:750;letter-spacing:-.02em}.brand p{margin:5px 0 0;font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:#9da796;font-weight:700}
.brand-mark{width:43px;height:43px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,var(--beige-soft),#b9a977);color:#1a2118;font-weight:900;font-size:12px;letter-spacing:-.035em;box-shadow:0 8px 20px rgba(0,0,0,.28),inset 0 0 0 1px rgba(255,255,255,.22)}
.nav-list{margin-top:34px;display:grid;gap:7px}.nav-item{position:relative;border:0;border-radius:12px;padding:12px 14px 12px 16px;text-align:left;background:transparent;color:#9fa89a;font-weight:650;transition:.15s}.nav-item:hover{background:#20271e;color:var(--text);transform:translateX(2px)}.nav-item.active{background:#293328;color:var(--text);box-shadow:inset 0 0 0 1px #3b4738}.nav-item.active:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:0 4px 4px 0;background:var(--beige)}
.sidebar-footer{margin-top:auto;display:grid;gap:4px;padding-top:18px;border-top:1px solid #293025}.link-button{background:transparent;border:0;color:#a8b0a3;text-align:left;padding:9px 8px;border-radius:9px;font-size:12px;font-weight:650;transition:.15s}.link-button:hover{color:var(--text);background:#20271e}.file-label{cursor:pointer}
.main-content{margin-left:260px;width:calc(100% - 260px);padding:42px clamp(24px,4vw,58px) 60px}.mobile-header{display:none}.page{display:none;animation:pageIn .2s ease}.page.active{display:block}@keyframes pageIn{from{opacity:.25;transform:translateY(3px)}to{opacity:1;transform:none}}
.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.page-heading h2{margin:0;font-size:31px;line-height:1.15;letter-spacing:-.035em;font-weight:760;color:var(--text)}.eyebrow{margin:0 0 5px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--beige);font-weight:800}
.primary-button,.secondary-button{border:0;border-radius:999px;padding:11px 18px;font-weight:750;transition:.13s}.primary-button{background:var(--beige);color:#20261d;box-shadow:0 7px 16px rgba(0,0,0,.2)}.primary-button:hover{background:#eadcb9;transform:translateY(-1px);box-shadow:0 10px 22px rgba(0,0,0,.28)}.primary-button:active,.secondary-button:active,.small-button:active{transform:translateY(1px) scale(.985)}.secondary-button{background:#30392e;color:var(--text)}.secondary-button:hover{background:#3a4537}
.fill-action{background:var(--forest)!important;color:#fff!important;border-color:var(--forest)!important;box-shadow:0 7px 17px rgba(23,67,31,.35)!important}.fill-action:hover{background:var(--forest-hover)!important;border-color:var(--forest-hover)!important;box-shadow:0 10px 24px rgba(23,67,31,.48)!important}
.summary-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:22px;align-items:start}.summary-side{display:grid;gap:22px;align-self:start;grid-auto-rows:max-content}
.summary-card,.form-card,.record-card,.toolbar{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.summary-card{padding:24px;position:relative;overflow:hidden;align-self:start;height:auto}.summary-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--beige),var(--forest))}.summary-card h3{margin:0;font-size:13px;color:#b9c0b3;text-transform:uppercase;letter-spacing:.07em;font-weight:800}.hero-value{font-size:32px;line-height:1.1;font-weight:800;letter-spacing:-.04em;margin-top:22px;color:var(--beige-soft)}
.bill-list{margin-top:17px;display:grid;gap:9px}.bill-list.empty-state{margin-top:17px}.bill-row{padding:0;border-radius:12px;background:#293128;border:1px solid #394336;transition:.15s}.bill-row:hover{background:#303a2f;transform:translateX(2px)}.bill-row button{border:0;background:transparent;color:var(--text);width:100%;display:flex;justify-content:space-between;align-items:center;padding:12px 14px;text-align:left}.bill-total{font-weight:800;color:var(--beige-soft)}
.form-card{padding:28px;max-width:940px;box-shadow:var(--shadow)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.full-width{grid-column:1/-1}label{display:grid;gap:8px}label>span{font-size:11px;color:#aeb5a9;font-weight:800;text-transform:uppercase;letter-spacing:.055em}
input,select{width:100%;border:1px solid var(--border-strong);border-radius:12px;padding:12px 13px;background:#1c221b;color:var(--text);transition:.15s;color-scheme:dark}input:hover,select:hover{border-color:#61705c}input:focus,select:focus{border-color:var(--sage);box-shadow:0 0 0 4px rgba(143,169,139,.12)}input[readonly]{background:#181d17;font-weight:750;color:#c0c7bb}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}
.toolbar{padding:16px 18px;margin-bottom:20px;display:flex;gap:14px;align-items:end}.toolbar label{min-width:230px}.toolbar .grow{flex:1}.record-list{display:grid;gap:14px;overflow-x:auto;padding:2px 2px 8px}.record-card{padding:17px}.empty-state{color:var(--muted);padding:28px;text-align:center;border:1px dashed #495344;border-radius:14px;background:#1d231c}
.single-row-card{display:flex;align-items:stretch;gap:10px;min-width:max-content;padding:14px;transition:.15s}.single-row-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover);border-color:#566451}.product-column{width:220px;min-width:220px;display:flex;align-items:center;padding:5px 15px 5px 6px}.product-column .record-title{margin:0;font-size:16px;line-height:1.3;letter-spacing:-.015em;font-weight:760;color:var(--text);overflow-wrap:anywhere}
.metric-window{min-width:120px;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;transition:.15s;background:#354032}.metric-window span:first-child{color:#e7e0cf;font-size:9.5px;line-height:1.15;text-transform:uppercase;letter-spacing:.07em;font-weight:800;white-space:nowrap}.metric-window strong{display:block;margin-top:6px;font-size:13px;white-space:nowrap;color:#fff;font-weight:760}
.single-row-card .metric-window:nth-of-type(2){background:#586b52}.single-row-card .metric-window:nth-of-type(3){background:#4b5f47}.single-row-card .metric-window:nth-of-type(4){background:#3d523b}.single-row-card .metric-window:nth-of-type(5){background:#30452f}.single-row-card .metric-window:nth-of-type(6){background:#233922}.single-row-card .metric-window:nth-of-type(n+7){background:#1e321e}.single-row-card:hover .metric-window{filter:brightness(1.08)}
.total-window{min-width:145px!important;background:#183019!important;border-color:#3e603e!important}.total-window strong{color:#dff0d9;font-size:14px}.status-window{min-width:132px}.action-column{min-width:max-content;display:flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;padding:0 2px 0 6px;gap:7px}
.small-button{border:1px solid #4a5546;background:#2a3228;color:#e8e5dc;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:760;box-shadow:0 2px 5px rgba(0,0,0,.16);transition:.13s}.small-button:hover{border-color:#667360;background:#343e31;box-shadow:0 5px 12px rgba(0,0,0,.22);transform:translateY(-1px)}.small-button.primary{background:var(--beige);color:#20261d;border-color:var(--beige)}.small-button.danger{color:#c7bfb3;border-color:transparent;background:transparent}.small-button.danger:hover{color:var(--red-text);background:var(--red);border-color:#7c3b3b}.icon-only{width:36px;height:36px;padding:0;display:grid;place-items:center;font-size:16px}
.badge{display:inline-flex!important;align-items:center;border-radius:999px;padding:5px 9px;font-size:10px!important;font-weight:800!important;line-height:1;letter-spacing:.02em;text-transform:none!important}.badge.filled{background:var(--green-soft);color:var(--green-text)!important}.badge.partial{background:var(--amber);color:var(--amber-text)!important}
.modal{position:fixed;inset:0;z-index:100;background:rgba(4,7,4,.72);backdrop-filter:blur(6px);display:grid;place-items:center;padding:18px;animation:fadeIn .15s ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.modal.hidden,.hidden{display:none!important}.modal-card{width:min(570px,100%);max-height:90vh;overflow:auto;background:var(--card-raised);border:1px solid var(--border);border-radius:22px;padding:25px;box-shadow:0 30px 80px rgba(0,0,0,.48);animation:modalIn .18s ease}@keyframes modalIn{from{opacity:.4;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}.modal-card.large{width:min(780px,100%)}.modal-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}.modal-header h3{margin:2px 0 0;font-size:24px;letter-spacing:-.025em;color:var(--text)}.icon-button{border:0;background:#343d31;font-size:21px;color:#c6cbbf;width:36px;height:36px;border-radius:999px;display:grid;place-items:center;line-height:1;transition:.15s}.icon-button:hover{background:#414d3d;color:#fff}.detail-panel,.calculation-box{background:#1d241c;border:1px solid var(--border);border-radius:14px;padding:16px;margin-bottom:17px}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.timeline{display:grid;gap:10px;margin-top:17px}.timeline-item{position:relative;border-left:3px solid var(--forest);padding:7px 0 7px 15px;background:linear-gradient(90deg,#263025,transparent);border-radius:0 10px 10px 0}.timeline-item p{margin:2px 0}.toast{position:fixed;right:24px;bottom:24px;z-index:200;background:var(--beige);color:#20261d;padding:13px 17px;border-radius:12px;box-shadow:0 16px 36px rgba(0,0,0,.34);font-weight:750}.overlay{position:fixed;inset:0;background:rgba(4,7,4,.62);z-index:15;backdrop-filter:blur(3px)}
@media(max-width:1000px){.sidebar{transform:translateX(-100%);transition:transform .2s ease}.sidebar.open{transform:translateX(0)}.main-content{margin-left:0;width:100%;padding:20px 20px 45px}.mobile-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:11px 12px;box-shadow:var(--shadow-sm)}.brand.compact{padding:0}.brand.compact .brand-mark{width:36px;height:36px;box-shadow:none}.brand.compact strong{font-size:14px;color:var(--text)}.summary-grid{grid-template-columns:1fr}.summary-side{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.main-content{padding:16px 14px 38px}.page-heading{align-items:center;margin-bottom:20px}.page-heading h2{font-size:27px}.form-card{padding:20px}.form-grid{grid-template-columns:1fr}.full-width{grid-column:auto}.form-actions{flex-wrap:wrap}.toolbar{flex-direction:column;align-items:stretch}.toolbar label{min-width:0}.summary-side{grid-template-columns:1fr}.single-row-card{min-width:max-content}.product-column{width:180px;min-width:180px}.metric-window{min-width:109px}.modal-card{padding:20px;border-radius:18px}.detail-grid{grid-template-columns:1fr}}


/* v2.2 temporary theme laboratory */
.theme-control{display:grid;gap:7px;margin-bottom:12px;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--card)}
.theme-control label{font-size:9px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.theme-control select{width:100%;min-width:0;background:var(--field-bg,#1b211a);color:var(--text);border:1px solid var(--border-strong);border-radius:10px;padding:9px 10px;font-size:11px;font-weight:700}

/* Shared theme remapping */
body,.main-content,html{background:var(--canvas)!important;color:var(--text)!important}
.sidebar{background:linear-gradient(180deg,var(--sidebar-top) 0%,var(--sidebar-bottom) 100%)!important;border-right-color:var(--sidebar-border)!important}
.brand-mark{background:linear-gradient(145deg,var(--mark-a),var(--mark-b))!important;color:var(--mark-text)!important}
.nav-item:hover,.link-button:hover{background:var(--nav-hover)!important}
.nav-item.active{background:var(--nav-active)!important;box-shadow:inset 0 0 0 1px var(--border)!important}
.nav-item.active:before{background:var(--accent)!important}
.primary-button{background:var(--accent)!important;color:var(--accent-text)!important}
.primary-button:hover{background:var(--accent-hover)!important}
.fill-action{background:var(--fill)!important;color:#fff!important;border-color:var(--fill)!important;box-shadow:0 7px 17px color-mix(in srgb,var(--fill) 36%,transparent)!important}
.fill-action:hover{background:var(--fill-hover)!important;border-color:var(--fill-hover)!important}
.summary-card,.form-card,.record-card,.toolbar,.mobile-header{background:var(--card)!important;border-color:var(--border)!important}
.summary-card:before{background:linear-gradient(180deg,var(--accent),var(--fill))!important}
.summary-card h3,label>span{color:var(--muted)!important}
.hero-value,.bill-total{color:var(--value-highlight)!important}
.bill-row{background:var(--row-bg)!important;border-color:var(--border)!important}
.bill-row:hover{background:var(--row-hover)!important}
input,select{background:var(--field-bg)!important;color:var(--text)!important;border-color:var(--border-strong)!important}
input[readonly]{background:var(--readonly-bg)!important}
.secondary-button,.small-button,.icon-button{background:var(--neutral-button)!important;color:var(--text)!important;border-color:var(--border)!important}
.secondary-button:hover,.small-button:hover,.icon-button:hover{background:var(--neutral-hover)!important}
.modal{background:var(--modal-overlay)!important}
.modal-card{background:var(--card-raised)!important;border-color:var(--border)!important}
.detail-panel,.calculation-box{background:var(--panel-bg)!important;border-color:var(--border)!important}
.timeline-item{border-left-color:var(--fill)!important;background:linear-gradient(90deg,var(--timeline-bg),transparent)!important}
.toast{background:var(--accent)!important;color:var(--accent-text)!important}
.empty-state{background:var(--empty-bg)!important;border-color:var(--border-strong)!important;color:var(--muted)!important}
.record-card:hover{border-color:var(--border-strong)!important}
.metric-window{border-color:var(--metric-border)!important}
.metric-window span:first-child{color:var(--metric-label)!important}
.metric-window strong{color:var(--metric-value)!important}
.total-window{border-color:var(--total-border)!important;box-shadow:inset 0 0 0 1px var(--total-inner)!important}
.danger.icon-only{background:transparent!important}
.danger.icon-only:hover{background:#4b2222!important;color:#ffaaa3!important;border-color:#7d3b3b!important}

/* Forest Harmony */
:root,[data-theme^="forest"]{
 --canvas:#171b16;--sidebar-top:#12160f;--sidebar-bottom:#0d100c;--sidebar-border:#293025;
 --card:#232b22;--card-raised:#283127;--text:#f4f0e6;--muted:#a9b0a3;--border:#394336;--border-strong:#465441;
 --accent:#d8c79e;--accent-hover:#eadcb9;--accent-text:#20261d;--fill:#3f6f45;--fill-hover:#4c8253;
 --mark-a:#efe5cf;--mark-b:#b9a977;--mark-text:#1a2118;--nav-hover:#20271e;--nav-active:#293328;
 --value-highlight:#efe5cf;--row-bg:#293128;--row-hover:#303a2f;--field-bg:#1b211a;--readonly-bg:#20271f;
 --neutral-button:#30392e;--neutral-hover:#3a4537;--modal-overlay:rgba(4,7,4,.72);--panel-bg:#1d241c;
 --timeline-bg:#263025;--empty-bg:#1d231c;--metric-border:rgba(255,255,255,.07);--metric-label:#e7e0cf;
 --metric-value:#fff;--total-border:#6c8067;--total-inner:rgba(255,255,255,.05);
 --metric-1:#586b52;--metric-2:#4b5f47;--metric-3:#3d523b;--metric-4:#30452f;--metric-5:#233922;--metric-6:#1e321e;--metric-solid:#354032;
}
/* Sunset Glow */
[data-theme^="sunset"]{
 --canvas:#17191b;--sidebar-top:#111315;--sidebar-bottom:#0c0e10;--sidebar-border:#342b28;
 --card:#242629;--card-raised:#2b2e32;--text:#fff5eb;--muted:#b8ada5;--border:#463a35;--border-strong:#5a4840;
 --accent:#ff9844;--accent-hover:#ffad68;--accent-text:#25170d;--fill:#90be6d;--fill-hover:#a5cf86;
 --mark-a:#ffc74f;--mark-b:#ff6b6b;--mark-text:#25150f;--nav-hover:#2c2523;--nav-active:#392b27;
 --value-highlight:#ffd79a;--row-bg:#302a28;--row-hover:#3a302d;--field-bg:#1c1e21;--readonly-bg:#25272a;
 --neutral-button:#333538;--neutral-hover:#414347;--modal-overlay:rgba(9,7,6,.76);--panel-bg:#202225;
 --timeline-bg:#392b25;--empty-bg:#202225;--metric-border:rgba(255,255,255,.08);--metric-label:#fff0e2;
 --metric-value:#fff;--total-border:#ffad68;--total-inner:rgba(255,152,68,.12);
 --metric-1:#5b5550;--metric-2:#765347;--metric-3:#98533d;--metric-4:#bd633e;--metric-5:#e27a40;--metric-6:#ff9844;--metric-solid:#493d38;
}
/* Luxury Gold */
[data-theme^="gold"]{
 --canvas:#111111;--sidebar-top:#0b0b0b;--sidebar-bottom:#050505;--sidebar-border:#303030;
 --card:#1b1b1b;--card-raised:#232323;--text:#f5f5f5;--muted:#a9a9a9;--border:#343434;--border-strong:#4a4a4a;
 --accent:#d4af37;--accent-hover:#e5c65b;--accent-text:#18130a;--fill:#3f7d4a;--fill-hover:#52935e;
 --mark-a:#f5f5f5;--mark-b:#d4af37;--mark-text:#151515;--nav-hover:#242424;--nav-active:#2e2a1d;
 --value-highlight:#f1d77b;--row-bg:#242424;--row-hover:#2c2c2c;--field-bg:#141414;--readonly-bg:#202020;
 --neutral-button:#292929;--neutral-hover:#383838;--modal-overlay:rgba(0,0,0,.8);--panel-bg:#171717;
 --timeline-bg:#292617;--empty-bg:#171717;--metric-border:rgba(255,255,255,.09);--metric-label:#dedede;
 --metric-value:#fff;--total-border:#d4af37;--total-inner:rgba(212,175,55,.14);
 --metric-1:#4a4a4a;--metric-2:#414141;--metric-3:#383838;--metric-4:#303030;--metric-5:#272727;--metric-6:#1f1f1f;--metric-solid:#303030;
}
/* Earth Tones */
[data-theme^="earth"]{
 --canvas:#211a16;--sidebar-top:#18120f;--sidebar-bottom:#100c0a;--sidebar-border:#3c2d24;
 --card:#30251f;--card-raised:#392c25;--text:#f8ead8;--muted:#baa997;--border:#514036;--border-strong:#6a5447;
 --accent:#d0b892;--accent-hover:#e2cba8;--accent-text:#2a1d15;--fill:#5f7d52;--fill-hover:#729168;
 --mark-a:#faedcd;--mark-b:#a98467;--mark-text:#271b14;--nav-hover:#2d211b;--nav-active:#3c2d24;
 --value-highlight:#faedcd;--row-bg:#392b24;--row-hover:#45342b;--field-bg:#241b17;--readonly-bg:#2c211c;
 --neutral-button:#43342c;--neutral-hover:#544137;--modal-overlay:rgba(15,10,7,.78);--panel-bg:#291f1a;
 --timeline-bg:#3b3023;--empty-bg:#291f1a;--metric-border:rgba(255,255,255,.08);--metric-label:#f4e3cf;
 --metric-value:#fffaf4;--total-border:#d0b892;--total-inner:rgba(208,184,146,.13);
 --metric-1:#6f4e37;--metric-2:#806048;--metric-3:#987458;--metric-4:#b18b68;--metric-5:#c7a681;--metric-6:#d9bd98;--metric-solid:#5b4538;
}

/* Information-window modes */
[data-theme$="-gradient"] .single-row-card .metric-window:nth-of-type(2){background:var(--metric-1)!important}
[data-theme$="-gradient"] .single-row-card .metric-window:nth-of-type(3){background:var(--metric-2)!important}
[data-theme$="-gradient"] .single-row-card .metric-window:nth-of-type(4){background:var(--metric-3)!important}
[data-theme$="-gradient"] .single-row-card .metric-window:nth-of-type(5){background:var(--metric-4)!important}
[data-theme$="-gradient"] .single-row-card .metric-window:nth-of-type(6){background:var(--metric-5)!important}
[data-theme$="-gradient"] .single-row-card .metric-window:nth-of-type(n+7){background:var(--metric-6)!important}
[data-theme$="-solid"] .single-row-card .metric-window{background:var(--metric-solid)!important}
[data-theme$="-solid"] .single-row-card .total-window{background:color-mix(in srgb,var(--metric-solid) 80%,var(--accent) 20%)!important}


/* v2.3 Luxury Gold Finalist */
:root,[data-theme^="gold"]{
 --canvas:#0b0b0b;--card:#141414;--card-raised:#191919;--text:#f5f1e8;--muted:#aaa59b;
 --border:#332d20;--border-strong:#51452a;--accent:#d8ad4a;--accent-hover:#e7c46f;--accent-text:#171107;
 --fill:#3f7d4a;--fill-hover:#4e8c59;--field-bg:#111;--nav-hover:#171717;--nav-active:#272217;
 --metric-solid:#211d14;--metric-border:#5c4a24;--timeline-bg:#251f12;
 --metric-1:#eadcb5;--metric-2:#d3b66f;--metric-3:#ad883d;--metric-4:#76591f;--metric-5:#3d2d13;--metric-6:#17120a;
 --mark-a:#f6e7bd;--mark-b:#d4af37;--mark-text:#15110a;
}
.sidebar{background:linear-gradient(180deg,#0b0c0c 0%,#080909 100%)!important;border-right-color:#302817!important}
.brand-mark{background:linear-gradient(145deg,#f2d78e,#b98224)!important;color:#171107!important}
.brand h1,.page-heading h2{color:#f4e7c4!important}.brand p{color:#c8a955!important}
.nav-item{display:flex;align-items:center;gap:12px;color:#c8c2b5!important;padding-left:14px!important}
.nav-icon{width:20px;height:20px;flex:0 0 20px;fill:none;stroke:var(--accent);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hourglass-icon{stroke-width:1.7}
.nav-item.active{color:#fff8e8!important}.nav-item.active .nav-icon{stroke:#f0c85c}
.button-plus{font-size:20px;line-height:0;font-weight:500;margin-right:5px;position:relative;top:1px}
.primary-button{background:linear-gradient(180deg,#e7c46f,#c99737)!important;color:#171107!important;border:1px solid #ebcc7a!important;box-shadow:0 5px 12px rgba(0,0,0,.28)!important}
.primary-button:hover{background:linear-gradient(180deg,#f0d588,#d5aa4b)!important;box-shadow:0 7px 16px rgba(0,0,0,.35)!important}
.fill-action,.fill-action:hover{box-shadow:none!important;text-shadow:none!important}
.summary-card:before{background:linear-gradient(180deg,#e2bd5b,#8b6725)!important}
.single-row-card{background:#121313!important;border-color:#312a1b!important}
.single-row-card:hover{border-color:#6b572a!important}
.metric-window{border-color:var(--metric-border)!important}
.total-window{min-width:165px!important}
[data-theme="gold-solid"] .single-row-card .metric-window{background:#211d14!important;color:var(--text)!important}
[data-theme="gold-solid"] .single-row-card .total-window{background:#302712!important;border-color:#806728!important}
[data-theme="gold-gradient"] .single-row-card .metric-window:nth-of-type(2){background:var(--metric-1)!important}
[data-theme="gold-gradient"] .single-row-card .metric-window:nth-of-type(3){background:var(--metric-2)!important}
[data-theme="gold-gradient"] .single-row-card .metric-window:nth-of-type(4){background:var(--metric-3)!important}
[data-theme="gold-gradient"] .single-row-card .metric-window:nth-of-type(5){background:var(--metric-4)!important}
[data-theme="gold-gradient"] .single-row-card .metric-window:nth-of-type(6){background:var(--metric-5)!important}
[data-theme="gold-gradient"] .single-row-card .metric-window:nth-of-type(n+7){background:var(--metric-6)!important}
[data-theme="gold-gradient"] .single-row-card .metric-window:nth-of-type(-n+4) span:first-child,
[data-theme="gold-gradient"] .single-row-card .metric-window:nth-of-type(-n+4) strong{color:#171107!important}
[data-theme="gold-gradient"] .single-row-card .metric-window:nth-of-type(n+5) span:first-child{color:#e8dcbf!important}
[data-theme="gold-gradient"] .single-row-card .metric-window:nth-of-type(n+5) strong{color:#fff8e8!important}
.theme-control:before{content:"Theme Laboratory";display:block;color:var(--accent);font-size:11px;font-weight:850;letter-spacing:.06em;text-transform:uppercase;margin-bottom:2px}
.theme-control label{font-size:0}.theme-control label:after{content:"Final comparison";font-size:9px}


/* v2.4 Luxury Gold Champion */
.theme-control{display:none!important}
.fill-action:hover,.small-button:hover,.small-button.danger:hover{
  background:linear-gradient(180deg,#e7c46f,#c99737)!important;
  border-color:#ebcc7a!important;
  color:#171107!important;
  box-shadow:0 5px 12px rgba(0,0,0,.28)!important;
  transform:translateY(-1px);
}
.small-button.danger:hover span{filter:none!important}


/* v2.5 Order context upgrades */
textarea{width:100%;resize:vertical;min-height:88px;background:var(--field-bg);border:1px solid var(--border);border-radius:12px;color:var(--text);padding:12px 13px;transition:.15s}
textarea::placeholder{color:var(--muted)}
textarea:focus{border-color:var(--accent)}
.row-number{width:34px;min-width:34px;align-self:center;text-align:center;color:var(--accent);font-size:13px;font-weight:850;font-variant-numeric:tabular-nums}
.product-column{align-items:center}
.order-note{margin:6px 0 0;color:#c8b98d;font-size:12px;line-height:1.35;font-style:italic;max-width:205px;overflow-wrap:anywhere}
.units-window{min-width:105px}
.detail-note{grid-column:1/-1;padding-bottom:4px;color:#e5d3a5}
@media(max-width:700px){.row-number{width:28px;min-width:28px}.order-note{max-width:165px}}


/* v2.6 Luxury Focus refinements */
.single-row-card{
  position:relative;
  transition:transform 180ms ease,border-color 180ms ease,box-shadow 180ms ease,background-color 180ms ease;
}
.single-row-card:hover{
  transform:translateY(-2px)!important;
  border-color:#9a7731!important;
  box-shadow:0 0 0 1px rgba(216,173,74,.18),0 18px 42px rgba(0,0,0,.36)!important;
}
.product-column .record-title{font-weight:820!important;}
/* Notes is now a standard single-line field at the bottom of New Order. */


/* v2.7 Backup Assistant */
.sidebar-footer .link-button{display:flex;align-items:center;gap:8px}
.backup-value{display:flex;flex-direction:column;gap:4px}
.backup-value small{font-size:13px;font-weight:700;color:var(--muted);letter-spacing:.02em}
.backup-card{min-height:126px}

/* v2.8 Responsive PWA foundation */
.bottom-nav{display:none}
.mobile-header small{display:block;margin-top:2px;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.08em;font-weight:750}
.mobile-header-actions{display:flex;gap:8px}
.install-shortcut{font-weight:900;color:var(--accent)}
@media(max-width:700px){
  body{padding-bottom:86px}
  .main-content{padding:12px 12px 34px}
  .mobile-header{position:sticky;top:8px;z-index:12;margin-bottom:18px;border-radius:15px;background:rgba(20,20,20,.94)!important;backdrop-filter:blur(14px)}
  .page-heading{margin-bottom:16px}
  .page-heading h2{font-size:25px}
  .page-heading>.primary-button{display:none}
  .summary-grid{gap:12px}
  .summary-side{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .summary-card{padding:18px;border-radius:16px}
  .summary-card.wide{order:2}
  .summary-card h3{font-size:10px}
  .hero-value{font-size:24px;margin-top:14px}
  .backup-card{min-height:0}
  .bill-row button{padding:12px}
  .form-card{padding:17px;border-radius:16px}
  .form-grid{gap:14px}
  input,select{min-height:46px}
  .form-actions{position:sticky;bottom:84px;background:linear-gradient(180deg,transparent,var(--card) 30%);padding-top:20px;margin-top:8px}
  .form-actions .primary-button{width:100%;min-height:48px}
  .toolbar{padding:13px;border-radius:15px;margin-bottom:13px}
  .record-list{overflow:visible;gap:12px;padding-bottom:4px}
  .single-row-card{min-width:0!important;width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:14px;border-radius:17px}
  .single-row-card:hover{transform:none!important;box-shadow:var(--shadow-sm)!important}
  .row-number{grid-column:1/-1;width:auto;min-width:0;text-align:left;font-size:11px;opacity:.8}
  .row-number:before{content:'ORDER '}
  .product-column{grid-column:1/-1;width:auto;min-width:0;padding:2px 2px 8px;border-bottom:1px solid rgba(216,173,74,.18)}
  .product-column .record-title{font-size:17px!important}
  .order-note{max-width:none;margin-top:5px}
  .metric-window,.units-window,.total-window,.status-window{min-width:0!important;width:auto;padding:10px;border-radius:11px}
  .metric-window span:first-child{font-size:8.5px;white-space:normal}
  .metric-window strong{font-size:12px;white-space:normal;line-height:1.25}
  .total-window{grid-column:auto}
  .record-actions.action-column{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:4px 0 0}
  .pending-row .record-actions,.history-row .record-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
  .small-button,.icon-only{width:100%;height:40px;border-radius:11px;padding:8px 10px}
  .icon-only{display:grid}
  .modal{align-items:end;padding:0}
  .modal-card,.modal-card.large{width:100%;max-height:92vh;border-radius:22px 22px 0 0;padding:20px 16px 28px}
  .toast{left:12px;right:12px;bottom:94px;text-align:center}
  .bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:8px;right:8px;bottom:8px;z-index:70;padding:7px 5px calc(7px + env(safe-area-inset-bottom));background:rgba(18,18,18,.96);border:1px solid #3c321e;border-radius:20px;box-shadow:0 16px 48px rgba(0,0,0,.48);backdrop-filter:blur(16px)}
  .bottom-nav-item{border:0;background:transparent;color:#99948a;display:grid;place-items:center;gap:3px;padding:5px 2px;font-size:9px;font-weight:750}
  .bottom-nav-item.active{color:var(--accent)}
  .bottom-icon{font-size:20px;line-height:1}
  .bottom-new{position:relative;color:#171107}
  .bottom-plus{width:42px;height:42px;margin-top:-23px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(180deg,#e7c46f,#c99737);border:1px solid #ebcc7a;box-shadow:0 8px 22px rgba(0,0,0,.4);font-size:28px;line-height:1}
  .bottom-new>span:last-child{color:var(--accent)}
}
@media(min-width:701px) and (max-width:1000px){
  .main-content{padding-bottom:48px}
  .single-row-card{min-width:max-content}
}


/* v2.9 Mobile refinements */
.mobile-order-summary{display:none}
.mobile-order-details{display:contents}
@media(max-width:1000px){
  .sidebar{overflow-y:auto;overscroll-behavior:contain;padding-bottom:calc(110px + env(safe-area-inset-bottom))}
  .sidebar-footer{margin-top:28px;flex-shrink:0}
}
@media(max-width:700px){
  .mobile-order-row{display:block!important;padding:0!important;overflow:hidden;cursor:pointer}
  .mobile-order-summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-height:56px;padding:14px 15px;color:var(--text)}
  .mobile-order-summary strong{font-size:15px;line-height:1.3;overflow-wrap:anywhere}
  .mobile-order-number{color:var(--accent);font-weight:850;font-variant-numeric:tabular-nums}
  .mobile-order-chevron{color:var(--accent);font-size:20px;transition:transform .18s ease}
  .mobile-order-details{display:none}
  .mobile-order-row.expanded .mobile-order-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:0 14px 14px;border-top:1px solid rgba(216,173,74,.18)}
  .mobile-order-row.expanded .mobile-order-chevron{transform:rotate(180deg)}
  .mobile-order-row.expanded .row-number{display:none}
  .mobile-order-row.expanded .product-column{display:none}
  .mobile-order-row.expanded .record-actions.action-column{grid-column:1/-1}
  .sidebar{height:100dvh;max-height:100dvh;padding-bottom:calc(118px + env(safe-area-inset-bottom))}
  .sidebar-footer{padding-bottom:12px}
}