.sidebar{background:#111;color:#fff;display:grid;gap:1.25rem;grid-template-rows:auto 1fr;min-height:100vh;padding:1.25rem}.sidebar-brand{color:#fff;font-size:1.35rem;font-weight:900;text-decoration:none}.sidebar nav{display:grid;gap:.35rem;align-content:start}.sidebar-link{align-items:center;border-radius:6px;color:#ded6ce;display:flex;font-weight:800;gap:.65rem;min-height:2.65rem;padding:0 .8rem;text-decoration:none}.sidebar-link.active,.sidebar-link:hover{background:#2c2723;color:#fff}@media(max-width:900px){.sidebar{min-height:auto}.sidebar nav{display:flex;overflow-x:auto;padding-bottom:.25rem}.sidebar-link{white-space:nowrap}}.navbar{align-items:center;background:#fff;border-bottom:1px solid #ebe2d9;display:flex;gap:1rem;justify-content:space-between;min-height:4.2rem;padding:0 1.25rem;position:sticky;top:0;z-index:5}.admin-search{align-items:center;background:#f7f2ec;border:1px solid #e3d8ce;border-radius:999px;color:#71675f;display:flex;gap:.5rem;max-width:28rem;min-height:2.55rem;padding:0 .9rem;width:100%}.admin-search input{background:transparent;border:0;outline:0;width:100%}.logout-button{align-items:center;background:#fff;border:1px solid #e1d7cd;border-radius:6px;color:#111;display:inline-flex;font-weight:800;gap:.45rem;min-height:2.55rem;padding:0 .9rem}@media(max-width:620px){.navbar{align-items:stretch;flex-direction:column;padding:.75rem}}.table-wrap{overflow-x:auto}.admin-table{border-collapse:collapse;min-width:760px;width:100%}.admin-table th,.admin-table td{border-bottom:1px solid #eee5dc;padding:.85rem;text-align:left;vertical-align:middle}.admin-table th{color:#6d625a;font-size:.78rem;text-transform:uppercase}.admin-table td{color:#221c18}.table-empty{color:#6d625a;text-align:center!important}.form-input{display:grid;gap:.4rem}.form-input span{color:#4f4740;font-size:.86rem;font-weight:900}.form-input input,.form-input select,.form-input textarea{background:#fff;border:1px solid #dcd2c8;border-radius:6px;min-height:2.7rem;padding:.72rem .8rem;width:100%}.form-input textarea{min-height:7rem;resize:vertical}:root{background:#f7f2ec;color:#17120f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}.admin-shell{display:grid;grid-template-columns:16.5rem minmax(0,1fr);min-height:100vh}.admin-main{min-width:0}.admin-content{display:grid;gap:1.25rem;padding:1.25rem}.page-title{align-items:center;display:flex;gap:1rem;justify-content:space-between}.page-title h1{font-size:clamp(1.65rem,3vw,2.4rem);margin:0}.page-title p{color:#6b625a;margin:.3rem 0 0}.panel{background:#fff;border:1px solid #ebe2d9;border-radius:8px;padding:1.1rem}.grid-2{display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.grid-3{display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.admin-button{align-items:center;background:#111;border:1px solid #111;border-radius:6px;color:#fff;display:inline-flex;font-weight:800;gap:.45rem;justify-content:center;min-height:2.6rem;padding:0 1rem;text-decoration:none}.admin-button.secondary{background:#fff;border-color:#d8cec4;color:#111}.admin-button:disabled{cursor:not-allowed;opacity:.62}.form-error{color:#9f1239;font-size:.9rem;font-weight:700;margin:0}.form-success{color:#176341;font-size:.9rem;font-weight:700;margin:0}.status-pill{border-radius:999px;display:inline-flex;font-size:.78rem;font-weight:900;padding:.3rem .6rem}.status-pill.active,.status-pill.paid,.status-pill.delivered{background:#e6f5ee;color:#176341}.status-pill.draft,.status-pill.pending,.status-pill.pending_payment,.status-pill.processing{background:#fff3d8;color:#8a5d00}.status-pill.canceled,.status-pill.refunded{background:#fee8e4;color:#9a2d1f}@media(max-width:900px){.admin-shell,.grid-2,.grid-3{grid-template-columns:1fr}}.metric-grid{display:grid;gap:1rem;grid-template-columns:repeat(4,1fr)}.metric-card{background:#fff;border:1px solid #ebe2d9;border-radius:8px;display:grid;gap:.35rem;padding:1.1rem}.metric-card span{color:#6b625a;font-size:.84rem;font-weight:900;text-transform:uppercase}.metric-card strong{font-size:1.8rem}.quick-grid{display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.quick-card{background:#111;border-radius:8px;color:#fff;min-height:9rem;padding:1.15rem;text-decoration:none}.quick-card:nth-child(2){background:#8f5c45}.quick-card:nth-child(3){background:#e7d8c8;color:#111}.quick-card strong{display:block;font-size:1.2rem;margin-bottom:.5rem}.quick-card p{line-height:1.55;margin:0}.row-actions{display:flex;flex-wrap:wrap;gap:.5rem}.row-actions button,.row-actions a{align-items:center;background:#fff;border:1px solid #d8cec4;border-radius:6px;color:#111;display:inline-flex;font-weight:800;min-height:2.15rem;padding:0 .65rem;text-decoration:none}.product-form{display:grid;gap:1rem}.checkbox-field{align-items:center;align-self:end;display:flex;font-weight:900;gap:.6rem;min-height:2.7rem}.variant-panel{border-top:1px solid #eee5dc;display:grid;gap:1rem;padding-top:1rem}.variant-header{align-items:center;display:flex;justify-content:space-between}.variant-header h2{font-size:1.1rem;margin:0}.variant-row{align-items:end;border:1px solid #eee5dc;border-radius:8px;display:grid;gap:.75rem;grid-template-columns:repeat(5,minmax(0,1fr)) auto;padding:.85rem}.login-screen{align-items:center;display:grid;min-height:100vh;padding:1rem;place-items:center}.login-panel{background:#fff;border:1px solid #ebe2d9;border-radius:8px;display:grid;gap:1rem;max-width:28rem;padding:1.4rem;width:100%}.login-panel h1{margin:0}.login-panel p{color:#6b625a;line-height:1.6;margin:0}.login-panel .admin-button{width:100%}.admin-button-secondary{background:#fff;border-color:#d8cec4;color:#111}.admin-login-divider{align-items:center;color:#746b62;display:grid;font-size:.78rem;font-weight:800;gap:.75rem;grid-template-columns:1fr auto 1fr;text-transform:uppercase}.admin-login-divider:before,.admin-login-divider:after{background:#e5d9ce;content:"";height:1px}.admin-login-link{background:transparent;border:0;color:#111;font-weight:800;justify-self:center;padding:.2rem;text-decoration:underline;text-underline-offset:.2rem}@media(max-width:1100px){.metric-grid,.variant-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.metric-grid,.quick-grid{grid-template-columns:1fr}.page-title{align-items:start;flex-direction:column}}
