@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#191322;background:#f7f5f9;font-synthesis:none;text-rendering:optimizeLegibility;--purple: #8b2bd6;--purple-dark: #6f1daf;--purple-soft: #f6edff;--ink: #191322;--muted: #746d7d;--line: #e9e4ed;--surface: #fff;--danger: #d92d46;--shadow: 0 1px 2px rgba(31, 22, 40, .04), 0 10px 30px rgba(54, 33, 72, .04)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f7f5f9}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit}h1,h2,h3,p{margin-top:0}.app-shell{min-height:100vh;display:flex}.sidebar{width:256px;position:fixed;inset:0 auto 0 0;z-index:30;display:flex;flex-direction:column;padding:22px 16px;background:#201629;color:#fff}.sidebar-brand{display:flex;align-items:center;gap:11px;padding:0 8px 24px}.sidebar-brand>div:nth-child(2){display:flex;flex-direction:column;gap:2px}.sidebar-brand strong{font-size:15px}.sidebar-brand span{color:#b9afc1;font-size:11px}.brand-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;color:#fff;background:linear-gradient(135deg,#a741ef,#7421bd);box-shadow:0 8px 22px #8b2bd647}.brand-mark.small{width:36px;height:36px;border-radius:11px;flex:0 0 auto}.brand-mark.warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.sidebar nav{display:grid;gap:5px}.sidebar nav button{display:flex;align-items:center;gap:12px;width:100%;padding:11px 13px;border:0;border-radius:11px;color:#c9c0d0;background:transparent;text-align:left;font-size:13px;font-weight:600;transition:.16s ease}.sidebar nav button:hover{color:#fff;background:#ffffff0f}.sidebar nav button.active{color:#fff;background:linear-gradient(90deg,#9d41eb4d,#9d41eb21);box-shadow:inset 3px 0 #b75cff}.sidebar-help{margin-top:auto;padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:15px;display:flex;flex-direction:column;gap:8px;color:#d8cfdf;background:#ffffff09;font-size:11px;line-height:1.5}.sidebar-help svg{color:#c66dff}.sidebar-help strong{color:#fff;font-size:12px}.mobile-close,.mobile-menu{display:none;border:0;background:transparent;color:inherit}.main-column{min-width:0;flex:1;margin-left:256px}.topbar{height:72px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(231,225,235,.85);background:#ffffffe0;backdrop-filter:blur(14px)}.topbar-context{display:flex;flex-direction:column;gap:2px}.topbar-context span{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.topbar-context strong{font-size:14px}.profile-menu{position:relative}.profile-button{display:flex;align-items:center;gap:10px;padding:5px 7px;border:0;border-radius:12px;background:transparent;color:var(--ink)}.profile-button:hover{background:#f5f1f7}.avatar,.large-avatar{display:inline-grid;place-items:center;flex:0 0 auto;width:34px;height:34px;border-radius:50%;color:#7a22ba;background:#f1dfff;font-weight:750}.profile-copy{display:flex;flex-direction:column;align-items:flex-start;gap:1px}.profile-copy strong{font-size:12px}.profile-copy small{max-width:190px;overflow:hidden;color:var(--muted);font-size:10px;text-overflow:ellipsis}.profile-popover{position:absolute;right:0;top:calc(100% + 10px);width:250px;padding:10px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 18px 45px #23132e26}.profile-popover div{padding:8px 10px 12px;display:flex;flex-direction:column;gap:4px;border-bottom:1px solid var(--line)}.profile-popover div strong{font-size:12px}.profile-popover div span{color:var(--muted);font-size:11px}.profile-popover button{width:100%;margin-top:7px;padding:9px 10px;display:flex;align-items:center;gap:8px;border:0;border-radius:9px;color:var(--danger);background:transparent}.profile-popover button:hover{background:#fff1f3}.page-content{max-width:1500px;margin:0 auto;padding:30px 32px 60px}.page-header{min-height:56px;margin-bottom:24px;display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.page-header h1{margin-bottom:6px;font-size:25px;letter-spacing:-.035em}.page-header p{margin:0;color:var(--muted);font-size:12px}.page-actions{display:flex;gap:8px}.button{min-height:38px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:10px;font-size:12px;font-weight:650;transition:.15s ease}.button.primary{color:#fff;background:linear-gradient(135deg,#9b35e3,#7a22bd);box-shadow:0 7px 18px #7d25bf2e}.button.primary:hover{background:linear-gradient(135deg,#8c28d5,#6819a8);transform:translateY(-1px)}.button.secondary{border-color:var(--line);color:#3d3544;background:#fff}.button.secondary:hover{border-color:#d7cddd;background:#faf8fb}.button.danger{color:#fff;background:var(--danger)}.button.small{min-height:32px;padding:0 11px;font-size:11px}.button.wide{width:100%}.text-button,.text-link{padding:4px;border:0;color:var(--purple);background:transparent;font-size:11px;font-weight:650}.text-link{display:inline-flex;align-items:center;gap:4px}.icon-button{width:33px;height:33px;padding:0;display:inline-grid;place-items:center;border:1px solid transparent;border-radius:9px;color:#766e7d;background:transparent}.icon-button:hover{border-color:var(--line);color:var(--ink);background:#fff}.danger-text{color:var(--danger)!important}.grow{min-width:0;flex:1}.muted{color:var(--muted)}.card{min-width:0;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.card-header{min-height:58px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line)}.card-header h2{margin:0;font-size:14px}.metric-grid{margin-bottom:20px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric-card{padding:17px;display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto auto;gap:3px 12px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:var(--shadow)}.metric-icon{grid-row:1 / 4;width:42px;height:42px;display:grid;place-items:center;border-radius:12px}.metric-icon.purple{color:#872ac9;background:#f4e8ff}.metric-icon.blue{color:#2563eb;background:#eaf1ff}.metric-icon.amber{color:#c76a05;background:#fff4dd}.metric-icon.green{color:#078c58;background:#e7f8ef}.metric-card>span{color:var(--muted);font-size:10px;font-weight:600}.metric-card>strong{font-size:19px;letter-spacing:-.03em}.metric-card>small{color:#92899a;font-size:9px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,.75fr);gap:20px}.compact-orders button{width:100%;min-height:68px;padding:10px 19px;display:flex;align-items:center;gap:12px;border:0;border-bottom:1px solid var(--line);color:inherit;background:transparent;text-align:left}.compact-orders button:last-child{border-bottom:0}.compact-orders button:hover{background:#fcfafc}.compact-orders .grow,.compact-orders .grow strong,.compact-orders .grow small{display:block}.compact-orders .grow strong{font-size:11px}.compact-orders .grow small{margin-top:4px;color:var(--muted);font-size:9px}.compact-orders>button>strong{font-size:11px}.order-dot,.attention-icon{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;color:var(--purple);background:var(--purple-soft)}.attention-list{padding:7px 14px}.attention-list button{width:100%;padding:13px 3px;display:flex;align-items:center;gap:11px;border:0;border-bottom:1px solid var(--line);color:inherit;background:transparent;text-align:left}.attention-list button:last-child{border-bottom:0}.attention-list .grow strong,.attention-list .grow small{display:block}.attention-list .grow strong{font-size:11px}.attention-list .grow small{margin-top:3px;color:var(--muted);font-size:9px}.attention-list b{color:var(--purple);font-size:14px}.toolbar{min-height:64px;padding:12px 16px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line)}.search-field{max-width:390px;min-width:240px;height:38px;padding:0 12px;display:flex;align-items:center;gap:8px;flex:1;border:1px solid var(--line);border-radius:10px;color:#8b8292;background:#fbfafc}.search-field:focus-within{border-color:#ba78e8;box-shadow:0 0 0 3px #f4e9fc}.search-field input{min-width:0;flex:1;border:0;outline:0;background:transparent;font-size:11px}select,input,textarea{width:100%;border:1px solid #ddd6e1;border-radius:9px;outline:0;color:var(--ink);background:#fff;transition:.14s ease}select,input{min-height:38px;padding:0 11px}textarea{padding:10px 11px;resize:vertical}select:focus,input:focus,textarea:focus{border-color:#af60df;box-shadow:0 0 0 3px #f4e9fc}.toolbar>select{width:auto;min-width:165px;font-size:11px}.result-count{margin-left:auto;padding-right:4px;color:var(--muted);font-size:10px;white-space:nowrap}.segmented{padding:3px;display:flex;border:1px solid var(--line);border-radius:10px;background:#faf8fb}.segmented button{padding:7px 11px;border:0;border-radius:7px;color:var(--muted);background:transparent;font-size:10px;font-weight:600}.segmented button.active{color:var(--ink);background:#fff;box-shadow:0 1px 5px #23172a17}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th{height:40px;padding:0 16px;color:#8b8292;background:#fbfafc;font-size:9px;font-weight:650;letter-spacing:.03em;text-align:left;text-transform:uppercase;white-space:nowrap}td{min-height:62px;padding:11px 16px;border-top:1px solid var(--line);color:#514958;font-size:10px;vertical-align:middle}tbody tr{transition:background .12s ease}tbody tr:hover{background:#fdfbfd}td strong,td small{display:block}td strong{color:var(--ink);font-size:11px}td small{margin-top:4px;color:#8e8595;font-size:9px}.row-actions{display:flex;justify-content:flex-end;gap:2px}.badge{width:fit-content;padding:4px 8px;display:inline-flex;align-items:center;border-radius:999px;font-size:9px;font-weight:700;white-space:nowrap}.badge.purple{color:#7e22b9;background:#f3e4ff}.badge.blue{color:#1d55b9;background:#e9f1ff}.badge.amber{color:#a75a00;background:#fff2d5}.badge.cyan{color:#08758d;background:#e4f8fc}.badge.green{color:#08784d;background:#e4f7ed}.badge.red{color:#b4233b;background:#ffe9ed}.badge.neutral{color:#675f6d;background:#f0edf2}.product-cell,.customer-cell{display:flex;align-items:center;gap:10px;min-width:190px}.product-cell>img,.product-cell>.image-placeholder{width:42px;height:50px;flex:0 0 auto;border-radius:8px;object-fit:cover}.product-cell span,.customer-cell span:last-child{min-width:0}.product-cell strong,.product-cell small,.customer-cell strong,.customer-cell small{max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-placeholder{display:grid;place-items:center;color:#8f5cae;background:linear-gradient(135deg,#f1e3fa,#e6d4f2);font-weight:800}.sale-copy{color:var(--danger)!important}.stock-low{color:#bb4d00;font-weight:700}.empty-state{min-height:280px;padding:40px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.empty-illustration{width:52px;height:52px;margin-bottom:13px;display:grid;place-items:center;border-radius:16px;color:var(--purple);background:var(--purple-soft);font-size:22px}.empty-state h3{margin-bottom:6px;font-size:14px}.empty-state p{max-width:380px;margin-bottom:16px;color:var(--muted);font-size:11px;line-height:1.6}.loading-rows{padding:18px}.skeleton{height:45px;margin-bottom:10px;border-radius:10px;background:linear-gradient(90deg,#f5f2f7 25%,#fbfafd,#f5f2f7 65%);background-size:200% 100%;animation:shimmer 1.4s infinite}.modal-backdrop{position:fixed;inset:0;z-index:100;padding:24px;display:grid;place-items:center;background:#180e1f94;backdrop-filter:blur(4px)}.modal{width:min(540px,100%);max-height:calc(100vh - 48px);display:flex;flex-direction:column;border-radius:18px;background:#fff;box-shadow:0 30px 90px #140a1c52;overflow:hidden}.modal.wide{width:min(1100px,100%)}.modal>header{min-height:66px;padding:13px 18px 13px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line)}.modal>header h2{margin:0;font-size:16px}.modal>header p{margin:4px 0 0;color:var(--muted);font-size:10px}.modal-content{min-height:0;padding:22px;overflow-y:auto}.modal-actions{margin-top:20px;display:flex;justify-content:flex-end;gap:9px}.modal-actions.sticky{position:sticky;bottom:-22px;z-index:3;margin:14px -22px -22px;padding:13px 22px;border-top:1px solid var(--line);background:#fffffff5;backdrop-filter:blur(8px)}.confirm-copy{margin:0;color:#574e5e;font-size:12px;line-height:1.65}.form-stack{display:grid;gap:15px}.form-stack>label,.form-grid label,.banner-form label,.order-side label,.editor-form>label,.form-section>label{display:grid;gap:6px;color:#514858;font-size:10px;font-weight:650}.form-stack label small,.form-grid label small{color:var(--muted);font-size:9px;font-weight:400}.form-grid{display:grid;gap:13px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.editor-form{display:grid;gap:17px}.form-section{padding:17px;display:grid;gap:14px;border:1px solid var(--line);border-radius:13px;background:#fff}.form-section h3{margin:0;font-size:12px}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.section-heading h3{margin-bottom:4px}.section-heading p{margin:0;color:var(--muted);font-size:9px}.toggle-grid{display:flex;align-items:center;flex-wrap:wrap;gap:22px}.toggle-row{display:inline-flex!important;align-items:center;grid-template-columns:auto 1fr;gap:9px!important;color:#514858;font-size:10px;font-weight:600}.toggle{position:relative;width:38px;height:22px;padding:0;border:0;border-radius:999px;background:#d5cfd9}.toggle span{position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000002e;transition:.16s ease}.toggle.on{background:var(--purple)}.toggle.on span{transform:translate(16px)}.field-label{display:block;margin-bottom:10px;color:#514858;font-size:10px;font-weight:650}.form-message,.page-message{padding:10px 12px;border-radius:9px;color:#6f3b00;background:#fff4d9;font-size:10px;line-height:1.5}.form-message.error{color:#9d2034;background:#ffedf0}.page-message{margin:-10px 0 18px}.inline-actions{display:flex;align-items:center;gap:10px}.auth-page{min-height:100vh;padding:24px;display:grid;place-items:center;background:radial-gradient(circle at 50% 10%,#f4e5ff 0,transparent 34%),#f8f6f9}.auth-card{width:min(420px,100%);padding:38px;border:1px solid #e7dfee;border-radius:22px;background:#ffffffed;box-shadow:0 24px 70px #4d2b611f}.auth-card.centered{display:flex;flex-direction:column;align-items:center;text-align:center;gap:13px}.auth-card>.brand-mark{margin-bottom:22px}.auth-card.centered>.brand-mark{margin-bottom:5px}.auth-card .eyebrow{margin-bottom:7px;color:var(--purple);font-size:9px;font-weight:800;letter-spacing:.16em}.auth-card h1{margin-bottom:8px;font-size:22px;letter-spacing:-.04em}.auth-card>.muted{margin-bottom:25px;font-size:11px;line-height:1.55}.loader-block{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--muted);font-size:11px}.spin{animation:spin .8s linear infinite}.order-detail-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.75fr);gap:15px}.order-main,.order-side{display:grid;align-content:start;gap:15px}.order-main .card,.order-side .card{box-shadow:none}.order-side .card{padding-bottom:15px}.order-side .card>label,.order-side .card>.form-message,.order-side .card>.button{margin:13px 15px 0;width:calc(100% - 30px)}.order-items{padding:5px 17px}.order-item{min-height:78px;padding:11px 0;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line)}.order-item:last-child{border-bottom:0}.order-item>img,.order-item>.image-placeholder{width:48px;height:58px;flex:0 0 auto;border-radius:8px;object-fit:cover}.order-item .grow strong,.order-item .grow span,.order-item .grow small{display:block}.order-item .grow strong{font-size:11px}.order-item .grow span{margin-top:4px;color:#675e6e;font-size:9px}.order-item .grow small{margin-top:3px;color:var(--muted);font-size:9px}.order-item>strong{font-size:11px;white-space:nowrap}.order-total{padding:14px 17px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);background:#fcfafc;font-size:12px}.order-total strong{font-size:15px}.timeline{padding:15px 18px}.timeline>div{position:relative;min-height:48px;display:flex;gap:12px}.timeline>div:not(:last-child):after{content:"";position:absolute;left:11px;top:25px;bottom:0;width:1px;background:#d9cde1}.timeline-dot{z-index:1;width:23px;height:23px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;color:#fff;background:var(--purple)}.timeline strong,.timeline small,.timeline p{display:block}.timeline strong{font-size:10px}.timeline small{margin-top:3px;color:var(--muted);font-size:8px}.timeline p{margin:5px 0 0;color:#615768;font-size:9px}.info-list{padding:12px 15px;display:grid;gap:15px}.info-list p{margin:0;display:flex;gap:10px;color:#8b2bd6}.info-list span{display:flex;flex-direction:column;gap:3px;color:var(--ink)}.info-list small{color:var(--muted);font-size:8px}.info-list strong,.info-list a{font-size:10px;line-height:1.45;text-decoration:none}.customer-note{margin:0 15px;padding:10px;border-radius:9px;background:#faf7fb}.customer-note strong{font-size:9px}.customer-note p{margin:5px 0 0;color:#625969;font-size:9px;line-height:1.5}.payment-row{padding:13px 15px 0;display:flex;gap:10px;color:var(--purple)}.payment-row span{color:var(--ink)}.payment-row strong,.payment-row small{display:block}.payment-row strong{font-size:10px}.payment-row small{margin-top:3px;color:var(--muted);font-size:8px}.upload-progress{position:relative;height:20px;border-radius:8px;overflow:hidden;background:#eee9f1}.upload-progress span{display:block;height:100%;background:linear-gradient(90deg,#af4fea,#7925b8)}.upload-progress b{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:8px}.upload-dropzone{min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1.5px dashed #cbbbd5;border-radius:12px;color:#8d45b8;background:#fcf8ff}.upload-dropzone strong{color:var(--ink);font-size:11px}.upload-dropzone span{color:var(--muted);font-size:9px}.image-manager{display:grid;grid-template-columns:repeat(5,minmax(100px,1fr));gap:10px}.managed-image{position:relative;padding:5px;border:1px solid var(--line);border-radius:11px;overflow:hidden}.managed-image>img,.managed-image>.image-placeholder{width:100%;aspect-ratio:4 / 5;border-radius:7px;object-fit:cover}.managed-image>span{position:absolute;left:10px;top:10px;padding:3px 6px;border-radius:6px;color:#fff;background:#1d1125b8;font-size:8px}.managed-image>div{padding-top:5px;display:flex;justify-content:center;gap:3px}.managed-image button{width:27px;height:25px;display:grid;place-items:center;border:0;border-radius:6px;color:#685f6f;background:#f4f1f5;font-size:11px}.size-stock-editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.size-stock-row{padding:10px;display:grid;grid-template-columns:minmax(120px,1.25fr) minmax(90px,.75fr) 34px;align-items:end;gap:8px;border:1px solid var(--line);border-radius:11px;background:#faf8fb}.size-stock-row label{display:grid;gap:5px;color:#615768;font-size:9px;font-weight:650}.size-stock-row .icon-button{margin-bottom:2px}.inline-select-action{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.variant-empty{min-height:48px;padding:12px;display:flex;align-items:center;gap:8px;border:1px dashed #d4c8dc;border-radius:10px;color:var(--muted);background:#fcfafc;font-size:9px}.linked-variants{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.linked-variant{min-width:0;padding:8px;display:grid;grid-template-columns:18px 38px minmax(0,1fr) 32px;align-items:center;gap:9px;border:1px solid var(--line);border-radius:11px;background:#fff}.linked-variant>img,.linked-variant>.image-placeholder{width:38px;height:46px;border-radius:7px;object-fit:cover}.linked-variant>span:nth-of-type(2){min-width:0}.linked-variant strong,.linked-variant small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.linked-variant strong{color:var(--ink);font-size:10px}.linked-variant small{margin-top:4px;color:var(--muted);font-size:8px}.color-dot{width:18px;height:18px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #d8d0dd}.customer-detail-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(350px,1.2fr);gap:15px}.customer-detail-grid>div{display:grid;align-content:start;gap:15px}.customer-detail-grid .card{box-shadow:none}.customer-hero{padding:20px;display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(135deg,#faf2ff,#fff)}.large-avatar{width:60px;height:60px;font-size:19px}.customer-hero h3{margin-bottom:7px;font-size:14px}.customer-hero a,.customer-hero span{margin-top:4px;display:flex;align-items:center;gap:5px;color:var(--muted);font-size:9px;text-decoration:none}.mini-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mini-metrics div{padding:13px;display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto auto;column-gap:9px;border:1px solid var(--line);border-radius:12px;background:#fff}.mini-metrics svg{grid-row:1 / 3;width:30px;height:30px;padding:7px;border-radius:8px;color:var(--purple);background:var(--purple-soft)}.mini-metrics strong{font-size:11px}.mini-metrics span{color:var(--muted);font-size:8px}.address-list{padding:5px 17px 12px}.address-list>div{padding:12px 0;display:flex;gap:10px;border-bottom:1px solid var(--line);color:var(--purple)}.address-list>div:last-child{border-bottom:0}.address-list span{color:var(--ink)}.address-list strong,.address-list p,.address-list small{display:block}.address-list strong{font-size:10px}.address-list p{margin:4px 0;font-size:9px}.address-list small{color:var(--muted);font-size:8px}.customer-detail-grid .form-stack{padding:15px}.customer-orders{padding:5px 15px 12px}.customer-orders>div{padding:10px 0;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line)}.customer-orders>div:last-child{border-bottom:0}.customer-orders span:first-child{flex:1}.customer-orders strong,.customer-orders small{display:block}.customer-orders strong{font-size:10px}.customer-orders small{margin-top:3px;color:var(--muted);font-size:8px}.large-tabs{margin-bottom:15px;display:flex;gap:8px}.large-tabs button{padding:11px 15px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:11px;color:var(--muted);background:#fff;font-size:11px;font-weight:650}.large-tabs button.active{border-color:#caa0e5;color:var(--purple);background:var(--purple-soft)}.large-tabs button span{min-width:20px;padding:2px 5px;border-radius:999px;color:inherit;background:#8c2dcf1a;font-size:8px}.entity-grid{padding:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.entity-card{min-height:105px;padding:10px;display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:13px}.entity-card>img,.entity-card>.image-placeholder{width:72px;height:80px;flex:0 0 auto;border-radius:9px;object-fit:cover}.entity-title{display:flex;align-items:center;gap:7px}.entity-title h3{margin:0;font-size:12px}.entity-card p{margin:6px 0;color:var(--muted);font-size:9px;line-height:1.45}.entity-card small{color:#908698;font-size:8px}.entity-actions{display:flex;align-items:center;gap:2px}.entity-image-editor{display:flex;align-items:center;gap:11px}.entity-image-editor>img,.entity-image-editor>.image-placeholder{width:80px;height:80px;border-radius:10px;object-fit:cover}.home-editor-card{margin-bottom:20px}.home-editor{padding:18px;display:grid;grid-template-columns:minmax(280px,.85fr) minmax(350px,1.15fr);gap:20px}.banner-preview{position:relative;min-height:260px;border-radius:16px;background:linear-gradient(135deg,#a638dc,#5e1aa1);overflow:hidden}.banner-preview>img,.banner-preview>.image-placeholder{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.banner-shade{position:absolute;inset:0;background:linear-gradient(90deg,#320d48e0,#320d4833)}.banner-preview-copy{position:absolute;inset:0;padding:28px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;color:#fff}.banner-preview-copy span{font-size:10px;opacity:.85}.banner-preview-copy strong{margin-top:7px;font-size:28px}.banner-preview-copy p{max-width:280px;margin:10px 0 16px;font-size:11px;line-height:1.5;opacity:.85}.banner-preview-copy button{padding:8px 12px;border:0;border-radius:8px;color:#6c1aa6;background:#fff;font-size:9px;font-weight:700}.banner-form{display:grid;align-content:center;gap:13px}.promotion-grid{padding:15px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.promotion-card{position:relative;min-height:185px;padding:13px;display:grid;grid-template-columns:110px 1fr;grid-template-rows:1fr auto;gap:11px;border:1px solid var(--line);border-radius:14px;overflow:hidden}.promotion-card>img,.promotion-card>.image-placeholder{width:110px;height:120px;grid-row:1;border-radius:10px;object-fit:cover}.promotion-copy{min-width:0}.promotion-copy>div{display:flex;align-items:center;gap:6px}.promo-code{padding:4px 6px;border:1px dashed #b78ad3;border-radius:5px;color:#7c2caf;font-size:8px;font-weight:700}.promotion-copy h3{margin:9px 0 5px;font-size:12px}.promotion-copy p{margin-bottom:9px;color:var(--muted);font-size:9px;line-height:1.45}.promotion-copy small{display:flex;align-items:center;gap:5px;color:#8f8696;font-size:8px}.discount-bubble{position:absolute;right:10px;top:10px;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--purple);font-size:10px;box-shadow:0 5px 15px #7c24bc40}.promotion-actions{grid-column:1 / 3;padding-top:10px;display:flex;justify-content:flex-end;gap:5px;border-top:1px solid var(--line)}.promotion-image-editor{display:flex;align-items:center;gap:12px}.promotion-image-editor>img,.promotion-image-editor>.image-placeholder{width:140px;height:90px;border-radius:10px;object-fit:cover}.target-picker{max-height:170px;padding:9px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;border:1px solid var(--line);border-radius:10px;overflow-y:auto}.target-picker label{padding:7px;display:flex;align-items:center;gap:7px;border-radius:7px;background:#faf8fb;font-size:9px}.target-picker input{width:14px;min-height:14px}.security-note{margin-bottom:17px;padding:15px 17px;display:flex;gap:12px;border:1px solid #d6c2e4;border-radius:13px;color:var(--purple);background:#faf3ff}.security-note div{color:var(--ink)}.security-note strong{font-size:11px}.security-note p{margin:4px 0 0;color:var(--muted);font-size:9px;line-height:1.5}.admin-list{padding:5px 17px}.admin-list article{min-height:66px;padding:10px 0;display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--line)}.admin-list article:last-child{border-bottom:0}.admin-list .grow strong,.admin-list .grow small{display:block}.admin-list .grow strong{font-size:11px}.admin-list .grow small{margin-top:3px;color:var(--muted);font-size:8px}.toast{position:fixed;right:20px;bottom:20px;z-index:200;min-width:280px;padding:11px 12px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-radius:11px;color:#fff;background:#158057;box-shadow:0 12px 40px #16281f3d;font-size:10px}.toast.error{background:var(--danger)}.toast button{border:0;color:inherit;background:transparent}.delivery-method{display:inline-flex;align-items:center;gap:6px;color:#615768;font-size:9px;font-weight:650;white-space:nowrap}.store-editor-card{margin-bottom:20px}.store-editor{padding:18px;display:grid;grid-template-columns:minmax(300px,.8fr) minmax(390px,1.2fr);gap:20px}.store-preview{min-height:270px;padding:24px;position:relative;display:flex;align-items:flex-start;gap:15px;border:1px solid #e2d5ea;border-radius:16px;background:radial-gradient(circle at 90% 5%,#f0dbff 0,transparent 38%),linear-gradient(145deg,#fbf7fd,#fff)}.store-preview-icon{width:48px;height:48px;display:grid;place-items:center;flex:0 0 auto;border-radius:14px;color:#fff;background:linear-gradient(135deg,#a33fe4,#7321b4);box-shadow:0 8px 20px #7c24bc2e}.store-preview>div{min-width:0;padding-top:3px}.store-preview>.badge{position:absolute;right:16px;top:16px}.store-preview small{color:var(--purple);font-size:8px;font-weight:800;letter-spacing:.1em}.store-preview h3{margin:9px 0 17px;padding-right:55px;font-size:19px;letter-spacing:-.03em}.store-preview p{margin:8px 0 0;display:flex;align-items:flex-start;gap:7px;color:#5f5666;font-size:10px;line-height:1.5}.store-preview p svg{margin-top:1px;flex:0 0 auto;color:var(--purple)}.store-preview em{margin-top:18px;padding:10px 12px;display:block;border-radius:9px;color:#65566e;background:#f5edf9;font-size:9px;line-height:1.5;font-style:normal}.store-form{display:grid;align-content:start;gap:13px}.store-form>label{display:grid;gap:6px;color:#514858;font-size:10px;font-weight:650}.analytics-filter-card{margin-bottom:16px}.analytics-filter{min-height:72px;padding:15px 18px;display:flex;align-items:end;gap:12px}.analytics-filter-icon{width:40px;height:40px;display:grid;place-items:center;flex:0 0 auto;border-radius:11px;color:var(--purple);background:var(--purple-soft)}.analytics-filter label{min-width:145px;display:grid;gap:5px;color:#655c6c;font-size:9px;font-weight:650}.analytics-filter input{min-height:40px}.analytics-filter>strong{margin-left:auto;align-self:center;color:var(--purple);font-size:11px;white-space:nowrap}.preset-buttons{display:flex;align-items:center;gap:5px}.preset-buttons button{min-height:40px;padding:0 10px;border:1px solid var(--line);border-radius:9px;color:#655c6c;background:#faf8fb;font-size:9px;font-weight:650}.preset-buttons button:hover{border-color:#cfa7e8;color:var(--purple);background:var(--purple-soft)}.analytics-metrics{margin-bottom:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.analytics-metric{min-width:0;padding:15px;display:grid;grid-template-columns:38px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:10px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow)}.analytics-metric .metric-icon{width:38px;height:38px;grid-row:1 / 4}.metric-icon.red{color:#b4233b;background:#ffe9ed}.metric-icon.cyan{color:#08758d;background:#e4f8fc}.analytics-metric p{margin:0;overflow:hidden;color:var(--muted);font-size:9px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.analytics-metric>strong{margin-top:3px;overflow:hidden;font-size:16px;letter-spacing:-.03em;text-overflow:ellipsis;white-space:nowrap}.analytics-metric>small{margin-top:3px;overflow:hidden;color:#92899a;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.analytics-grid{margin-bottom:16px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.75fr);gap:16px}.analytics-grid.bottom{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr)}.revenue-chart{min-height:260px;padding:22px 18px 14px;display:flex;align-items:stretch;gap:7px;overflow-x:auto}.revenue-column{min-width:21px;flex:1 0 21px;display:grid;grid-template-rows:1fr auto auto;justify-items:center;gap:5px}.revenue-bar-track{width:min(18px,70%);min-height:180px;display:flex;align-items:flex-end;border-radius:6px;background:#f3eff5;overflow:hidden}.revenue-bar-track span{width:100%;display:block;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#ae50e9,#7823b8)}.revenue-column strong{color:#6d6474;font-size:7px;font-weight:600;white-space:nowrap}.revenue-column small{color:#a097a7;font-size:7px}.status-breakdown{padding:14px 18px;display:grid;gap:12px}.status-breakdown>div>span{margin-bottom:6px;display:flex;justify-content:space-between;gap:10px}.status-breakdown strong{font-size:9px}.status-breakdown small{color:var(--muted);font-size:8px}.status-breakdown>div>div{height:7px;border-radius:999px;background:#f1edf3;overflow:hidden}.status-breakdown i{height:100%;display:block;border-radius:inherit;background:var(--purple)}.status-breakdown i.blue{background:#4f7ee8}.status-breakdown i.amber{background:#e7a338}.status-breakdown i.cyan{background:#32a5bc}.status-breakdown i.green{background:#24a66d}.status-breakdown i.red{background:#dc4b61}.status-breakdown i.neutral{background:#9c94a2}.analytics-table{overflow-x:auto}.analytics-card-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;color:var(--purple);background:var(--purple-soft)}.top-customer-list{padding:5px 17px}.top-customer-list>div{min-height:58px;padding:9px 0;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line)}.top-customer-list>div:last-child{border-bottom:0}.top-customer-list>div>span{width:27px;height:27px;display:grid;place-items:center;flex:0 0 auto;border-radius:8px;color:var(--purple);background:var(--purple-soft);font-size:9px;font-weight:800}.top-customer-list p{min-width:0;margin:0;flex:1}.top-customer-list strong,.top-customer-list small{display:block}.top-customer-list strong{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.top-customer-list small{margin-top:4px;color:var(--muted);font-size:8px}.top-customer-list b{font-size:10px;white-space:nowrap}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:-200% 0}}@media(max-width:1100px){.store-editor{grid-template-columns:1fr}.analytics-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.analytics-grid,.analytics-grid.bottom{grid-template-columns:1fr}.analytics-filter{align-items:stretch;flex-wrap:wrap}.analytics-filter>strong{margin-left:0;padding:0 6px}.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.order-detail-grid{grid-template-columns:1fr}.image-manager{grid-template-columns:repeat(4,1fr)}.home-editor,.promotion-grid{grid-template-columns:1fr}}@media(max-width:820px){.analytics-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{transform:translate(-100%);transition:transform .2s ease}.sidebar.open{transform:translate(0)}.sidebar-shade{position:fixed;inset:0;z-index:25;background:#160c1e80}.mobile-close{display:block;margin-left:auto}.main-column{margin-left:0}.mobile-menu{display:grid;place-items:center;margin-right:10px;color:var(--ink)}.topbar{padding:0 18px;justify-content:flex-start}.profile-menu{margin-left:auto}.profile-copy{display:none}.page-content{padding:24px 18px 50px}.entity-grid,.customer-detail-grid{grid-template-columns:1fr}.form-grid.four{grid-template-columns:repeat(2,1fr)}.image-manager{grid-template-columns:repeat(3,1fr)}.size-stock-editor,.linked-variants{grid-template-columns:1fr}}@media(max-width:600px){.analytics-metrics{grid-template-columns:1fr}.store-editor{padding:12px}.analytics-filter{padding:13px}.analytics-filter-icon{display:none}.analytics-filter label{width:100%}.preset-buttons{width:100%;display:grid;grid-template-columns:1fr 1fr}.preset-buttons button{width:100%}.analytics-filter>strong{padding:7px 0 0}.page-header{flex-direction:column}.page-actions,.page-actions .button{width:100%}.metric-grid{grid-template-columns:1fr}.toolbar{align-items:stretch;flex-direction:column}.search-field{max-width:none;min-width:0;width:100%}.toolbar>select{width:100%}.result-count{margin-left:0}.segmented{width:100%}.segmented button{flex:1}.form-grid.two,.form-grid.four{grid-template-columns:1fr}.image-manager{grid-template-columns:repeat(2,1fr)}.modal-backdrop{padding:0;place-items:end center}.modal{width:100%;max-height:94vh;border-radius:18px 18px 0 0}.modal-content{padding:17px}.modal-actions.sticky{bottom:-17px;margin:14px -17px -17px;padding:12px 17px}.entity-card{align-items:flex-start;flex-wrap:wrap}.entity-actions{margin-left:auto}.home-editor{padding:12px}.promotion-card{grid-template-columns:80px 1fr}.promotion-card>img,.promotion-card>.image-placeholder{width:80px;height:100px}.promotion-actions{grid-column:1 / 3;flex-wrap:wrap}.target-picker{grid-template-columns:1fr 1fr}.profile-popover{right:-3px;width:235px}.inline-select-action{grid-template-columns:1fr}.inline-select-action .button{width:100%}.size-stock-row{grid-template-columns:minmax(105px,1fr) minmax(75px,.7fr) 32px}}