/* Warm translucent surfaces, with opaque fallbacks for unsupported browsers. */
:root{--ink:#383032;--paper:#f7f4f0;--line:#ded7d2;--muted:#72686b;--accent:#75444f;--glass-shadow:0 7px 20px #64384610,inset 0 1px 0 #ffffffeb,inset 0 -1px 0 #71454e10;font-family:Arial,Helvetica,sans-serif}
body{background:radial-gradient(ellipse at 0 5%,#ecdde1a6,transparent 42%),radial-gradient(ellipse at 100% 20%,#eae3d5aa,transparent 42%),var(--paper);min-height:100dvh}
.admin-header{padding:22px max(5vw,24px);background:#fbf9f5e8;border-bottom:1px solid #ffffff;box-shadow:0 1px 0 #57464a0c;justify-content:space-between;gap:20px}
.admin-brand{display:inline-flex;align-items:center;gap:16px;min-width:0}.brand-glass{display:grid;place-items:center;width:66px;height:66px;border-radius:21px;background:linear-gradient(145deg,#fffdfaf5,#e6d8dcbb);border:1px solid #fff;box-shadow:var(--glass-shadow);flex-shrink:0}.brand-glass img{width:46px;height:40px;opacity:.85}.brand-copy strong{font:400 24px/1.2 Georgia,serif;letter-spacing:.16em}.brand-copy small{display:block;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin-top:7px}.header-tools{display:flex;align-items:center;gap:20px}.store-link{display:inline-flex;align-items:center;gap:9px;font-size:13px}.store-link>span:last-child{margin-left:5px;color:var(--accent)}#logout{border:1px solid #ddd3d7;border-radius:12px;padding:9px 14px;background:#ffffff80;font-size:12px}#logout .icon-glass{width:25px;height:25px;box-shadow:none;background:none;border:0}
main{max-width:1420px;padding-top:30px}.workspace-nav{display:flex;gap:10px;padding:8px;margin:0 0 42px;border:1px solid #ffffffd9;border-radius:20px;background:#ffffff73;box-shadow:0 6px 26px #50343d06;align-items:stretch}.workspace-nav button{flex:1;justify-content:flex-start;gap:13px;border-radius:14px;padding:15px 18px;background:transparent;color:#66585d;font-size:14px;min-width:0}.workspace-nav button[aria-pressed=true]{background:#fffdfbeb;color:var(--ink);box-shadow:0 3px 15px #5c3b4610,inset 0 0 0 1px #ffffff}.workspace-nav button[aria-pressed=true] .icon-glass{background:linear-gradient(145deg,#fdf1f4,#d9bec8b8);color:#713e50;border-color:#fff7fb;box-shadow:0 5px 12px #78485b17,inset 0 1px 2px #fff}
.icon-glass{display:inline-grid;place-items:center;vertical-align:middle;width:32px;height:32px;flex:0 0 auto;border-radius:10px;background:linear-gradient(145deg,#fffffff5,#e6dcdbaa);border:1px solid #ffffffd9;box-shadow:0 3px 8px #694d550d,inset 0 1px 1px #ffffff;color:#7a5964;position:relative;isolation:isolate}.icon-glass:before{content:"";position:absolute;inset:2px 3px 54%;border-radius:8px 8px 4px 4px;background:linear-gradient(#ffffffb3,#ffffff00);pointer-events:none;z-index:-1}.icon-glass .admin-icon{width:18px;height:18px}.workspace-nav .icon-glass{width:42px;height:42px;border-radius:13px}.workspace-nav .admin-icon{width:21px;height:21px}
h1{font-size:clamp(34px,3.9vw,54px);letter-spacing:-.035em;line-height:1.12;text-wrap:balance;margin-top:12px}.eyebrow{font-size:10px;letter-spacing:.15em;font-weight:600;color:#7c626a}.eyebrow-dot{display:inline-block;width:3px;height:3px;border-radius:50%;background:#a58d93;vertical-align:middle;margin:0 8px}.section-intro{font-size:15px;line-height:1.7;max-width:60ch;margin-bottom:0}.heading{margin-bottom:18px}.heading .primary{align-self:center}.primary{background:#73424f;border-color:#73424f;box-shadow:0 5px 14px #73424f16;border-radius:13px;min-height:48px}.primary .icon-glass{background:#ffffff14;border-color:#ffffff30;box-shadow:inset 0 1px 0 #ffffff25;color:white;width:27px;height:27px;border-radius:8px}.heading+.note{font-size:12px;max-width:75ch}
.start-guide{padding:22px 0 26px;margin:22px 0 0;border-top:1px solid #dbd2d6;border-bottom:0;gap:25px}.start-guide li{align-items:flex-start;gap:13px}.start-guide .guide-icon{font:inherit;margin:0;color:inherit;flex-shrink:0}.guide-icon>.icon-glass{width:44px;height:44px;border-radius:14px}.start-guide small{font-size:9px;letter-spacing:.13em;color:#8a737b;margin-bottom:4px}.start-guide strong{font-size:13px;font-weight:600}.start-guide p{font-size:12px;line-height:1.6;margin-top:5px}
.counts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:20px 0 32px}.count{min-width:0;background:#fffcf9b8;border:1px solid #ffffffe0;border-radius:17px;box-shadow:0 4px 14px #54404b06;padding:18px 18px 16px;position:relative}.count>.icon-glass{position:absolute;right:14px;top:17px;width:30px;height:30px}.count strong{font:400 35px/1.15 Georgia,serif;letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin:0 0 12px}.count>span:last-child{font-size:11px;color:#76666d}.count[data-stock-state=sold]>.icon-glass{background:linear-gradient(145deg,#f3efdf,#d9d0b0a0);color:#74633b}.count[data-stock-state=reserved]>.icon-glass{background:linear-gradient(145deg,#fff3eb,#ecd2baa6);color:#8c6140}
.toolbar{gap:14px;background:#ffffff4d;border:1px solid #fff9;border-radius:16px;padding:18px;margin-top:20px}.toolbar label{font-size:12px;gap:7px;color:#6c5e64}.toolbar input,.toolbar select{min-height:44px;background:#fffdfbd9;border-color:#e1d8dc;border-radius:10px}.toolbar>button{border-radius:11px;background:#fffcf9d9;border-color:#e6dce0;min-height:44px;padding:7px 13px;font-size:12px}.toolbar>button .icon-glass{width:25px;height:25px;border-radius:8px}.table-wrap{border:1px solid #ffffff;border-radius:17px;background:#fffdfaeb;box-shadow:0 8px 30px #61425107}th{background:#f0e9e8aa;color:#836c75;letter-spacing:.1em;font-size:9px;padding:16px}td{padding:18px 16px;border-color:#eee6e8;font-size:12px}td strong{font-weight:600;font-size:13px}td small{font-size:11px;color:#8b7c81}tbody tr:hover{background:#f6eff2a6}td button{padding:6px 10px;min-height:38px;border-radius:10px;font-size:11px;background:#fffdfb;border-color:#e8dfe2}td button .icon-glass{width:23px;height:23px;border-radius:7px;background:#f4edef;border-color:#fff;box-shadow:none}td button .admin-icon{width:14px;height:14px}.pill{font-size:10px;background:#eee6e9;color:#795c68;border:1px solid #e4d6dc;padding:6px 10px}.pill[data-state=available]{background:#edf0e5;color:#5c6347;border-color:#dce1cc}.pill[data-state=sold]{background:#ead8de;color:#754453;border-color:#d7bbc5}.pill[data-state=reserved]{background:#f6e9db;color:#8a6243;border-color:#e9d7c4}
.stats-metric{background:#fffcf9b8;border:1px solid #fff;border-radius:18px;box-shadow:0 4px 15px #61425107}.stats-metric>.icon-glass{width:44px;height:44px;border-radius:14px;margin-bottom:18px}.projection-section{border-color:#e2d6dc}.chart-row i{background:#805364}.chart-row.cost i{background:#ba9f9d}dialog{background:#faf7f3;border:1px solid #fff;box-shadow:0 28px 100px #31202c30}dialog::backdrop{background:#30252c66;backdrop-filter:blur(6px)}.editor-sections a{background:#eee4e8;color:#76515f;border-radius:8px}.readiness,.upload-zone{background:#f0e9e6}.editor-footer{background:#faf7f3f5}.editor-section legend,.editor-section>h3{font-size:24px}.readiness .icon-glass{width:24px;height:24px;border-radius:8px}.readiness li{border-color:#e2d6dc}#login{max-width:720px;padding:clamp(30px,6vh,65px) 0 40px}#login h1{font-size:clamp(40px,5.5vw,68px);line-height:1.07}#login h1 em{color:#8e626e}#login form{background:#ffffff80;border:1px solid #ffffff;padding:26px;border-radius:20px;max-width:460px;box-shadow:0 15px 55px #714a5810}#login form label{font-size:13px}#login>p{max-width:52ch;color:var(--muted)}#login details{font-size:12px;max-width:460px;margin-top:26px}#listCount{font-size:12px}.stats-controls input,.stats-controls select{background:#fffdfa}
@supports(backdrop-filter:blur(12px)){.admin-header{backdrop-filter:blur(16px)}.workspace-nav{backdrop-filter:blur(14px)}.icon-glass{backdrop-filter:blur(8px)}}
:focus-visible{outline:3px solid #965b72;outline-offset:4px}button:hover:not(:disabled){filter:none}button:disabled{opacity:.52}
@media(prefers-reduced-motion:no-preference){.workspace-nav button,.icon-glass{transition:transform 240ms ease,background-color 240ms ease,box-shadow 240ms ease}.workspace-nav button:hover:not(:disabled)>.icon-glass{transform:translateY(-2px)}#workspace>div:not([hidden]),#workspace>section:not([hidden]){animation:admin-surface-in 320ms ease-out}@keyframes admin-surface-in{from{opacity:.5;transform:translateY(6px)}to{opacity:1;transform:none}}}
@media(max-width:800px){.admin-header{padding:18px 22px}.brand-copy strong{font-size:20px}.brand-copy small{font-size:9px}.brand-glass{width:54px;height:54px;border-radius:17px}.brand-glass img{width:38px;height:34px}.header-tools{gap:12px}.store-link{font-size:12px}.store-link>.icon-glass{display:none}main{padding:24px 22px 60px}.workspace-nav{gap:5px;padding:6px;margin-bottom:30px}.workspace-nav button{flex-direction:column;justify-content:center;gap:8px;padding:13px 5px;font-size:11px;line-height:1.3}.workspace-nav .icon-glass{width:36px;height:36px;border-radius:11px}.counts{gap:9px}.count{padding:16px 12px}.count strong{font-size:29px;margin-bottom:28px}.count>.icon-glass{top:auto;bottom:12px;right:10px;width:25px;height:25px}.count>span:last-child{font-size:10px}.toolbar{padding:16px}.heading .primary{align-self:auto}.start-guide{gap:18px}.header-tools #logout>span:last-child{display:none}#logout{padding:6px;min-width:38px}.header-tools .store-link{gap:3px}}
@media(max-width:480px){.admin-header{gap:12px;padding:15px 18px;flex-wrap:nowrap}.admin-brand{gap:10px}.brand-copy strong{font-size:17px;letter-spacing:.12em}.brand-copy small{font-size:8px;letter-spacing:.07em}.brand-glass{width:45px;height:45px;border-radius:14px}.brand-glass img{width:33px;height:29px}.header-tools{gap:9px}.store-link{font-size:11px}.store-link>span:last-child{display:none}main{padding-inline:18px}.counts{grid-template-columns:repeat(3,minmax(0,1fr))}.count strong{margin-bottom:12px}.count>.icon-glass{top:13px;bottom:auto;right:10px;width:25px;height:25px}.count span:last-child{font-size:10px}.workspace-nav{border-radius:17px;flex-wrap:nowrap}.workspace-nav button{font-size:10px;border-radius:11px}.eyebrow{font-size:9px}.eyebrow-dot{margin:0 4px}.start-guide{padding-top:20px}.start-guide .guide-icon{margin-top:2px}.heading h1{font-size:37px}.stats-metric>.icon-glass{float:none}td button{margin-block:2px}#login form{padding:21px}}
@media(prefers-reduced-motion:reduce){.icon-glass,.workspace-nav button{transition:none!important}#workspace>div,#workspace>section{animation:none!important}}
.table-wrap{position:relative}.table-wrap .sr-only{left:0;top:0}
