:root{--background: #ffffff;--foreground: #030213;--card: #ffffff;--card-foreground: #030213;--popover: #ffffff;--popover-foreground: #030213;--primary: #030213;--primary-foreground: #ffffff;--secondary: #e9ebef;--secondary-foreground: #030213;--muted: #ececf0;--muted-foreground: color-mix(in srgb, #030213 58%, white 42%);--accent: #e9ebef;--accent-foreground: #030213;--destructive: #8b0000;--destructive-foreground: #ffffff;--border: rgba(0, 0, 0, .1);--input: rgba(0, 0, 0, .1);--input-background: #f3f3f5;--switch-background: #cbced4;--ring: color-mix(in srgb, #030213 42%, white 58%);--radius: .625rem;--store-primary: #030213;--store-accent: #e9ebef;--store-surface: #ffffff;--store-background: #ffffff;--store-foreground: #030213;--store-muted: #ececf0;--store-border: rgba(0, 0, 0, .1);--store-success: #15803d;--store-warning: #b45309;--store-danger: #8b0000;--store-radius: .625rem;--store-header-background: #e9ebef;--store-header-foreground: #030213;--store-header-subtitle: color-mix(in srgb, #030213 74%, white 26%);--store-panel-border: color-mix(in srgb, rgba(0, 0, 0, .1) 55%, #e9ebef 45%);--store-panel-muted: color-mix(in srgb, #ffffff 72%, #e9ebef 28%);--store-text-soft: color-mix(in srgb, #030213 38%, white 62%)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--background);color:var(--foreground)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{min-height:100vh;background:linear-gradient(180deg,color-mix(in srgb,var(--store-accent) 18%,transparent 82%) 0%,transparent 20%),var(--background)}.sidebar{position:fixed;top:0;left:0;width:280px;height:100vh;display:flex;flex-direction:column;gap:1rem;padding:1.25rem;border-right:1px solid var(--border);background:color-mix(in srgb,var(--store-surface) 72%,var(--store-accent) 28%);overflow-y:auto}.sidebar-brand,.sidebar-footer,.panel,.soft-panel,.table-card{border:1px solid var(--store-panel-border);border-radius:10px;background:var(--card)}.sidebar-brand{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem}.sidebar-brand-mark{display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:.875rem;background:var(--primary);color:var(--primary-foreground);font-weight:700}.sidebar-brand h2,.sidebar-brand p{margin:0}.sidebar-nav{display:flex;flex-direction:column;gap:.35rem}.sidebar-group{display:grid;gap:.4rem}.sidebar-link{display:flex;align-items:center;gap:.75rem;width:100%;padding:.8rem .95rem;border:none;border-radius:.8rem;background:transparent;color:var(--foreground);text-align:left;-webkit-appearance:none;-moz-appearance:none;appearance:none}.sidebar-link:hover,.sidebar-link-active{background:color-mix(in srgb,var(--store-accent) 40%,var(--store-surface) 60%)}.sidebar-link-icon,.button-icon{width:1rem;height:1rem}.sidebar-group-chevron{width:.95rem;height:.95rem;margin-left:auto;transition:transform .16s ease}.sidebar-group-chevron-open{transform:rotate(180deg)}.sidebar-subnav{display:grid;gap:.3rem;padding-left:1rem}.sidebar-sublink{display:flex;align-items:center;min-height:2.5rem;padding:.65rem .8rem;border-radius:.75rem;color:var(--muted-foreground);font-size:.95rem}.sidebar-sublink:hover,.sidebar-sublink-active{background:color-mix(in srgb,var(--store-accent) 24%,var(--store-surface) 76%);color:var(--foreground)}.sidebar-footer{margin-top:auto;padding:1rem}.content-area{margin-left:280px;min-width:0;min-height:100vh}.topbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.5rem;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--store-surface) 82%,white 18%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:10}.topbar h2,.topbar p{margin:0}.topbar-summary,.chip-wrap,.filters-row,.pagination-actions,.form-actions,.table-actions{display:flex;flex-wrap:wrap;gap:.75rem}.page-content{padding:1.5rem}.page-header{display:flex;justify-content:space-between;align-items:end;gap:1rem}.page-header-actions{display:flex;gap:.75rem}.panel,.soft-panel,.table-card{padding:1rem;overflow:hidden}.table-footer{display:flex;justify-content:space-between;align-items:center;padding:.9rem 1rem;border-top:1px solid var(--border);background:color-mix(in srgb,var(--store-surface) 85%,white 15%)}.table-footer .text-muted{font-size:.9rem}.soft-panel{background:color-mix(in srgb,var(--store-surface) 70%,var(--store-accent) 30%)}.grid{display:grid;gap:1rem}.grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid,.action-grid{display:grid;gap:1rem}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stack-lg,.stack-md,.stack-sm,.stack-2xs{display:flex;flex-direction:column}.stack-lg{gap:1.5rem}.stack-md{gap:1rem}.stack-sm{gap:.75rem}.stack-2xs{gap:.2rem}.panel-badge,.chip{display:inline-flex;align-items:center;width:fit-content;padding:.3rem .65rem;border-radius:999px;font-size:.8rem;font-weight:600}.panel-badge{background:color-mix(in srgb,var(--store-accent) 48%,white 52%);color:var(--store-primary)}.chip{background:color-mix(in srgb,var(--store-surface) 68%,var(--store-accent) 32%);color:var(--foreground)}.chip-muted{background:color-mix(in srgb,var(--muted-foreground) 14%,white 86%);color:var(--muted-foreground)}.text-muted{color:var(--muted-foreground)}.text-soft{color:var(--store-text-soft)}.address-line{margin:0}.danger-text,.form-error{color:var(--destructive)}.status-badge{display:inline-flex;align-items:center;justify-content:center;min-width:7rem;padding:.35rem .7rem;border-radius:999px;font-size:.8rem;font-weight:600}.status-badge-pending{background:color-mix(in srgb,#f59e0b 18%,white 82%);color:#8a5a00}.status-badge-paid{background:color-mix(in srgb,#0ea5e9 18%,white 82%);color:#075985}.status-badge-processing{background:color-mix(in srgb,#7c3aed 18%,white 82%);color:#5b21b6}.status-badge-shipped{background:color-mix(in srgb,#2563eb 18%,white 82%);color:#1d4ed8}.status-badge-delivered{background:color-mix(in srgb,#16a34a 18%,white 82%);color:#166534}.status-badge-cancelled{background:color-mix(in srgb,#dc2626 14%,white 86%);color:#991b1b}.dashboard-hero{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.dashboard-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,.95fr);gap:1.25rem;align-items:start}.settings-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,.34fr);gap:1.25rem;align-items:start}.roles-layout,.accounts-layout{display:grid;grid-template-columns:minmax(17rem,.34fr) minmax(0,1fr);gap:1.25rem;align-items:start}.customer-detail-layout{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,.38fr);gap:1.25rem;align-items:stretch}.customer-detail-layout>.panel{height:100%}.dashboard-main,.dashboard-side{min-width:0}.dashboard-side{display:grid;gap:1rem;align-content:start}.dashboard-action-grid{grid-template-columns:1fr}.dashboard-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.dashboard-layout .panel,.dashboard-layout .hero-panel,.dashboard-layout .hero-side-panel,.dashboard-layout .dashboard-summary-card{overflow:visible}.hero-panel,.hero-side-panel,.metric-card,.dashboard-summary-card,.action-card{border:1px solid var(--store-panel-border);border-radius:10px;min-width:0}.hero-panel{grid-column:span 2;padding:1.5rem;background:linear-gradient(135deg,color-mix(in srgb,var(--store-accent) 55%,white 45%),color-mix(in srgb,var(--store-surface) 78%,white 22%))}.hero-panel h2,.hero-panel p,.metric-card p,.metric-card strong{margin:0}.hero-panel h2{font-size:2.2rem;line-height:1.15;margin-top:.4rem}.dashboard-hero-heading,.dashboard-stat-strip,.dashboard-section-header{display:flex;gap:1rem}.dashboard-hero-heading,.dashboard-section-header{justify-content:space-between;align-items:start}.dashboard-stat-strip{flex-wrap:wrap;margin-top:1rem}.dashboard-stat-pill{padding:.9rem 1rem;border:1px solid color-mix(in srgb,var(--store-panel-border) 82%,white 18%);border-radius:.9rem;background:color-mix(in srgb,white 76%,var(--store-surface) 24%)}.dashboard-stat-pill{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.75rem;min-width:12rem;flex:1 1 12rem}.dashboard-stat-icon,.dashboard-section-icon{width:1rem;height:1rem;color:var(--store-primary)}.hero-side-panel{padding:1.1rem;background:color-mix(in srgb,var(--store-surface) 72%,white 28%)}.metric-card{padding:1rem;background:color-mix(in srgb,var(--store-surface) 84%,white 16%)}.dashboard-summary-card{padding:1rem;background:color-mix(in srgb,var(--store-surface) 82%,white 18%)}.dashboard-summary-card-alert{border-color:color-mix(in srgb,var(--destructive) 22%,var(--store-panel-border) 78%);background:color-mix(in srgb,var(--destructive) 6%,white 94%)}.metric-label{margin:0;color:var(--muted-foreground);font-size:.9rem}.metric-value{display:block;margin:.45rem 0 .3rem;font-size:1.8rem;line-height:1.1}.metric-inline-value{font-size:1.35rem;line-height:1.15}.dashboard-summary-value{display:block;margin:.35rem 0 .25rem;font-size:1.4rem;line-height:1.15}.action-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.9rem;padding:1rem;background:color-mix(in srgb,var(--store-surface) 80%,white 20%)}.action-card:hover{background:color-mix(in srgb,var(--store-accent) 22%,var(--store-surface) 78%)}.action-card-icon,.action-card-arrow{width:1rem;height:1rem}.cue-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.75rem;align-items:start}.cue-row p{margin:0}.cue-dot{width:.55rem;height:.55rem;margin-top:.35rem;border-radius:999px;background:var(--primary)}.field-hint,.field-hint-error{margin:0;color:var(--muted-foreground);font-size:.92rem}.field-hint-error{color:var(--destructive)}.input,.textarea{width:100%;border:1px solid var(--border);border-radius:.8rem;background:var(--input-background);color:var(--foreground);padding:.8rem .95rem}.search-field{flex:1 1 20rem}.textarea{min-height:8rem;resize:vertical}.password-input-row{position:relative}.password-input{padding-right:3rem}.password-toggle{position:absolute;top:50%;right:.55rem;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;border-radius:.6rem;background:transparent;color:var(--muted-foreground);cursor:pointer;transform:translateY(-50%)}.password-toggle:hover{background:color-mix(in srgb,var(--store-accent) 18%,var(--store-surface) 82%);color:var(--foreground)}.checkbox-row{display:flex;align-items:center;gap:.6rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:.8rem;border:1px solid transparent;padding:.75rem 1rem;cursor:pointer}.button:disabled{opacity:.65;cursor:not-allowed}.button-primary{background:var(--primary);color:var(--primary-foreground)}.button-secondary{background:var(--secondary);color:var(--secondary-foreground);border-color:var(--border)}.button-ghost{background:transparent;color:var(--foreground);border-color:var(--border)}.button-block{width:100%}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:center;padding:.9rem .75rem;vertical-align:center}.table th:first-child,.table td:first-child{text-align:left}.table tbody tr{border-bottom:1px solid var(--border)}.table tbody tr:last-child{border-bottom:none}.table-actions{justify-content:center}.definition-list{display:grid;gap:.9rem}.definition-list div{display:grid;gap:.2rem}.definition-list dt{font-size:.85rem;color:var(--muted-foreground)}.definition-list dd{margin:0;word-break:break-word}.attribute-blocks{display:grid;padding:1rem;border-top:1px solid var(--store-panel-border)}.advanced-editor{border:1px solid var(--store-panel-border);border-radius:.75rem;background:color-mix(in srgb,var(--store-surface) 80%,white 20%);overflow:hidden}.advanced-editor summary{display:flex;align-items:center;gap:.75rem;padding:1rem;cursor:pointer;list-style:none}.advanced-editor summary::-webkit-details-marker{display:none}.advanced-editor summary:before{content:"+";display:grid;place-items:center;width:1.45rem;height:1.45rem;border:1px solid var(--border);border-radius:999px;color:var(--store-primary);font-weight:700}.advanced-editor[open] summary:before{content:"-"}.advanced-editor summary span{display:grid;gap:.15rem}.advanced-editor summary strong{font-size:.98rem}.advanced-editor summary span span{color:var(--muted-foreground);font-size:.9rem}.attribute-section{padding:1rem;background:color-mix(in srgb,var(--store-surface) 86%,white 14%)}.section-heading h3,.section-heading p{margin:0}.section-heading h3{font-size:1rem}.attribute-row{display:grid;gap:.75rem;align-items:start}.media-row{grid-template-columns:3.5rem minmax(0,1fr) auto;align-items:center}.media-thumbnail{width:3.5rem;height:3.5rem;border:1px solid var(--border);border-radius:.4rem;background:var(--store-surface);object-fit:cover}.pending-media-name{min-width:0;color:var(--foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-upload-button{position:relative;width:fit-content;overflow:hidden}.media-upload-button input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.option-group-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}.choice-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto auto}.option-group-editor{padding:.9rem;border:1px solid var(--border);border-radius:.75rem;background:color-mix(in srgb,white 72%,var(--store-surface) 28%)}.option-group-actions,.color-input-row,.metadata-preview{display:flex;align-items:center;gap:.75rem}.option-group-actions{justify-content:space-between}.metadata-preview{width:fit-content;padding:.85rem;border:1px solid var(--border);border-radius:.75rem;background:color-mix(in srgb,white 70%,var(--store-surface) 30%)}.metadata-preview p{margin:.2rem 0 0}.metadata-swatch{width:2.4rem;height:2.4rem;border:1px solid var(--border);border-radius:999px}.settings-preview{position:sticky;top:5.5rem}.settings-preview-card{padding:1rem;border:1px solid var(--store-panel-border);border-radius:.8rem;background:var(--settings-preview-surface)}.settings-preview-brand{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.75rem;align-items:center}.settings-preview-brand span{display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:.75rem;background:var(--settings-preview-primary);color:#fff;font-weight:700}.settings-preview-brand p{margin:.15rem 0 0;color:var(--muted-foreground)}.settings-preview-pill,.settings-preview-chip{display:inline-flex;align-items:center;width:fit-content;margin:.5rem .5rem 0 0;padding:.45rem .7rem;border-radius:999px;font-size:.85rem;font-weight:600}.settings-preview-pill{background:var(--settings-preview-primary);color:#fff}.settings-preview-chip{background:var(--settings-preview-accent);color:var(--foreground)}.color-input{flex:0 0 auto;width:3.1rem;height:3.1rem;padding:.2rem;border:1px solid var(--border);border-radius:.75rem;background:var(--input-background);cursor:pointer}.role-list,.permission-grid,.account-list{display:grid;gap:.75rem}.role-panel-header{display:grid;gap:.85rem}.role-panel-header .button{width:100%}.role-card{display:flex;justify-content:space-between;align-items:center;gap:.75rem;width:100%;padding:.85rem;border:1px solid var(--border);border-radius:.8rem;background:color-mix(in srgb,var(--store-surface) 82%,white 18%);color:var(--foreground);cursor:pointer;text-align:left}.account-card{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem;border:1px solid var(--border);border-radius:.8rem;background:color-mix(in srgb,var(--store-surface) 84%,white 16%)}.role-card:hover,.role-card-active{border-color:color-mix(in srgb,var(--store-primary) 45%,var(--border) 55%);background:color-mix(in srgb,var(--store-accent) 28%,var(--store-surface) 72%)}.role-card-badges,.account-card-badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.35rem}.role-card span:first-child,.permission-row span{display:grid;gap:.15rem;min-width:0}.role-card small,.permission-row small{color:var(--muted-foreground)}.role-active-toggle{align-self:end;min-height:3rem}.permission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.permission-group{display:grid;gap:.9rem;padding:1rem;border:1px solid var(--border);border-radius:.8rem;background:color-mix(in srgb,var(--store-surface) 84%,white 16%)}.permission-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.75rem;align-items:start}.permission-row input{margin-top:.2rem}.textarea-compact{min-height:5.5rem}.compact-button{width:fit-content}.icon-button{width:2.85rem;height:2.85rem;padding:0}.login-screen,.screen-center{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.login-screen{background:radial-gradient(circle at top left,color-mix(in srgb,var(--store-accent) 32%,white 68%) 0%,transparent 35%),color-mix(in srgb,var(--store-surface) 70%,white 30%)}.login-panel{width:min(100%,28rem)}.panel-narrow{width:min(100%,32rem)}@media(max-width:980px){.sidebar{position:static;width:100%;height:auto;border-right:none;border-bottom:1px solid var(--border)}.content-area{margin-left:0}.grid-two,.metric-grid,.action-grid,.dashboard-hero,.dashboard-layout,.settings-layout,.roles-layout,.accounts-layout,.customer-detail-layout,.permission-grid,.dashboard-action-grid,.dashboard-summary-grid{grid-template-columns:1fr}.settings-preview{position:static}.hero-panel{grid-column:auto}.dashboard-hero-heading,.dashboard-section-header{flex-direction:column}.page-header,.topbar{align-items:start;flex-direction:column}.attribute-row,.media-row,.choice-row{grid-template-columns:1fr}.option-group-actions{align-items:start;flex-direction:column}}