:root{--pink:#d91f68;--deep:#8d123f;--blush:#fff0f5;--pale:#f8dbe7;--ink:#251b20;--muted:#786a71;--line:#eadde2;--white:#fff;--bg:#fbf8fa;--green:#17765a;--amber:#a96800;--shadow:0 24px 70px rgba(72,25,44,.16)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:16px}.sidebar{position:fixed;inset:0 auto 0 0;width:240px;background:#2b1720;color:#fff;padding:28px 18px;display:flex;flex-direction:column;z-index:10}.admin-brand{font-size:1.45rem;letter-spacing:.14em;color:#fff;text-decoration:none;font-weight:700;padding:0 14px 34px}.admin-brand span{color:#ff4b91}.admin-brand small{display:block;font-size:.7rem;letter-spacing:.04em;color:#c9aeba;font-weight:500;margin-top:4px}.sidebar nav{display:grid;gap:8px}.nav-item{border:0;background:transparent;color:#d8c4cd;text-align:left;padding:13px 14px;border-radius:10px;font:600 .92rem "DM Sans";cursor:pointer;display:flex;align-items:center;gap:12px}.nav-item span{width:22px;text-align:center}.nav-item b{margin-left:auto;background:#ef397e;color:#fff;border-radius:12px;padding:2px 7px;font-size:.72rem}.nav-item:hover,.nav-item.active{background:#4a2535;color:#fff}.sidebar-foot{margin-top:auto;border-top:1px solid #4e3440;padding:20px 12px 0;display:flex;align-items:center;gap:10px}.sidebar-foot strong,.sidebar-foot small{display:block}.sidebar-foot small{font-size:.75rem;color:#bfa5b0}.status-dot{width:9px;height:9px;background:#5fd6a5;border-radius:50%}main{margin-left:240px;padding:30px 38px 60px;min-height:100vh}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.14em;color:var(--pink);margin:0 0 6px}.topbar h1{font:600 2rem "Playfair Display",serif;margin:0}.top-actions{display:flex;align-items:center;gap:12px}.top-actions a{color:var(--muted);text-decoration:none;font-weight:600;font-size:.9rem}button,input,select,textarea{font:inherit}.primary,.secondary{border:0;border-radius:9px;padding:12px 17px;font-weight:700;cursor:pointer}.primary{background:var(--pink);color:#fff}.primary:hover{background:var(--deep)}.secondary{background:var(--blush);color:var(--deep)}.full{width:100%}.view{display:none}.view.active{display:block}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.metrics article,.payment-summary article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;position:relative}.metrics article>div p,.payment-summary p{margin:0 0 7px;color:var(--muted);font-size:.86rem}.metrics strong,.payment-summary strong{font-size:1.42rem}.metrics small,.payment-summary small{display:block;color:var(--muted);font-size:.76rem;margin-top:8px}.metric-icon{position:absolute;right:17px;top:17px;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-weight:700;font-size:.8rem}.rose{background:#ffe3ee;color:var(--pink)}.gold{background:#fff0cf;color:#9b6100}.ink{background:#eadfe4;color:#442332}.pale{background:#fceaf1;color:var(--deep)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,2.4fr) minmax(260px,1fr);gap:18px}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.panel-heading{padding:19px 21px 15px;display:flex;justify-content:space-between;align-items:end}.panel h2,.section-tools h2{font:600 1.2rem "Playfair Display",serif;margin:0}.text-button{border:0;background:none;color:var(--pink);font-weight:700;cursor:pointer}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:680px}th{text-align:left;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#8b7c83;background:#fcfafb;padding:11px 15px;border-block:1px solid var(--line)}td{padding:14px 15px;border-bottom:1px solid #f1e9ed;font-size:.85rem;vertical-align:middle}tbody tr:last-child td{border-bottom:0}.order-id{font-weight:700;color:var(--deep)}.cell-main{display:block;font-weight:600}.cell-sub{display:block;color:var(--muted);font-size:.74rem;margin-top:2px}.pill{display:inline-flex;align-items:center;padding:5px 9px;border-radius:20px;font-size:.72rem;font-weight:700}.pill.new{background:#ffdeea;color:#a8134b}.pill.packing{background:#fff0cb;color:#885700}.pill.shipped{background:#e1f2ec;color:#176448}.pill.delivered{background:#e8e6f7;color:#54449a}.pill.pending{background:#fff0cb;color:#885700}.pill.paid,.pill.verified{background:#e1f2ec;color:#176448}.pill.awaiting{background:#ffdeea;color:#a8134b}.stock-alerts{padding-bottom:16px}.stock-alert{display:flex;gap:11px;align-items:center;margin:0 18px;padding:12px 0;border-top:1px solid var(--line)}.stock-alert:first-of-type{border-top:0}.stock-swatch{width:39px;height:45px;border-radius:7px;background:var(--swatch);box-shadow:inset 0 0 0 1px rgba(0,0,0,.07)}.stock-alert div:nth-child(2){flex:1}.stock-alert strong,.stock-alert small{display:block}.stock-alert small{color:var(--muted);font-size:.75rem}.stock-alert b{color:var(--pink)}.stock-alerts>.secondary{width:calc(100% - 36px);margin:10px 18px 0}.quick-flow{margin-top:18px;padding:22px;display:grid;grid-template-columns:1.2fr 2.3fr;align-items:center}.quick-flow ol{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:0;margin:0;gap:18px}.quick-flow li{display:flex;gap:10px;align-items:flex-start}.quick-flow li b{width:29px;height:29px;border-radius:50%;background:var(--blush);color:var(--pink);display:grid;place-items:center}.quick-flow li strong,.quick-flow li small{display:block}.quick-flow li small{color:var(--muted);font-size:.76rem;margin-top:3px}.section-tools{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-tools input{width:260px}.segmented{background:#eee5e9;border-radius:10px;padding:3px}.segmented button{border:0;background:transparent;padding:8px 13px;border-radius:8px;color:var(--muted);font-weight:600;cursor:pointer}.segmented button.active{background:#fff;color:var(--ink);box-shadow:0 2px 8px #d9cdd2}input,select,textarea{width:100%;border:1px solid #dacbd1;background:#fff;border-radius:8px;padding:11px 12px;color:var(--ink)}input:focus,select:focus,textarea:focus{outline:2px solid #f3a9c6;border-color:var(--pink)}.action-select{min-width:112px;padding:7px 9px;font-size:.78rem}.stock-level{display:flex;align-items:center;gap:10px}.stock-bar{height:6px;width:72px;background:#f0e7ea;border-radius:9px;overflow:hidden}.stock-bar i{display:block;height:100%;width:var(--level);background:var(--bar);border-radius:9px}.mini-button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:7px 10px;cursor:pointer;color:var(--deep);font-weight:700}.customer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.customer-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:19px}.customer-head{display:flex;align-items:center;gap:12px}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--blush);color:var(--pink);font-weight:700}.customer-card h3{margin:0;font-size:1rem}.customer-card a{color:var(--pink);text-decoration:none;font-size:.8rem}.customer-meta{display:grid;grid-template-columns:1fr 1fr;margin-top:17px;padding-top:14px;border-top:1px solid var(--line)}.customer-meta small,.customer-meta strong{display:block}.customer-meta small{color:var(--muted);font-size:.72rem}.payment-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:18px}.order-modal{position:fixed;right:0;top:0;height:100vh;width:min(540px,100%);background:#fff;z-index:30;transform:translateX(105%);transition:transform .25s ease;box-shadow:var(--shadow);overflow:auto}.order-modal.open{transform:translateX(0)}.modal-backdrop{position:fixed;inset:0;background:rgba(30,15,21,.48);z-index:20}.order-modal header{padding:24px 26px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.order-modal header h2{font:600 1.6rem "Playfair Display",serif;margin:0}.order-modal header button{border:0;background:none;font-size:1.8rem;cursor:pointer}.order-modal form{padding:22px 26px 34px}.order-modal label,.order-modal legend{font-size:.8rem;font-weight:700;color:#5c4a52}.order-modal input,.order-modal select,.order-modal textarea{margin-top:7px}.order-modal textarea{min-height:70px;resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-bottom:15px}.order-modal>form>label{display:block;margin-bottom:15px}.order-modal fieldset{border:0;padding:0;margin:2px 0 16px}.radio-row{display:flex;gap:10px;margin-top:8px}.radio-row label{flex:1;border:1px solid var(--line);padding:11px;border-radius:8px}.radio-row input{width:auto;margin:0 6px 0 0}.stock-message{background:#f8f4f6;border-radius:8px;padding:10px 12px;margin:-4px 0 15px;color:var(--muted);font-size:.8rem}.order-total{display:flex;justify-content:space-between;background:var(--blush);padding:14px;border-radius:9px;margin:16px 0}.order-total strong{color:var(--deep)}.form-error{color:#b20f46;min-height:18px;font-size:.8rem}.toast{position:fixed;bottom:24px;right:24px;background:#2b1720;color:#fff;padding:13px 18px;border-radius:9px;opacity:0;transform:translateY(10px);transition:.2s;z-index:50}.toast.show{opacity:1;transform:none}
.inventory-actions,.stock-adjust{display:flex;align-items:center;gap:8px}.inventory-actions input{width:260px}.stock-adjust input{width:74px;padding:7px 8px}.stock-adjust .mini-button{white-space:nowrap}.product-cell{display:flex;align-items:center;gap:10px}.product-thumb{width:42px;height:50px;border-radius:7px;object-fit:cover;background:var(--blush);border:1px solid var(--line)}.sku-modal{position:fixed;right:0;top:0;height:100vh;width:min(540px,100%);background:#fff;z-index:30;transform:translateX(105%);transition:transform .25s ease;box-shadow:var(--shadow);overflow:auto}.sku-modal.open{transform:translateX(0)}.sku-modal header{padding:24px 26px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.sku-modal header h2{font:600 1.6rem "Playfair Display",serif;margin:0}.sku-modal header button{border:0;background:none;font-size:1.8rem;cursor:pointer}.sku-modal form{padding:22px 26px 34px}.sku-modal label{display:block;margin-bottom:15px;font-size:.8rem;font-weight:700;color:#5c4a52}.sku-modal input{margin-top:7px}.sku-modal input[type="color"]{height:44px;padding:5px}.optional{font-weight:500;color:var(--muted);margin-left:5px}.image-upload-preview{height:170px;border:1px dashed #cfb6c1;border-radius:10px;background:#fcf7f9;margin:-7px 0 15px;display:grid;place-items:center;text-align:center;color:var(--muted);overflow:hidden}.image-upload-preview img{width:100%;height:100%;object-fit:contain;background:#f4edf0}.image-upload-preview small{font-size:.72rem}
@media(max-width:1050px){.metrics{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.customer-grid{grid-template-columns:repeat(2,1fr)}.quick-flow{grid-template-columns:1fr}.quick-flow ol{margin-top:18px}}
@media(max-width:740px){.sidebar{position:static;width:100%;height:auto;padding:17px}.admin-brand{padding:0 5px 15px}.sidebar nav{display:flex;overflow:auto}.nav-item{white-space:nowrap}.sidebar-foot{display:none}main{margin:0;padding:22px 16px}.topbar{align-items:flex-start}.top-actions a{display:none}.metrics,.payment-summary,.customer-grid{grid-template-columns:1fr}.quick-flow ol{grid-template-columns:1fr}.section-tools{align-items:flex-start;gap:12px;flex-direction:column}.section-tools input{width:100%}.inventory-actions{width:100%;flex-wrap:wrap}.inventory-actions input{flex:1;min-width:190px}.form-grid{grid-template-columns:1fr}.radio-row{flex-direction:column}}