:root{--bg:#f3efe6;--bg-deep:#e7e0d2;--ink:#14201b;--muted:#5f6b64;--panel:#fffdf8;--line:#d4cbb8;--brand:#0b3d2e;--brand-soft:#1a5c45;--accent:#e8a317;--danger:#a33b2b;--ok:#1f6b45;--shadow:0 18px 40px #14201b14;--radius:18px;--font:"DM Sans", system-ui, sans-serif;--display:"Fraunces", Georgia, serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font);color:var(--ink);background:radial-gradient(circle at 0 0,#e8a3172e,#0000 28%),linear-gradient(160deg,#f7f3ea 0%,#ebe4d6 55%,#e2d8c6 100%);margin:0}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}button,input{font:inherit}.shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--brand);color:#f4efe6;flex-direction:column;gap:28px;padding:28px 20px;display:flex}.brand{font-family:var(--display);letter-spacing:-.03em;margin:0;font-size:2rem}.brand-sub{opacity:.72;margin:4px 0 0;font-size:.9rem}.nav{flex-direction:column;gap:6px;display:flex}.nav-link{color:#f4efe6c7;border-radius:12px;padding:10px 12px;text-decoration:none}.nav-link:hover,.nav-link.active{color:#fff;background:#f4efe61f;text-decoration:none}.sidebar-foot{gap:10px;margin-top:auto;display:grid}.main{padding:28px 32px 48px}.page{max-width:1200px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;margin-bottom:24px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:0 0 6px;font-size:.72rem}h1{font-family:var(--display);letter-spacing:-.03em;margin:0;font-size:clamp(1.8rem,3vw,2.4rem)}h2{margin:0 0 12px;font-size:1.05rem}.lede,.muted,.cell-sub{color:var(--muted)}.lede{margin:8px 0 0}.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:28px;display:grid}.stat,.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.stat{padding:22px}.stat-label{color:var(--muted);margin:0;font-size:.9rem}.stat-value{font-family:var(--display);margin:10px 0 0;font-size:2.4rem}.quick-links h2{margin-bottom:12px}.link-row{flex-wrap:wrap;gap:10px;display:flex}.link-row a{background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:10px 14px;text-decoration:none}.link-row a:hover{border-color:var(--brand)}.table-wrap{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:auto}table{border-collapse:collapse;width:100%;min-width:720px}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:14px 16px}th{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);background:#faf6ee;font-size:.78rem}tr:last-child td{border-bottom:none}.cell-sub{margin-top:4px;font-size:.82rem}.clamp{text-overflow:ellipsis;white-space:nowrap;max-width:280px;overflow:hidden}.badge{color:var(--ink);background:#ece5d7;border-radius:999px;align-items:center;padding:4px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.badge-active,.badge-delivered,.badge-completed{color:var(--ok);background:#d9eee2}.badge-pending,.badge-new{color:#8a5b00;background:#f7e7c2}.badge-delete-request,.badge-cancelled,.badge-failed{color:var(--danger);background:#f3d7d1}.btn{border:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer;border-radius:12px;padding:10px 14px}.btn:hover{border-color:var(--brand)}.btn.primary{background:var(--brand);border-color:var(--brand);color:#f4efe6}.btn.ghost{color:inherit;background:0 0;border-color:#f4efe647}.main .btn.ghost{border-color:var(--line);color:var(--ink)}.btn.small{padding:6px 10px;font-size:.85rem}.btn.danger{color:var(--danger);border-color:#e2b4ab}.btn:disabled{opacity:.6;cursor:not-allowed}.actions{white-space:nowrap;justify-content:flex-end;gap:8px;display:flex}.pager{align-items:center;gap:12px;margin-top:16px;display:flex}.search{border:1px solid var(--line);background:var(--panel);border-radius:12px;min-width:min(320px,100%);padding:12px 14px}.login-page{background:linear-gradient(135deg,#0b3d2eeb,#0b3d2ebf),radial-gradient(circle at 20% 20%,#e8a31759,#0000 40%),#0b3d2e;place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{background:var(--panel);width:min(420px,100%);box-shadow:var(--shadow);border-radius:24px;padding:36px 32px}.login-brand{color:var(--brand)}.login-form{gap:14px;margin-top:24px;display:grid}label{gap:6px;font-size:.92rem;display:grid}input,select{border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px 14px}.form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.action-panel{margin-bottom:16px}.plain-list{margin:0 0 12px;padding-left:18px}@media (width<=900px){.form-grid{grid-template-columns:1fr}}.error{color:var(--danger);background:#f8e8e4;border-radius:12px;padding:10px 12px}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px;display:grid}.panel{padding:18px}.kv{gap:10px;margin:0;display:grid}.kv div{grid-template-columns:110px 1fr;gap:10px;display:grid}.kv dt{color:var(--muted);margin:0}.kv dd{margin:0}.banner-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.banner-preview,.detail-image{border:1px solid var(--line);border-radius:12px;width:100%;max-width:280px;margin-bottom:12px}.stack-form{gap:12px;display:grid}.stack-form textarea{border:1px solid var(--line);font:inherit;resize:vertical;background:#fff;border-radius:12px;padding:12px 14px}.checkbox-row{align-items:center;gap:10px;grid-template-columns:none!important;display:flex!important}.product-cell{align-items:center;gap:12px;display:flex}.product-cell img{object-fit:cover;border:1px solid var(--line);border-radius:8px;width:48px;height:48px}.preview-row{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}@media (width<=900px){.banner-grid{grid-template-columns:1fr}}.inline-form{margin-bottom:20px}.inline-fields{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.inline-fields label{min-width:180px}@media (width<=900px){.shell{grid-template-columns:1fr}.sidebar{z-index:10;padding:16px;position:sticky;top:0}.nav{flex-direction:row;overflow-x:auto}.sidebar-foot{display:none}.stat-grid,.detail-grid{grid-template-columns:1fr}.main{padding:20px 16px 40px}}