:root { --ink:#142821; --pine:#21483b; --paper:#fffdf8; --cream:#f4efe4; --rust:#bd552f; --gold:#f4bd77; --muted:#65736c; --line:rgba(20,40,33,.16); --danger:#a73520; --shadow:0 24px 70px rgba(20,40,33,.16); }
* { box-sizing:border-box; }
body { background:#f8f6f0; color:var(--ink); font:1rem "Avenir Next","Segoe UI",Arial,sans-serif; margin:0; }
button,input,select,textarea { font:inherit; }
button { color:inherit; }
a { color:inherit; text-decoration:none; }
[hidden] { display:none!important; }
.brand { font:500 .92rem 'DM Mono',monospace; letter-spacing:-.07em; width:max-content; }.brand span{color:var(--rust)}
.eyebrow { color:var(--rust); font:500 .68rem 'DM Mono',monospace; letter-spacing:.08em; margin:0 0 1rem; text-transform:uppercase; }
h1,h2 { letter-spacing:-.05em; line-height:.96; margin:0; } h1{font-size:clamp(3.5rem,7vw,7rem)} h2{font-size:clamp(2.2rem,4vw,4rem)} h3{font-size:1.25rem;margin:.1rem 0 1.2rem}
.login-shell { display:grid; grid-template-columns:1.1fr .9fr; min-height:100vh; }
.login-story { background:linear-gradient(145deg,rgba(20,40,33,.98),rgba(33,72,59,.92)),url('assets/outdoor-jacket-hero.png') center/cover;color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(2rem,6vw,6rem)}
.login-story .eyebrow{color:var(--gold)}.login-story h1{max-width:650px}.login-story h1 em{color:var(--gold);font-family:'Playfair Display',serif}.login-story p:last-child{color:#d5e0db;line-height:1.7;max-width:500px}
.login-panel{align-items:center;background:var(--paper);display:flex;justify-content:center;padding:2rem}.login-panel form{max-width:420px;width:100%}.login-panel h2{margin-bottom:2.3rem}.login-panel label{display:block;font-size:.76rem;font-weight:700;margin:1.1rem 0}.login-panel input{background:#fff;border:1px solid var(--line);display:block;margin-top:.45rem;min-height:50px;padding:.8rem;width:100%}.store-link{color:var(--muted);display:block;font-size:.74rem;margin-top:1.5rem;text-align:center}
.primary-button,.secondary-button{border:0;cursor:pointer;font-size:.72rem;font-weight:800;letter-spacing:.05em;min-height:46px;padding:.8rem 1rem;text-transform:uppercase}.primary-button{background:var(--ink);color:#fff}.secondary-button{background:var(--gold);color:var(--ink)}.primary-button:disabled,.secondary-button:disabled{cursor:wait;opacity:.55}
.form-error{color:var(--danger);font-size:.75rem;min-height:1rem}
.app-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:var(--ink);color:#fff;display:flex;flex-direction:column;padding:2rem 1.4rem;position:sticky;top:0;height:100vh}.sidebar .brand{margin-bottom:4rem}.sidebar nav{display:grid;gap:.4rem}.nav-item{background:transparent;border:0;color:#aebdb7;cursor:pointer;display:flex;font-size:.78rem;font-weight:700;gap:1rem;padding:.9rem;text-align:left}.nav-item span{color:#71847c;font:400 .65rem 'DM Mono',monospace}.nav-item.is-active{background:rgba(255,255,255,.09);color:#fff}.nav-item.is-active span{color:var(--gold)}.sidebar-foot{border-top:1px solid rgba(255,255,255,.14);margin-top:auto;padding:.9rem}.sidebar-foot p{font-size:.75rem;margin:.2rem 0}.sidebar-foot button{background:none;border:0;color:#aebdb7;cursor:pointer;font-size:.7rem;padding:0;text-decoration:underline}
.workspace{min-width:0;padding:clamp(1.5rem,4vw,4rem)}.workspace-head{align-items:end;display:flex;justify-content:space-between;margin-bottom:3rem}.workspace-head h1{font-size:clamp(3rem,6vw,6rem)}.workspace-head>a{border-bottom:1px solid var(--rust);color:var(--rust);font-size:.72rem;font-weight:800;padding-bottom:.35rem;text-transform:uppercase}
.metric-row{display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-bottom:2rem}.metric-row article{background:var(--paper);border:1px solid var(--line);padding:1.4rem}.metric-row span{color:var(--muted);display:block;font-size:.72rem}.metric-row strong{display:block;font:500 2.4rem 'DM Mono',monospace;margin-top:.6rem}
.action-bar{align-items:end;display:flex;justify-content:space-between;margin:2.6rem 0 1.2rem}.action-bar h2{font-size:2rem}.action-bar p{color:var(--muted);font-size:.78rem;margin:.5rem 0 0}.returns-head{margin-top:4rem}
.table-card{background:var(--paper);border:1px solid var(--line);overflow-x:auto}table{border-collapse:collapse;width:100%}th{color:var(--muted);font:500 .64rem 'DM Mono',monospace;letter-spacing:.05em;padding:.9rem 1rem;text-align:left;text-transform:uppercase}td{border-top:1px solid var(--line);font-size:.76rem;padding:1rem;vertical-align:middle}td strong{display:block;font-size:.8rem}td small{color:var(--muted)}.status{background:var(--cream);display:inline-block;font:500 .62rem 'DM Mono',monospace;padding:.42rem .55rem;text-transform:uppercase}.status.live,.status.paid,.status.completed{background:#dcebdd;color:#245834}.table-action{background:none;border:0;color:var(--rust);cursor:pointer;font-size:.7rem;font-weight:800;padding:.4rem;text-decoration:underline}.empty{color:var(--muted);font-size:.8rem;padding:3rem;text-align:center}
.management-grid{display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-top:2rem}.panel-card{background:var(--paper);border:1px solid var(--line);padding:1.5rem}.panel-card label,.admin-dialog label{display:block;font-size:.72rem;font-weight:700;margin:.85rem 0}.panel-card input,.panel-card select,.panel-card textarea,.admin-dialog input,.admin-dialog select,.admin-dialog textarea{background:#fff;border:1px solid var(--line);display:block;margin-top:.35rem;min-height:44px;padding:.7rem;width:100%}.panel-card textarea,.admin-dialog textarea{resize:vertical}.form-grid{display:grid;gap:.8rem;grid-template-columns:1fr 1fr}.form-grid label{margin:0}.panel-card button{margin-top:.7rem}.check{align-items:center;display:flex!important;gap:.5rem}.check input{display:inline!important;margin:0!important;min-height:auto!important;width:auto!important}
.policy-layout{display:grid;gap:1rem;grid-template-columns:minmax(300px,.8fr) 1.2fr}.policy-list{display:grid;gap:1rem}.policy-card{background:var(--paper);border:1px solid var(--line);padding:1.5rem}.policy-card header{align-items:start;display:flex;justify-content:space-between}.policy-card h3{margin:0}.policy-card p{color:var(--muted);font-size:.76rem;line-height:1.65;white-space:pre-line}.policy-card small{color:var(--muted);font:400 .62rem 'DM Mono',monospace}
dialog{background:var(--paper);border:0;box-shadow:var(--shadow);color:var(--ink);max-height:calc(100vh - 2rem);max-width:720px;overflow:auto;padding:clamp(2rem,5vw,4rem);width:calc(100% - 2rem)}dialog::backdrop{background:rgba(10,22,18,.64)}.wide-dialog{max-width:1050px}.dialog-close{background:transparent;border:1px solid var(--line);border-radius:50%;cursor:pointer;font-size:1.4rem;height:2.5rem;position:absolute;right:1rem;top:1rem;width:2.5rem}.admin-dialog h2{margin-bottom:2rem}.admin-dialog fieldset{border:1px solid var(--line);margin:1.2rem 0;padding:1rem}.admin-dialog legend{font-size:.7rem;font-weight:800;padding:0 .4rem}.check-grid{display:grid;gap:.2rem;grid-template-columns:repeat(3,1fr)}.check-grid label{font-weight:500;margin:.25rem}.check-grid input{display:inline;margin:0 .3rem 0 0;min-height:auto;width:auto}
.editor-head{align-items:end;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem}.editor-head h2{font-size:3rem}.editor-head p{color:var(--muted);font-size:.74rem}.editor-grid{display:grid;gap:1rem;grid-template-columns:1fr 1fr}.editor-section{border:1px solid var(--line);padding:1.2rem}.editor-section.full{grid-column:1/-1}.variant-row{align-items:end;border-top:1px solid var(--line);display:grid;gap:.7rem;grid-template-columns:1fr 130px auto;padding:.8rem 0}.variant-row:first-of-type{border-top:0}.variant-row input{margin:0}.inline-fields{display:flex;flex-wrap:wrap;gap:.6rem}.inline-fields>*{flex:1;min-width:130px}.option-values{color:var(--muted);font-size:.7rem;margin-top:.4rem}.publish-row{align-items:center;display:flex;gap:.8rem}.publish-row button{margin:0}.toast{background:var(--ink);bottom:1.2rem;color:#fff;font-size:.76rem;left:50%;padding:.9rem 1.2rem;position:fixed;transform:translateX(-50%);z-index:100}.is-pending{opacity:.68;position:relative}.status.saving{background:#fff0dc;color:#8c4c18}.sync-note{color:var(--rust);font:500 .62rem 'DM Mono',monospace;text-transform:uppercase}
@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.sidebar .brand{margin-bottom:1.5rem}.sidebar nav{display:flex;overflow:auto}.nav-item{white-space:nowrap}.sidebar-foot{display:none}.management-grid,.policy-layout,.editor-grid{grid-template-columns:1fr}.editor-section.full{grid-column:auto}.login-shell{grid-template-columns:1fr}.login-story{min-height:38vh}.metric-row{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.workspace{padding:1rem}.workspace-head{align-items:start;flex-direction:column;gap:1rem}.metric-row{grid-template-columns:1fr}.management-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.action-bar{align-items:start;flex-direction:column;gap:1rem}.check-grid{grid-template-columns:1fr 1fr}.variant-row{grid-template-columns:1fr}.login-story{padding:2rem}.login-story h1{font-size:3.5rem}.sidebar{padding:1.2rem}.sidebar nav{margin:0 -1.2rem;padding:0 1.2rem}.admin-dialog{padding:3.5rem 1rem 1rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important}}