@import "https://fonts.googleapis.com/css2?family=Barlow:wght@400;600;700;800&family=Bebas+Neue&display=swap";*{box-sizing:border-box}:root{color:#f7e8c7;background:#291a10;font-family:Barlow,Arial,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}.app-shell{background:#352115;min-height:100vh;display:flex}.sidebar{background:#21150e;border-right:2px solid #59371f;flex-direction:column;width:250px;padding:24px 16px;display:flex}.brand{text-align:left;background:0 0;border:0;padding:0 8px 29px}.brand img{object-fit:contain;object-position:left;width:128px;max-height:75px;display:block}.brand span,.nav-label,.kicker{letter-spacing:.18em;color:#e6a724;font-size:10px;font-weight:800;display:block}.sidebar nav{gap:4px;margin:8px 0;display:grid}.sidebar nav button,.signout{color:#d6c19a;text-align:left;background:0 0;border:0;border-radius:7px;padding:11px 12px;font-weight:600}.sidebar nav button.active,.sidebar nav button:hover{color:#291a10;background:#d46c16}.signout{color:#f0bd4d;margin-top:auto}.main{flex:1;min-width:0;padding:28px 38px}.topbar{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.topbar h1{color:#f7e8c7;margin:6px 0;font:44px/1 Bebas Neue,Impact,sans-serif}.user-chip{color:#f7e8c7;background:#46301e;border:2px solid #70502c;border-radius:99px;padding:8px 12px}.hero-card{background:#d36717;border:3px solid #180e09;border-radius:10px;justify-content:space-between;padding:27px 30px;display:flex}.hero-card h2,.panel h2,.chart h2{color:#20140d;margin:6px 0;font:32px/1 Bebas Neue,Impact,sans-serif}.hero-card p{color:#44250f;font-weight:600}.ufo{color:#9cc72e;font-size:120px}.primary,.danger{border:2px solid #180e09;border-radius:5px;padding:10px 16px;font-weight:800}.primary{color:#20150c;background:#9cc72e}.danger{color:#fff0d3;background:#bb4a20}.stats,.charts{grid-template-columns:repeat(4,1fr);gap:15px;margin:25px 0;display:grid}.stat,.panel,.chart,.empty{color:#2a1a10;background:#f4e4c0;border:2px solid #1e120b;border-radius:7px}.stat{padding:17px}.stat span,.stat small{font-size:12px;font-weight:700;display:block}.stat strong{font:40px Bebas Neue;display:block}.stat-1{background:#97c92e}.stat-2{background:#e7ad25}.stat-3{color:#f9e6bf;background:#bb4a20}.chart{padding:20px}.chart>div:first-child,.panel-head{justify-content:space-between;display:flex}.chart svg{background:repeating-linear-gradient(#0000 0 31px,#d5bd90 32px);width:100%;height:130px;margin-top:16px}polyline{fill:none;stroke-width:4px}.orange{stroke:#d36717}.green{stroke:#72a819}.days{word-spacing:23px;font-size:11px}.panel{margin-bottom:25px;padding:22px}.panel-copy{color:#725333;margin:0 0 16px;font-weight:600}.text-button{color:#a64116;background:0 0;border:0;font-weight:800}table{border-collapse:collapse;text-align:left;width:100%}th{color:#806143;text-transform:uppercase;padding:0 10px 10px;font-size:10px}td{border-top:1px solid #d9c397;padding:13px 10px;font-size:14px}td b,td small{display:block}td small{color:#806143;margin-top:3px}.badge{color:#355209;background:#dfe8b4;border-radius:99px;padding:4px 9px;font-size:11px;font-weight:800;display:inline-block}.badge.pending,.badge.processing{color:#704804;background:#f8d786}.badge.shipped{color:#473b89;background:#d7d3ee}.back{gap:12px;margin-bottom:17px;display:flex}.back button{color:#e7b248;background:0 0;border:0;font-weight:800}.detail-head{align-items:center;gap:15px;margin-bottom:20px;display:flex}.detail-head h2{margin:0;font:34px Bebas Neue}.detail-head p{color:#d6bd91;margin:3px 0}.avatar{color:#25160e;text-transform:uppercase;background:#e7ad25;border:2px solid #190d08;border-radius:50%;place-items:center;width:51px;height:51px;font-weight:800;display:grid}.avatar.green{background:#9cc72e}.avatar.large{width:80px;height:80px;font-size:22px}.detail-grid,.customer-summary{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.detail-grid div,.customer-summary div{gap:7px;display:grid}.detail-grid span,.customer-summary span{text-transform:uppercase;color:#806143;font-size:11px;font-weight:800}.tabs{border-bottom:2px solid #72502e;margin-bottom:22px}.tabs button{color:#e8cca0;background:0 0;border:0;padding:10px 17px;font-weight:800}.tabs .selected{color:#fff0d3;border-bottom:4px solid #9cc72e}.address-form,.modal-form,.inline-form form{grid-template-columns:repeat(2,1fr);gap:13px;display:grid}.address-form label,.editor label,.inline-form label,.modal-form label{text-transform:uppercase;color:#604224;gap:6px;font-size:12px;font-weight:800;display:grid}.address-form input,.editor input,.editor textarea,.inline-form input,.modal-form input,.modal-form textarea{color:#2a1a10;text-transform:none;background:#fff3d9;border:2px solid #bb9d6f;border-radius:4px;width:100%;padding:9px}.address-display p{color:#654728;margin:4px 0}.eye{background:#e7ad25;border:2px solid #2a1a10;border-radius:50%;width:30px;height:30px}.editor{grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:25px;display:grid}.categories-editor{align-items:start}.category-form{gap:12px;display:grid}.muted{color:#cbb48a;margin:0;font-size:13px}.category-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;display:grid}.category-card{background:#2d1c12;border:2px solid #59371f;border-radius:10px;overflow:hidden}.category-card-media{aspect-ratio:1;color:#cbb48a;background:#21150e;place-items:center;display:grid}.category-card-media img{object-fit:cover;width:100%;height:100%}.category-card-body{gap:8px;padding:12px;display:grid}.category-card-body span{color:#cbb48a;font-size:12px}.category-card-body p{color:#f7e8c7;margin:0;font-size:13px}.category-card-actions{flex-wrap:wrap;gap:8px;display:flex}.category-card-actions button,.file-replace{color:#291a10;background:#e7ad25;border:0;border-radius:6px;padding:7px 10px;font-weight:700}.category-card-actions .danger{background:#d46c16}.file-replace{gap:4px;font-size:12px;display:grid}.file-replace input{max-width:100%}.category-picker{border:2px solid #bb9d6f;border-radius:8px;grid-column:1/-1;padding:12px}.category-picker p{color:#5a4630;margin:6px 0 10px;font-size:13px}.category-picker-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;display:grid}.category-picker-grid label{color:#2a1a10;align-items:center;gap:8px;font-weight:600;display:flex}.editor .panel{gap:13px;display:grid}.editor textarea,.modal-form textarea{resize:vertical;min-height:86px}.footer-preview,.about-preview{color:#f7e8c7;border:3px solid #170e08;border-radius:8px;min-height:240px;padding:32px}.footer-preview img{object-fit:contain;object-position:left;width:180px;max-height:90px}.footer-preview p{max-width:420px;line-height:1.5}.footer-preview div{color:#e7ad25;margin-top:25px;font-size:13px;font-weight:800}.about-preview{color:#2a1a10;background:#d36717}.about-preview h2{margin:5px 0;font:44px Bebas Neue}.about-preview h3{margin:23px 0 4px;font:24px Bebas Neue}.about-preview img{object-fit:contain;float:right;width:180px;max-height:80px}.modal-bg{z-index:10;background:#180e09bb;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{color:#2a1a10;background:#f4e4c0;border:3px solid #180e09;border-radius:8px;width:min(750px,100%);max-height:90vh;padding:29px;position:relative;overflow:auto}.modal h2{margin:4px 0 18px;font:35px Bebas Neue}.modal-close{background:0 0;border:0;font-size:30px;position:absolute;top:8px;right:12px}:is(.modal-form label:has(textarea),.modal-form button){grid-column:1/-1}.vendor-form label{grid-column:auto}.vendor-form .category-picker,.vendor-form button{grid-column:1/-1}.review-stars{color:#d36717;font-size:25px}.review-copy{line-height:1.6}.modal-actions{gap:12px;margin-top:22px;display:flex}.toast{color:#23160d;background:#9cc72e;border:2px solid #170e08;border-radius:5px;margin-bottom:15px;padding:10px 14px;font-weight:800}.login-page{background:#291a10;grid-template-columns:1.25fr .75fr;min-height:100vh;display:grid}.login-art{background:#d36717;flex-direction:column;justify-content:center;padding:70px 10vw;display:flex}.login-art img{object-fit:contain;object-position:left;max-width:330px;max-height:180px}.login-art h1{color:#23150e;margin:7px 0;font:80px/1 Bebas Neue}.login-card{color:#2b1a0f;background:#f4e4c0;border:3px solid #160d08;border-radius:8px;gap:17px;width:min(390px,85%);margin:auto;padding:33px;display:grid}.login-card h2{margin:0;font:34px Bebas Neue}.login-card label{gap:6px;font-size:12px;font-weight:800;display:grid}.login-card input{color:#2a1a10;background:#fff3d9;border:2px solid #bb9d6f;border-radius:4px;padding:9px}@media (width<=800px){.sidebar{width:72px;padding:19px 9px}.brand img,.brand span,.nav-label,.sidebar nav button,.signout{font-size:0}.sidebar nav button{height:40px}.sidebar nav button:before{content:"✦";font-size:18px}.main{padding:22px}.stats{grid-template-columns:repeat(2,1fr)}.editor,.categories-editor{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (width<=600px){.main{padding:18px 14px}.charts,.detail-grid,.customer-summary,.address-form,.modal-form,.inline-form form{grid-template-columns:1fr}.vendor-form label{grid-column:1/-1}.ufo{display:none}}.profile-grid{grid-template-columns:minmax(300px,.9fr) minmax(360px,1.1fr);align-items:start;gap:24px;display:grid}.profile-card,.password-form{gap:14px;display:grid}.profile-card label,.password-form label{color:#654728;text-transform:uppercase;gap:6px;font-size:12px;font-weight:800;display:grid}.profile-card input,.password-form input{color:#2a1a10;background:#fff3d9;border:2px solid #bb9d6f;border-radius:5px;padding:11px}.profile-card input:disabled{opacity:.75;border-style:dashed}.profile-card .avatar{margin-bottom:4px}.password-form{padding:28px!important}@media (width<=780px){.profile-grid{grid-template-columns:1fr}}.reply-label{color:#604224;text-transform:uppercase;gap:8px;margin:20px 0 13px;font-size:12px;font-weight:800;display:grid}.reply-label textarea{color:#2a1a10;resize:vertical;background:#fff3d9;border:2px solid #bb9d6f;border-radius:5px;width:100%;min-height:150px;padding:12px;line-height:1.45}.modal .review-copy{background:#fff3d9;border-left:4px solid #d36717;border-radius:3px;margin:18px 0;padding:14px}.status-select,.status-toggle{color:#2a1a10;background:#fff3d9;border:2px solid #6f4b2b;border-radius:5px;padding:7px;font-weight:700}.purple{stroke:#7c3aed}.charts{grid-template-columns:repeat(3,1fr)}@media (width<=1000px){.charts{grid-template-columns:1fr 1fr}}@media (width<=600px){.charts{grid-template-columns:1fr}}