:root{color-scheme:light;--bg: #f5efe3;--bg-strong: #e3dbcc;--surface: #fffdf8;--surface-soft: #e0ded1;--surface-muted: #dcd7cd;--border: #e3ded6;--border-strong: #aeaaa4;--text: #2a2014;--text-soft: #6d614e;--text-faint: #96866f;--primary: #1b1e1d;--primary-strong: #8cada7;--accent: #b76a2d;--accent-soft: #dbd5cd;--danger: #b54332;--danger-soft: #e6d8d5;--success: #87a9ab;--success-soft: #e4f2e9;--warning: #9b6d18;--warning-soft: #d2cdc2;--shadow-soft: 0 14px 30px rgba(52, 35, 17, .08);--shadow-card: 0 22px 48px rgba(52, 35, 17, .09);--radius-sm: 12px;--radius-md: 18px;--radius-lg: 24px;--space-1: 8px;--space-2: 12px;--space-3: 16px;--space-4: 24px;--space-5: 32px;--space-6: 40px;font-family:system-ui,serif;line-height:1.5;font-weight:400;color:var(--text);background:radial-gradient(circle at top left,rgba(219,207,191,.9),transparent 28%),linear-gradient(180deg,#c7c1b3,#d7d4ce)}*{box-sizing:border-box}html,body,#root{min-height:100vh}body{margin:0;min-width:320px;background:transparent}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.dashboard-shell{min-height:100vh;display:grid;grid-template-columns:320px minmax(0,1fr);background:transparent}.dashboard-main{min-height:100vh;min-width:0;display:grid;grid-template-rows:auto minmax(0,1fr)}.dashboard-content-area{min-height:0;overflow-y:auto;padding:0 var(--space-4) var(--space-4)}.page-container{padding:var(--space-4) 0 var(--space-5);display:grid;gap:var(--space-4)}.page,.page-grid{display:grid;gap:var(--space-4)}.page-grid-balanced{grid-template-columns:minmax(320px,.95fr) minmax(0,1.35fr);align-items:start}.page-grid-equal{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr))}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid rgba(207,190,164,.5);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#faf6eee0}.topbar-menu{display:none;width:44px;height:44px;border-radius:999px;border:1px solid var(--border);background:#fffdf8cc;align-items:center;justify-content:center;padding:0;gap:4px;flex-direction:column}.topbar-menu span{width:18px;height:2px;border-radius:999px;background:var(--text)}.topbar-copy{display:grid;gap:4px}.topbar-eyebrow{margin:0;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:700}.topbar h2{margin:0;font-size:clamp(1.4rem,2vw,2rem);line-height:1.1}.topbar-copy p:last-child{margin:0;max-width:720px;color:var(--text-soft);font-size:.96rem}.sidebar{position:sticky;top:0;height:100vh;padding:var(--space-4);display:grid;grid-template-rows:auto 1fr auto;gap:var(--space-5);background:linear-gradient(180deg,#1e2322f7,#555e5cfc),radial-gradient(circle at top left,rgba(255,255,255,.08),transparent 25%);color:#f8f3e9}.sidebar-backdrop{display:none}.sidebar-brand{display:grid;grid-template-columns:auto 1fr;gap:var(--space-3);align-items:start}.sidebar-mark{width:48px;height:48px;border-radius:16px;background:#ffffff24;display:grid;place-items:center;font-weight:700;font-size:1.2rem}.sidebar-brand h1,.sidebar-brand p{margin:0}.sidebar-brand h1{font-size:1.35rem}.sidebar-brand p,.sidebar-user p{color:#f8f3e9bf}.sidebar-nav{display:grid;align-content:start;gap:10px}.sidebar-link{display:flex;align-items:center;min-height:52px;padding:0 var(--space-3);border-radius:16px;color:#f8f3e9db;border:1px solid transparent;transition:background .18s ease,transform .18s ease,border-color .18s ease}.sidebar-link.active,.sidebar-link:hover{background:#ffffff1a;border-color:#ffffff1f;transform:translate(2px)}.sidebar-footer{display:grid;gap:var(--space-3);padding:var(--space-3);border-radius:18px;background:#ffffff14}.sidebar-user strong,.sidebar-user p{display:block;margin:0}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:var(--space-4)}.auth-layout{width:min(1080px,100%);display:grid;grid-template-columns:1.1fr minmax(320px,460px);gap:var(--space-4);align-items:stretch}.auth-hero{padding:var(--space-6);border-radius:var(--radius-lg);background:linear-gradient(135deg,#224c43f5,#b76a2deb),radial-gradient(circle at top left,rgba(255,255,255,.2),transparent 22%);color:#fff8ee;box-shadow:var(--shadow-card);display:grid;align-content:end;gap:var(--space-3)}.auth-hero p,.auth-hero h1,.auth-hero ul{margin:0}.auth-hero ul{padding-left:1.2rem}.auth-card{align-self:center}@media(max-width:1100px){.page-grid-balanced,.page-grid-equal,.auth-layout,.stats-grid{grid-template-columns:1fr}}@media(max-width:900px){.dashboard-shell{grid-template-columns:1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:min(320px,calc(100vw - 48px));z-index:40;transform:translate(-100%);transition:transform .22s ease;box-shadow:var(--shadow-card)}.sidebar.is-open{transform:translate(0)}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#1a140d59;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:30;border:0;padding:0}.sidebar-backdrop.is-open{opacity:1;pointer-events:auto}.topbar-menu{display:inline-flex}.dashboard-content-area{padding-inline:var(--space-3)}}@media(max-width:640px){.topbar,.page-container{padding-inline:0}.dashboard-content-area{padding:0 var(--space-2) var(--space-3)}}.ui-card{background:#fffdf8eb;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.ui-card-padded{padding:var(--space-4)}.page-header{display:flex;justify-content:space-between;align-items:end;gap:var(--space-3)}.page-header h1,.page-header p{margin:0}.page-header h1{font-size:clamp(2rem,2.5vw,2.75rem);line-height:1}.page-header p{margin-top:8px;max-width:680px;color:var(--text-soft)}.toolbar,.actions,.section-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.ui-button{min-height:46px;padding:0 18px;border-radius:999px;border:1px solid transparent;font-weight:700;transition:transform .16s ease,background .16s ease,border-color .16s ease,opacity .16s ease}.ui-button:hover{transform:translateY(-1px)}.ui-button-primary{background:var(--primary);color:#fffdf8}.ui-button-primary:hover{background:var(--primary-strong)}.ui-button-secondary,.ui-button-ghost{background:var(--surface-soft);color:var(--text);border-color:var(--border)}.ui-button-danger{background:var(--danger);color:#fff5f2}.ui-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.notice{padding:14px 16px;border-radius:16px;border:1px solid var(--border);background:#fffdf8e6;color:var(--text-soft)}.notice-success{background:var(--success-soft);border-color:#2d6b4733;color:var(--success)}.notice-error{background:var(--danger-soft);border-color:#b543322e;color:var(--danger)}.notice-warning{background:var(--warning-soft);border-color:#9b6d182e;color:var(--warning)}.section-card{display:grid;gap:var(--space-4)}.section-header{display:flex;justify-content:space-between;align-items:start;gap:var(--space-3)}.section-copy{display:grid;gap:6px}.section-copy h2,.section-copy p{margin:0}.section-copy h2{font-size:1.2rem}.section-copy p{color:var(--text-soft)}.form-shell{display:grid;gap:var(--space-4)}.form-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(var(--form-columns, 2),minmax(0,1fr))}.field-group{display:grid;gap:8px}.field-group label{font-size:.93rem;font-weight:700}.field-group input,.field-group select,.field-group textarea{width:100%;min-height:50px;padding:14px 16px;border-radius:16px;border:1px solid var(--border);background:#fff;color:var(--text)}.field-group textarea{min-height:128px;resize:vertical}.field-group small{color:var(--text-faint)}.data-table-card{min-height:100%;display:grid}.table-wrap{min-width:0;overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:16px 14px;text-align:left;border-bottom:1px solid rgba(227,214,192,.8);vertical-align:top}th{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint)}tbody tr:hover{background:#224c430a}.status-badge{display:inline-flex;align-items:center;padding:.35rem .7rem;border-radius:999px;font-size:.78rem;font-weight:700;text-transform:capitalize}.status-badge.pending{background:var(--warning-soft);color:var(--warning)}.status-badge.approved{background:var(--success-soft);color:var(--success)}.status-badge.rejected{background:var(--danger-soft);color:var(--danger)}.status-badge.blocked{background:#2a20141f;color:var(--text)}.status-badge.upi,.status-badge.cod{background:#2a201414;color:var(--text)}.status-badge.payment_pending{background:var(--warning-soft);color:var(--warning)}.status-badge.payment_verified{background:#3a72be1f;color:#3161a8}.status-badge.confirmed{background:var(--success-soft);color:var(--success)}.status-badge.dispatched{background:#7952b324;color:#6d49b8}.status-badge.delivered{background:#737d8e24;color:#5c6675}.filter-tabs{display:flex;flex-wrap:wrap;gap:var(--space-2)}.filter-tab{min-height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--border);background:var(--surface-soft);color:var(--text-soft);font-weight:700}.filter-tab.is-active{background:var(--primary);border-color:var(--primary);color:#fffdf8}.summary-card{display:grid;gap:10px}.summary-card h3,.summary-card strong,.summary-card p{margin:0}.summary-card h3{font-size:.9rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint)}.summary-card strong{font-size:clamp(2rem,3vw,2.6rem);line-height:1}.summary-card p{color:var(--text-soft)}.dashboard-note-list{margin:0;padding-left:1rem;color:var(--text-soft)}.empty-state{min-height:220px;display:grid;place-items:center;align-content:center;gap:10px;text-align:center;color:var(--text-soft)}.empty-state h3,.empty-state p{margin:0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:var(--space-4);background:#2a20146b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-panel{width:min(100%,640px);max-height:min(88vh,900px);overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:var(--surface);border:1px solid var(--border);border-radius:28px;box-shadow:var(--shadow-card)}.modal-large{width:min(100%,760px)}.modal-header,.modal-footer{display:flex;align-items:start;justify-content:space-between;gap:var(--space-3);padding:var(--space-4)}.modal-header{border-bottom:1px solid rgba(227,214,192,.8)}.modal-footer{border-top:1px solid rgba(227,214,192,.8);justify-content:flex-end;align-items:center}.modal-copy{display:grid;gap:6px}.modal-copy h2,.modal-copy p{margin:0}.modal-copy p{color:var(--text-soft)}.modal-body{overflow-y:auto;padding:var(--space-4)}.modal-close{width:42px;height:42px;border-radius:999px;border:1px solid var(--border);background:var(--surface-soft);color:var(--text);font-size:1.35rem;line-height:1}.order-filters-grid{display:grid;gap:var(--space-3);grid-template-columns:minmax(200px,1fr) minmax(220px,1.4fr) minmax(160px,.8fr) minmax(160px,.8fr)}.order-filters-panel{display:grid;gap:var(--space-4)}.order-filter-actions{display:flex;justify-content:flex-end;align-items:end}.order-table-card{overflow:hidden}.order-reference{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.9rem;letter-spacing:.01em}.order-actions-cell{display:flex;flex-wrap:wrap;gap:8px}.order-action-button.ui-button{min-height:34px;padding:0 12px;font-size:.82rem}.order-empty-cell{color:var(--text-soft)}.order-table-meta{display:grid;gap:4px}.order-table-meta strong,.order-table-meta span,.order-table-meta p{margin:0}.order-table-meta strong{font-size:.98rem}.order-table-meta span,.order-table-meta p{color:var(--text-soft);font-size:.88rem}.order-filter-subtext{margin:0;color:var(--text-soft);font-size:.88rem}.toast-stack{position:fixed;top:88px;right:24px;z-index:95;display:grid;gap:10px;width:min(360px,calc(100vw - 32px))}.toast{padding:14px 16px;border-radius:16px;border:1px solid var(--border);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffdf8f2}.toast strong,.toast p{margin:0}.toast strong{display:block;margin-bottom:4px}.toast p{color:var(--text-soft);font-size:.92rem}.toast-success{background:var(--success-soft);border-color:#2d6b472e}.toast-error{background:var(--danger-soft);border-color:#b543322e}.toast-warning{background:var(--warning-soft);border-color:#9b6d182e}.order-modal-grid{display:grid;gap:var(--space-3)}.order-detail-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.order-detail-item{display:grid;gap:4px;padding:12px 14px;border-radius:18px;background:#fffdf8b8;border:1px solid var(--border)}.order-detail-item span{color:var(--text-faint);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.order-detail-item strong{font-size:.96rem;word-break:break-word}.order-note-field textarea{min-height:110px}.skeleton{position:relative;overflow:hidden;background:linear-gradient(90deg,#e3d6c06b,#f7f1e6eb,#e3d6c06b);background-size:200% 100%;animation:skeleton-shimmer 1.2s linear infinite;border-radius:999px}.skeleton-line{height:12px;width:100%}.skeleton-line.short{width:72%}.skeleton-chip{width:92px;height:30px}.skeleton-button{width:88px;height:32px;border-radius:999px}.skeleton-cell-stack{display:grid;gap:8px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:980px){.order-filters-grid,.order-detail-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.order-filters-grid,.order-detail-grid{grid-template-columns:1fr}.toast-stack{right:16px;left:16px;width:auto}}.color-chip{display:inline-flex;align-items:center;gap:10px}.color-chip-swatch{width:18px;height:18px;border-radius:999px;border:1px solid rgba(42,32,20,.12)}.muted{color:var(--text-soft)}@media(max-width:720px){.page-header,.section-header,.toolbar,.actions{align-items:stretch}.page-header,.section-header{flex-direction:column}.form-grid{grid-template-columns:1fr}.modal-overlay{padding:var(--space-2)}.modal-header,.modal-body,.modal-footer{padding:var(--space-3)}}.full-width{width:100%}