:root{--p-bg: #f6f6f7;--p-bg-surface: #ffffff;--p-bg-surface-hover: #f1f2f3;--p-bg-surface-active: #e3e5e7;--p-bg-surface-selected: #f2f7fe;--p-bg-input: #ffffff;--p-bg-fill-brand: #303030;--p-bg-fill-brand-hover: #1a1a1a;--p-bg-fill-success: #1a8d3f;--p-bg-fill-critical: #e51c00;--p-bg-fill-warning: #b98900;--p-bg-fill-info: #0070ba;--p-bg-fill-secondary: #e3e5e7;--p-text: #303030;--p-text-secondary: #616161;--p-text-disabled: #8c9196;--p-text-brand: #005bd3;--p-text-success: #1a7a30;--p-text-critical: #d72c0d;--p-text-warning: #916a00;--p-text-on-fill: #ffffff;--p-border: #e3e5e7;--p-border-hover: #999ea4;--p-border-focus: #005bd3;--p-border-subdued: #ebebeb;--p-sidebar-bg: #1a1a1a;--p-sidebar-bg-hover: #2a2a2a;--p-sidebar-bg-active: #303030;--p-sidebar-text: #a3a3a3;--p-sidebar-text-hover: #e3e3e3;--p-sidebar-text-active: #ffffff;--p-sidebar-width: 240px;--p-space-050: 2px;--p-space-100: 4px;--p-space-150: 6px;--p-space-200: 8px;--p-space-300: 12px;--p-space-400: 16px;--p-space-500: 20px;--p-space-600: 24px;--p-space-800: 32px;--p-space-1000: 40px;--p-space-1200: 48px;--p-font-family: "Inter", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--p-font-size-75: 12px;--p-font-size-100: 13px;--p-font-size-200: 14px;--p-font-size-300: 16px;--p-font-size-400: 20px;--p-font-size-500: 24px;--p-font-size-600: 28px;--p-radius-100: 4px;--p-radius-200: 8px;--p-radius-300: 12px;--p-radius-full: 9999px;--p-shadow-card: 0px 1px 0px 0px rgba(26, 26, 26, .07), 0px 1px 3px 0px rgba(26, 26, 26, .08);--p-shadow-popover: 0px 3px 6px -3px rgba(26, 26, 26, .12), 0px 8px 20px -4px rgba(26, 26, 26, .12);--p-shadow-modal: 0 26px 80px rgba(0, 0, 0, .2), 0 0 1px rgba(0, 0, 0, .2);--p-duration-fast: .1s;--p-duration-base: .2s;--p-duration-slow: .3s;--p-ease: cubic-bezier(.25, .1, .25, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;font-family:var(--p-font-family);font-size:var(--p-font-size-100);color:var(--p-text);background:var(--p-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00000026;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00000040}.sp-layout{display:flex;height:100vh;overflow:hidden}.sp-sidebar{width:var(--p-sidebar-width);background:var(--p-sidebar-bg);display:flex;flex-direction:column;flex-shrink:0;height:100vh;overflow-y:auto;overflow-x:hidden;z-index:50;transition:width var(--p-duration-base) var(--p-ease)}.sp-main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.sp-header{height:56px;background:var(--p-bg-surface);border-bottom:1px solid var(--p-border);display:flex;align-items:center;padding:0 var(--p-space-400);gap:var(--p-space-300);flex-shrink:0;z-index:40}.sp-content{flex:1;overflow-y:auto;padding:var(--p-space-500)}.sp-sidebar-header{padding:var(--p-space-400);border-bottom:1px solid rgba(255,255,255,.08)}.sp-sidebar-store{display:flex;align-items:center;gap:var(--p-space-200);padding:var(--p-space-200);border-radius:var(--p-radius-200);cursor:pointer;transition:background var(--p-duration-fast)}.sp-sidebar-store:hover{background:var(--p-sidebar-bg-hover)}.sp-sidebar-store-icon{width:28px;height:28px;background:#6d28d9;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:13px;flex-shrink:0}.sp-sidebar-store-name{font-size:var(--p-font-size-100);font-weight:600;color:var(--p-sidebar-text-active);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-sidebar-nav{flex:1;padding:var(--p-space-200) var(--p-space-300);overflow-y:auto}.sp-sidebar-section{margin-bottom:var(--p-space-100)}.sp-sidebar-label{font-size:11px;font-weight:600;color:#ffffff59;text-transform:uppercase;letter-spacing:.5px;padding:var(--p-space-300) var(--p-space-200) var(--p-space-100)}.sp-sidebar-item{display:flex;align-items:center;gap:var(--p-space-200);padding:6px var(--p-space-200);border-radius:var(--p-radius-200);color:var(--p-sidebar-text);font-size:var(--p-font-size-100);font-weight:500;cursor:pointer;transition:all var(--p-duration-fast);text-decoration:none;user-select:none;position:relative}.sp-sidebar-item:hover{background:var(--p-sidebar-bg-hover);color:var(--p-sidebar-text-hover)}.sp-sidebar-item.active{background:var(--p-sidebar-bg-active);color:var(--p-sidebar-text-active);font-weight:600}.sp-sidebar-item svg{width:20px;height:20px;flex-shrink:0;opacity:.75}.sp-sidebar-item.active svg{opacity:1}.sp-sidebar-badge{margin-left:auto;background:#e51c00;color:#fff;font-size:10px;font-weight:700;padding:1px 6px;border-radius:var(--p-radius-full);min-width:18px;text-align:center}.sp-search-box{flex:1;max-width:580px;height:36px;background:var(--p-bg);border:1px solid var(--p-border);border-radius:var(--p-radius-200);display:flex;align-items:center;gap:var(--p-space-200);padding:0 var(--p-space-300);cursor:text;transition:border-color var(--p-duration-fast),box-shadow var(--p-duration-fast)}.sp-search-box:focus-within{border-color:var(--p-border-focus);box-shadow:0 0 0 2px #005bd333}.sp-search-box input{flex:1;border:none;background:transparent;font-size:var(--p-font-size-100);color:var(--p-text);outline:none}.sp-search-box input::placeholder{color:var(--p-text-disabled)}.sp-search-box svg{color:var(--p-text-disabled);flex-shrink:0}.sp-header-actions{display:flex;align-items:center;gap:var(--p-space-100);margin-left:auto}.sp-header-btn{width:36px;height:36px;border-radius:var(--p-radius-200);border:none;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--p-text-secondary);transition:background var(--p-duration-fast),color var(--p-duration-fast);position:relative}.sp-header-btn:hover{background:var(--p-bg-surface-hover);color:var(--p-text)}.sp-header-avatar{width:28px;height:28px;border-radius:var(--p-radius-full);background:#005bd3;color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;cursor:pointer}.sp-card{background:var(--p-bg-surface);border-radius:var(--p-radius-300);box-shadow:var(--p-shadow-card);border:1px solid var(--p-border-subdued)}.sp-card-header{padding:var(--p-space-400);border-bottom:1px solid var(--p-border-subdued);display:flex;align-items:center;justify-content:space-between}.sp-card-title{font-size:var(--p-font-size-100);font-weight:600;color:var(--p-text)}.sp-card-body{padding:var(--p-space-400)}.sp-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--p-space-400)}.sp-page-title{font-size:var(--p-font-size-400);font-weight:700;color:var(--p-text);line-height:1.2}.sp-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--p-space-100);padding:6px 12px;border-radius:var(--p-radius-200);font-size:var(--p-font-size-100);font-weight:600;cursor:pointer;border:1px solid transparent;transition:all var(--p-duration-fast);line-height:1;white-space:nowrap;user-select:none}.sp-btn svg{width:16px;height:16px}.sp-btn-primary{background:var(--p-bg-fill-brand);color:var(--p-text-on-fill);border-color:var(--p-bg-fill-brand)}.sp-btn-primary:hover{background:var(--p-bg-fill-brand-hover);border-color:var(--p-bg-fill-brand-hover)}.sp-btn-secondary{background:var(--p-bg-surface);color:var(--p-text);border-color:var(--p-border)}.sp-btn-secondary:hover{background:var(--p-bg-surface-hover);border-color:var(--p-border-hover)}.sp-btn-plain{background:transparent;color:var(--p-text-brand);border:none;padding:4px 8px}.sp-btn-plain:hover{background:var(--p-bg-surface-hover);text-decoration:underline}.sp-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--p-radius-full);font-size:11px;font-weight:600;line-height:16px}.sp-badge-success{background:#c8f4d0;color:var(--p-text-success)}.sp-badge-warning{background:#ffedb3;color:var(--p-text-warning)}.sp-badge-critical{background:#fed3d1;color:var(--p-text-critical)}.sp-badge-info{background:#d4e4fc;color:var(--p-text-brand)}.sp-badge-default{background:var(--p-bg-fill-secondary);color:var(--p-text-secondary)}.sp-table{width:100%;border-collapse:separate;border-spacing:0}.sp-table th{text-align:left;padding:var(--p-space-300) var(--p-space-400);font-size:12px;font-weight:600;color:var(--p-text-secondary);border-bottom:1px solid var(--p-border);background:var(--p-bg-surface);position:sticky;top:0;z-index:1}.sp-table td{padding:var(--p-space-300) var(--p-space-400);font-size:var(--p-font-size-100);color:var(--p-text);border-bottom:1px solid var(--p-border-subdued)}.sp-table tbody tr{transition:background var(--p-duration-fast)}.sp-table tbody tr:hover{background:var(--p-bg-surface-hover)}.sp-table tbody tr:last-child td{border-bottom:none}.sp-stat{display:flex;flex-direction:column;gap:var(--p-space-050)}.sp-stat-label{font-size:12px;font-weight:500;color:var(--p-text-secondary)}.sp-stat-value{font-size:var(--p-font-size-500);font-weight:600;color:var(--p-text);line-height:1.2}.sp-stat-trend{font-size:12px;font-weight:500;display:inline-flex;align-items:center;gap:2px}.sp-stat-trend.up{color:var(--p-text-success)}.sp-stat-trend.down{color:var(--p-text-critical)}.sp-skeleton{background:linear-gradient(90deg,#e3e5e7 25%,#ebebeb,#e3e5e7 75%);background-size:200% 100%;animation:sp-shimmer 1.5s ease-in-out infinite;border-radius:var(--p-radius-100)}@keyframes sp-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sp-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--p-space-1200) var(--p-space-800);text-align:center}.sp-empty-state svg{width:40px;height:40px;color:var(--p-text-disabled);margin-bottom:var(--p-space-300)}.sp-empty-state h3{font-size:var(--p-font-size-300);font-weight:600;color:var(--p-text);margin-bottom:var(--p-space-100)}.sp-empty-state p{font-size:var(--p-font-size-100);color:var(--p-text-secondary);max-width:340px}.sp-legacy-banner{background:#1f1f25;color:#e3e3e3;padding:6px var(--p-space-400);font-size:12px;display:flex;align-items:center;justify-content:center;gap:var(--p-space-200);border-bottom:1px solid rgba(255,255,255,.06)}.sp-legacy-banner a{color:#93c5fd;text-decoration:underline;font-weight:600}@keyframes sp-toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes sp-modal-in{0%{opacity:0;transform:translate(-50%) scale(.96)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes sp-drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes sp-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:sp-spin 1s linear infinite}input[type=text]:focus,input[type=number]:focus,input[type=email]:focus,input[type=password]:focus,input[type=search]:focus,input[type=datetime-local]:focus,textarea:focus,select:focus{border-color:var(--p-border-focus)!important;box-shadow:0 0 0 2px #005bd333}.sp-btn:disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.sp-label{display:block;font-size:12px;font-weight:500;margin-bottom:4px;color:var(--p-text)}.sp-input{width:100%;padding:8px 12px;font-size:14px;font-family:inherit;background:var(--p-bg-input);border:1px solid var(--p-border);border-radius:var(--p-radius-200);outline:none;transition:border-color var(--p-duration-fast),box-shadow var(--p-duration-fast)}.sp-input::placeholder{color:var(--p-text-disabled)}.sp-bg-fill-info-subdued{background:#f0f4f9;border:1px solid #d4e4fc}.sp-table input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--p-bg-fill-brand)}