:root{--primary:#2c58db;--primary-hover:#2a2c7f;--primary-dark:#2a2c7f;--accent:#1adbde;--primary-soft:rgba(44,88,219,0.12);--primary-ring:rgba(44,88,219,0.12);--bg:#f8f9fa;--surface:#ffffff;--border:#e6ebf1;--border-strong:#d9e0e8;--text:#1d2630;--heading:#1d2630;--muted:#5b6b79;--muted-soft:#8494a2;--success:#2ca87f;--warning:#e58a00;--danger:#dc2626;--info:#2c58db;--radius:12px;--radius-sm:8px;--radius-pill:999px;--shadow-sm:0 1px 3px rgba(31,45,61,0.06);--shadow-md:0 4px 14px rgba(31,45,61,0.1);--shadow-card-hover:0 6px 18px rgba(31,45,61,0.09);--sidebar-w:268px;--topbar-h:72px;--ease:150ms ease}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--primary);transition:color var(--ease)}a,a:hover{text-decoration:none}a:hover{color:var(--primary-dark)}h1,h2,h3{color:var(--heading);font-weight:600;letter-spacing:-.01em}h1{font-size:1.5rem;margin:0 0 20px;line-height:1.3}h2{font-size:1rem;margin:0 0 14px}h3{font-size:.9rem;margin:0 0 8px}p{margin:0 0 12px}.shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);color:var(--muted);flex-direction:column;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto;z-index:40}.sidebar,.sidebar-brand{flex-shrink:0;display:flex}.sidebar-brand{align-items:center;justify-content:center;gap:12px;padding:20px 22px;height:var(--topbar-h);border-bottom:1px solid var(--border)}.theme-dark-only,html[data-theme=dark] .theme-light-only{display:none}html[data-theme=dark] .theme-dark-only{display:inline-block}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--muted);cursor:pointer;transition:background var(--ease),border-color var(--ease),color var(--ease)}.theme-toggle:hover{background:var(--bg);border-color:var(--border-strong);color:var(--heading)}.theme-toggle:focus-visible{outline:none;box-shadow:0 0 0 3px var(--primary-ring)}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;font-weight:700;font-size:1.05rem;box-shadow:0 4px 10px rgba(44,88,219,.3);flex-shrink:0}.brand-word{font-weight:700;font-size:1.2rem;color:var(--heading);letter-spacing:-.02em}.sidebar-nav{padding:14px 14px 24px;gap:4px}.nav-group,.sidebar-nav{display:flex;flex-direction:column}.nav-group{gap:2px;margin-top:12px}.nav-group:first-child{margin-top:0}.nav-group-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--muted-soft);padding:8px 12px 6px}.nav-item{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:var(--radius-sm);color:var(--muted);font-size:.875rem;font-weight:500;position:relative;transition:background var(--ease),color var(--ease)}.nav-item:hover{background:#f2f5f9;color:var(--heading)}.nav-item.active{background:var(--primary-soft);color:var(--primary);font-weight:600}.nav-item.active:before{content:"";position:absolute;left:-14px;top:50%;transform:translateY(-50%);width:4px;height:22px;border-radius:0 4px 4px 0;background:var(--primary)}.nav-item .nav-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:currentColor}.nav-item .nav-icon,.nav-item .nav-icon svg{width:20px;height:20px}.main{flex:1 1;min-width:0;display:flex;flex-direction:column}.topbar{background:var(--surface);border-bottom:1px solid var(--border);height:var(--topbar-h);padding:0 28px;justify-content:space-between;gap:12px;position:-webkit-sticky;position:sticky;top:0;z-index:30}.topbar,.topbar-left{display:flex;align-items:center}.topbar-left{gap:14px;min-width:0}.page-title{font-size:1.15rem;font-weight:600;color:var(--heading);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-right{display:flex;align-items:center;gap:14px}.store-name{font-weight:600;color:var(--heading);font-size:.875rem}.user-chip{display:flex;align-items:center;gap:10px;padding:5px 10px 5px 5px;border-radius:var(--radius-pill);background:var(--bg);border:1px solid var(--border)}.user-avatar{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;font-weight:600;font-size:.85rem;flex-shrink:0;text-transform:uppercase}.user-name{font-size:.8125rem;font-weight:500;color:var(--text);white-space:nowrap}.content{padding:28px;max-width:1240px;width:100%;margin-inline:auto}.menu-toggle{display:none;align-items:center;justify-content:center;background:none;border:1px solid var(--border);border-radius:var(--radius-sm);width:38px;height:38px;cursor:pointer;color:var(--text);transition:background var(--ease)}.menu-toggle:hover{background:var(--bg)}.menu-toggle svg{width:20px;height:20px}.sidebar-overlay{display:none}@media (max-width:900px){.menu-toggle{display:inline-flex}.sidebar{position:fixed;left:0;top:0;height:100vh;transform:translateX(-100%);transition:transform .2s ease;box-shadow:var(--shadow-md)}.sidebar.open{transform:translateX(0)}.sidebar-overlay{display:block;position:fixed;inset:0;background:rgba(29,38,48,.45);z-index:35;opacity:0;animation:overlay-in .2s ease forwards}.topbar{padding:0 16px}.content{padding:18px 16px}.store-name,.user-name{display:none}}@keyframes overlay-in{to{opacity:1}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px;margin-bottom:20px;box-shadow:var(--shadow-sm);transition:box-shadow var(--ease)}.card>h2:first-child,.card>h3:first-child{margin-top:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;padding:0 16px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.875rem;font-weight:500;font-family:inherit;cursor:pointer;white-space:nowrap;transition:background var(--ease),border-color var(--ease),color var(--ease),box-shadow var(--ease)}.btn,.btn:hover{text-decoration:none}.btn:hover{background:#f2f5f9;border-color:var(--border-strong)}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--primary-ring)}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark);color:#fff}.btn-danger{background:var(--surface);border-color:#f4c2c2;color:var(--danger)}.btn-danger:hover{background:#fdf0f0;border-color:#eda9a9}.btn-sm{height:32px;padding:0 12px;font-size:.8125rem;border-radius:7px}.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.input,select,textarea{width:100%;height:40px;padding:0 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.875rem;font-family:inherit;background:var(--surface);color:var(--text);transition:border-color var(--ease),box-shadow var(--ease)}select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235b6b79' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:34px}textarea{height:auto;padding:10px 12px;resize:vertical;min-height:88px;line-height:1.5}.input::placeholder,textarea::placeholder{color:var(--muted-soft)}.input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring)}input[type=color]{cursor:pointer}label.field{margin-bottom:16px;font-size:.875rem;color:var(--text)}label.field,label.field>span{display:block;font-weight:500}label.field>span{margin-bottom:6px;font-size:.8125rem;color:var(--heading)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:0 18px;gap:0 18px}.checkbox-field{display:flex;align-items:center;gap:9px;margin-bottom:14px;font-size:.875rem;cursor:pointer;color:var(--text)}.checkbox-field input{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.table-wrap{overflow-x:auto;border-radius:var(--radius-sm)}table.table{width:100%;border-collapse:collapse;font-size:.875rem}table.table th{text-align:left;padding:12px 16px;background:var(--bg);border-bottom:1px solid var(--border);color:var(--muted);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}table.table th:first-child{border-top-left-radius:var(--radius-sm)}table.table th:last-child{border-top-right-radius:var(--radius-sm)}table.table td{padding:14px 16px;border-bottom:1px solid var(--border);vertical-align:middle;color:var(--text)}table.table tbody tr{transition:background var(--ease)}table.table tbody tr:hover{background:#f9fafc}table.table tr:last-child td{border-bottom:none}.card>.table-wrap:first-child:last-child{margin:-22px;width:calc(100% + 44px);border-radius:var(--radius);overflow:hidden}@media (max-width:720px){.table-wrap{overflow-x:visible}.card>.table-wrap:first-child:last-child{margin:0;width:100%}table.table thead{display:none}table.table,table.table tbody,table.table td,table.table tr{display:block;width:100%}table.table tr{border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:12px;overflow:hidden}table.table tbody tr:hover,table.table tr{background:var(--surface)}table.table td{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:right;padding:10px 14px;border-bottom:1px solid var(--border)}table.table tr td:last-child{border-bottom:none}table.table td[data-label]:before{content:attr(data-label);flex:0 0 42%;text-align:left;font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}table.table td:not([data-label]){justify-content:flex-end;background:var(--bg)}table.table td:empty{display:none}table.table td.row-open{display:block;padding:12px 14px;background:var(--bg)}table.table td.row-open:before{content:none}table.table td.row-open .btn{width:100%;justify-content:center}}table.table td.row-open{display:none}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-pill);font-size:.75rem;font-weight:600;line-height:1.4;white-space:nowrap}.badge-gray{background:rgba(91,107,121,.12);color:#5b6b79}.badge-yellow{background:rgba(229,138,0,.14);color:#b56d00}.badge-green{background:rgba(44,168,127,.14);color:#1f8663}.badge-blue{background:rgba(44,88,219,.12);color:#2c58db}.badge-indigo{background:rgba(42,44,127,.12);color:#2a2c7f}.badge-teal{background:rgba(26,219,222,.16);color:#0f8f92}.badge-red{background:rgba(220,38,38,.12);color:#dc2626}.badge-purple{background:rgba(124,58,237,.12);color:#7c3aed}.page-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px;flex-wrap:wrap}.page-head h1{margin:0}.toolbar{display:flex;gap:10px;margin-bottom:18px;flex-wrap:wrap}.toolbar .input,.toolbar select{width:auto;min-width:220px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:16px;gap:16px;margin-bottom:24px}.stat-tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;box-shadow:var(--shadow-sm);transition:box-shadow var(--ease),transform var(--ease)}.stat-tile:has(.stat-icon){display:flex;align-items:center;gap:14px}.stat-tile:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-1px)}.stat-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;flex-shrink:0;background:var(--primary-soft);color:var(--primary)}.stat-icon svg{width:22px;height:22px}.stat-icon.icon-green{background:rgba(44,168,127,.14);color:#1f8663}.stat-icon.icon-yellow{background:rgba(229,138,0,.14);color:#b56d00}.stat-icon.icon-blue{background:rgba(44,88,219,.12);color:#2c58db}.stat-icon.icon-indigo{background:rgba(42,44,127,.12);color:#2a2c7f}.stat-icon.icon-teal{background:rgba(26,219,222,.16);color:#0f8f92}.stat-icon.icon-red{background:rgba(220,38,38,.12);color:#dc2626}.stat-icon.icon-purple{background:rgba(124,58,237,.12);color:#7c3aed}.stat-icon.icon-gray{background:rgba(91,107,121,.12);color:#5b6b79}.stat-body{display:flex;flex-direction:column;min-width:0}.stat-tile .stat-value{font-size:1.6rem;font-weight:700;color:var(--heading);line-height:1.1;letter-spacing:-.02em}.stat-tile .stat-label{color:var(--muted);font-size:.8125rem;margin-top:2px}.muted{color:var(--muted)}.error-msg{background:rgba(220,38,38,.08);border:1px solid rgba(220,38,38,.24);color:#b91c1c;border-radius:var(--radius-sm)}.error-msg,.success-msg{padding:12px 16px;margin-bottom:18px;font-size:.875rem}.success-msg{background:rgba(44,168,127,.1);border:1px solid rgba(44,168,127,.26);color:#1f8663;border-radius:var(--radius-sm)}.empty-state{padding:44px 32px;text-align:center;color:var(--muted);font-size:.9rem}.variant-box{border:1px solid var(--border);border-radius:var(--radius-sm);padding:18px;margin-bottom:14px;background:#fbfcfe}.variant-box .variant-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:22px;flex-wrap:wrap}.tabs button{background:none;border:none;border-bottom:2px solid transparent;padding:12px 16px;font-size:.875rem;font-weight:500;font-family:inherit;cursor:pointer;color:var(--muted);margin-bottom:-1px;transition:color var(--ease),border-color var(--ease)}.tabs button:hover{color:var(--heading)}.tabs button.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}details.advanced{border:1px solid var(--border);border-radius:var(--radius);padding:14px 18px;margin-bottom:20px;background:var(--surface);box-shadow:var(--shadow-sm)}details.advanced summary{cursor:pointer;font-weight:600;font-size:.875rem;color:var(--heading)}details.advanced[open] summary{margin-bottom:14px}.timeline{list-style:none;margin:0;padding:0}.timeline li{position:relative;padding:0 0 18px 24px;border-left:2px solid var(--border);margin-left:6px}.timeline li:before{content:"";position:absolute;left:-7px;top:4px;width:12px;height:12px;border-radius:50%;background:var(--primary);border:2px solid #fff;box-shadow:0 0 0 2px var(--primary-soft)}.timeline li:last-child{padding-bottom:0}.actions-row{display:flex;gap:8px;flex-wrap:wrap}.template-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:12px;gap:12px;margin-top:14px}.template-option{display:flex;align-items:flex-start;gap:12px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px;cursor:pointer;background:var(--surface);transition:border-color var(--ease),box-shadow var(--ease),background var(--ease)}.template-option.selected,.template-option:hover{border-color:var(--primary)}.template-option.selected{background:var(--primary-soft);box-shadow:0 0 0 1px var(--primary)}.template-option input{margin-top:3px;accent-color:var(--primary)}.template-option-body{display:flex;flex-direction:column;gap:3px;font-size:.875rem}.template-option-body strong{color:var(--heading)}.template-option-body .muted{font-size:.8125rem;font-weight:400}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(1200px 600px at 50% -10%,rgba(44,88,219,.1),transparent 60%),var(--bg)}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:36px 34px;width:100%;max-width:400px;box-shadow:var(--shadow-md)}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:22px}.login-brand .brand-word{font-size:1.35rem}.link-btn{background:none;border:none;padding:0;font:inherit;font-size:inherit;color:var(--primary);cursor:pointer;text-decoration:underline}.link-btn:hover{color:var(--primary-dark)}.tenant-list{display:flex;flex-direction:column;gap:10px}.tenant-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--heading);font-family:inherit;font-size:.9rem;font-weight:500;text-align:left;cursor:pointer;transition:border-color var(--ease),background var(--ease),box-shadow var(--ease)}.tenant-option:hover{border-color:var(--primary);background:var(--primary-soft)}.tenant-option:focus-visible{outline:none;box-shadow:0 0 0 3px var(--primary-ring)}.tenant-option .tenant-option-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tenant-option svg{color:var(--muted);flex-shrink:0}.uploader-drop{display:flex;align-items:center;justify-content:center;min-height:100px;padding:14px;border:2px dashed var(--border-strong);border-radius:var(--radius-sm);background:var(--bg);cursor:pointer;text-align:center;transition:border-color var(--ease),background var(--ease)}.uploader-drop.drag-over,.uploader-drop:hover{border-color:var(--primary);background:var(--primary-soft)}.uploader-preview{max-width:100%;max-height:140px;border-radius:var(--radius-sm);object-fit:contain}.uploader-hint{font-size:.78rem;margin-top:4px;display:block;color:var(--muted)}.uploader-status{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:.875rem}.uploader-spinner{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:uploader-spin .7s linear infinite}@keyframes uploader-spin{to{transform:rotate(1turn)}}.uploader-thumbs{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:10px}.uploader-thumb{border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px;background:var(--surface);width:120px;box-shadow:var(--shadow-sm)}.uploader-thumb img{width:100%;height:90px;object-fit:cover;border-radius:6px;display:block}.uploader-thumb-actions{display:flex;justify-content:center;gap:4px;margin-top:6px}.banner-row{display:flex;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid var(--border);flex-wrap:wrap}.banner-row:last-child{border-bottom:none}.banner-thumb{width:128px;height:52px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);flex-shrink:0}.banner-info{flex:1 1;min-width:160px}.banner-info strong{display:block;font-size:.875rem;color:var(--heading)}.banner-info .muted{font-size:.8125rem}.banner-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}html[data-theme=dark]{--primary:#5b82f0;--primary-hover:#7396f5;--primary-dark:#7396f5;--primary-soft:rgba(91,130,240,0.18);--primary-ring:rgba(91,130,240,0.3);--bg:#0e1116;--surface:#161b22;--border:#2a2f3a;--border-strong:#3a4150;--text:#e6e6e6;--heading:#f0f0f0;--muted:#9aa4b2;--muted-soft:#6b7685;--success:#4bcfa0;--warning:#e9a94a;--danger:#f27171;--info:#5b82f0;--shadow-sm:0 1px 3px rgba(0,0,0,0.4);--shadow-md:0 4px 14px rgba(0,0,0,0.5);--shadow-card-hover:0 6px 18px rgba(0,0,0,0.55)}html[data-theme=dark] .sidebar{background:#12161c}html[data-theme=dark] .nav-item:hover{background:rgba(255,255,255,.05)}html[data-theme=dark] .btn:hover,html[data-theme=dark] .menu-toggle:hover,html[data-theme=dark] .theme-toggle:hover{background:rgba(255,255,255,.06)}html[data-theme=dark] table.table tbody tr:hover{background:rgba(255,255,255,.04)}html[data-theme=dark] .variant-box{background:rgba(255,255,255,.02)}html[data-theme=dark] .timeline li:before{border-color:var(--surface)}html[data-theme=dark] .btn-danger{border-color:rgba(242,113,113,.4)}html[data-theme=dark] .btn-danger:hover{background:rgba(242,113,113,.12);border-color:rgba(242,113,113,.6)}html[data-theme=dark] select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239aa4b2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")}html[data-theme=dark] .badge-gray{color:#aeb8c4}html[data-theme=dark] .badge-yellow{color:#e9a94a}html[data-theme=dark] .badge-green{color:#4bcfa0}html[data-theme=dark] .badge-blue{color:#7396f5}html[data-theme=dark] .badge-indigo{color:#9498e6}html[data-theme=dark] .badge-teal{color:#3fd0d3}html[data-theme=dark] .badge-red{color:#f27171}html[data-theme=dark] .badge-purple{color:#a882f5}html[data-theme=dark] .stat-icon{color:#7396f5}html[data-theme=dark] .stat-icon.icon-green{color:#4bcfa0}html[data-theme=dark] .stat-icon.icon-yellow{color:#e9a94a}html[data-theme=dark] .stat-icon.icon-blue{color:#7396f5}html[data-theme=dark] .stat-icon.icon-indigo{color:#9498e6}html[data-theme=dark] .stat-icon.icon-teal{color:#3fd0d3}html[data-theme=dark] .stat-icon.icon-red{color:#f27171}html[data-theme=dark] .stat-icon.icon-purple{color:#a882f5}html[data-theme=dark] .stat-icon.icon-gray{color:#aeb8c4}html[data-theme=dark] .error-msg{color:#f2a5a5}html[data-theme=dark] .success-msg{color:#6fdcb3}html[data-theme=dark] .login-wrap{background:radial-gradient(1200px 600px at 50% -10%,rgba(91,130,240,.15),transparent 60%),var(--bg)}