@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";.app{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);background:var(--c-sidebar-bg);color:var(--c-sidebar-text);flex-direction:column;flex:none;height:100vh;transition:width .15s;display:flex;position:sticky;top:0}.sidebar.is-collapsed{width:var(--sidebar-w-collapsed)}.sidebar-logo{color:#fff;align-items:center;gap:10px;padding:14px 14px 10px;display:flex}.sidebar-logo .mark{background:var(--c-primary);border-radius:8px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.sidebar-logo .mark svg{width:20px;height:20px}.sidebar-logo .name{font-size:var(--fs-lg);font-weight:600;line-height:1.1}.sidebar-logo .sub{font-size:var(--fs-xs);color:var(--c-sidebar-section)}.sidebar-nav{flex:1;padding:4px 10px;overflow:auto}.sidebar-section{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--c-sidebar-section);padding:16px 8px 6px;font-weight:600}.sidebar-item{color:var(--c-sidebar-text);font-size:var(--fs-md);white-space:nowrap;border-radius:6px;align-items:center;gap:10px;margin-bottom:2px;padding:8px 10px;font-weight:500;display:flex;text-decoration:none!important}.sidebar-item svg{flex:none;width:18px;height:18px}.sidebar-item:hover{background:var(--c-sidebar-hover);color:#fff}.sidebar-item.is-active{background:var(--c-sidebar-active);color:#fff}.sidebar-item .badge-count{background:var(--c-danger);color:#fff;border-radius:999px;margin-left:auto;padding:1px 6px;font-size:10px;font-weight:700}.sidebar-bottom{padding:10px}.usage-card{background:var(--c-sidebar-card);border-radius:8px;margin-bottom:8px;padding:12px}.usage-card .t{font-size:var(--fs-sm);color:#fff;font-weight:600}.usage-card .bar{background:#2c3b55;border-radius:999px;height:4px;margin:8px 0 6px;overflow:hidden}.usage-card .bar span{background:var(--c-primary);height:100%;display:block}.usage-card .meta{font-size:var(--fs-xs);color:var(--c-sidebar-text);justify-content:space-between;display:flex}.sidebar.is-collapsed .sidebar-logo .name,.sidebar.is-collapsed .sidebar-logo .sub,.sidebar.is-collapsed .sidebar-item span,.sidebar.is-collapsed .sidebar-section,.sidebar.is-collapsed .usage-card{display:none}.sidebar.is-collapsed .sidebar-item{justify-content:center}.main{flex-direction:column;flex:1;min-width:0;display:flex}.header{height:var(--header-h);border-bottom:1px solid var(--c-border);z-index:20;background:#fff;align-items:center;gap:16px;padding:0 20px;display:flex;position:sticky;top:0}.header .toggle-btn{color:var(--c-text-2)}.crumbs{font-size:var(--fs-md);color:var(--c-text-2);align-items:center;gap:6px;min-width:0;display:flex}.crumbs a{color:var(--c-text-2)}.crumbs .cur{color:var(--c-text);font-weight:600}.crumbs svg{width:14px;height:14px;color:var(--c-text-3)}.header-search{width:320px;margin-left:auto}.header-right{align-items:center;gap:14px;display:flex}.bell{color:var(--c-text-2);background:0 0;border:none;display:flex;position:relative}.bell svg{width:20px;height:20px}.bell .n{background:var(--c-danger);color:#fff;border:2px solid #fff;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-6px;right:-6px}.user-chip{background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;padding:4px;display:flex}.user-chip:hover{background:var(--c-row-hover)}.user-chip .avatar{background:var(--c-sidebar-bg);color:#fff;width:32px;height:32px;font-size:var(--fs-sm);border-radius:50%;justify-content:center;align-items:center;font-weight:600;display:flex}.user-chip .nm{font-size:var(--fs-md);text-align:left;font-weight:600;line-height:1.1}.user-chip .rl{font-size:var(--fs-xs);color:var(--c-text-2);text-align:left}.user-chip svg{width:16px;height:16px;color:var(--c-text-2)}.content{flex:1}.notif-panel{border:1px solid var(--c-border);border-radius:var(--radius);width:360px;box-shadow:var(--shadow-pop);z-index:30;background:#fff;max-height:420px;position:absolute;top:calc(100% + 6px);right:0;overflow:auto}.notif-item{border-bottom:1px solid var(--c-border);font-size:var(--fs-sm);gap:10px;padding:10px 14px;display:flex}.notif-item .tm{color:var(--c-text-3);font-family:var(--font-mono);font-size:var(--fs-xs);flex:none}.search-pop{border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:var(--shadow-pop);z-index:30;background:#fff;max-height:360px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:auto}.search-pop .grp{font-size:var(--fs-xs);text-transform:uppercase;color:var(--c-text-3);padding:8px 12px 4px;font-weight:600}.search-pop .it{font-size:var(--fs-md);cursor:pointer;align-items:center;gap:10px;padding:8px 12px;display:flex}.search-pop .it:hover{background:var(--c-row-hover)}@media (width<=900px){.header-search{display:none}}.sidebar-backdrop{z-index:45;background:#0f172a73;position:fixed;inset:0}@media (width<=860px){.app.is-mobile .sidebar{z-index:50;width:min(84vw,300px);height:100vh;box-shadow:var(--shadow-drawer);transition:transform .2s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.app.is-mobile .sidebar.is-open{transform:translate(0)}.app.is-mobile .sidebar .sidebar-item span{display:inline}.header{gap:10px;height:52px;padding:0 12px}.crumbs{overflow:hidden}.crumbs>span:not(:last-child){display:none}.crumbs .cur{white-space:nowrap;text-overflow:ellipsis;max-width:55vw;display:inline-block;overflow:hidden}.header-right{gap:8px;margin-left:auto}.user-chip .nm,.user-chip .rl,.user-chip>svg{display:none}.notif-panel{width:auto;max-height:60vh;position:fixed;top:56px;left:8px;right:8px}}:root{--c-sidebar-bg:#111c2e;--c-sidebar-hover:#1d2a3f;--c-sidebar-active:#243550;--c-sidebar-card:#1a2740;--c-sidebar-text:#c7d0de;--c-sidebar-text-active:#fff;--c-sidebar-section:#6b7a90;--c-bg:#f6f8fb;--c-card:#fff;--c-code-bg:#f8fafc;--c-primary:#1769ff;--c-primary-hover:#0b5be7;--c-primary-soft:#e8f0ff;--c-success:#16a34a;--c-success-soft:#dcfce7;--c-warning:#f59e0b;--c-warning-soft:#fef3c7;--c-danger:#ef4444;--c-danger-soft:#fee2e2;--c-info:#0ea5e9;--c-info-soft:#e0f2fe;--c-purple:#7c3aed;--c-purple-soft:#ede9fe;--c-text:#0f172a;--c-text-2:#64748b;--c-text-3:#94a3b8;--c-border:#e2e8f0;--c-border-strong:#cbd5e1;--c-table-head:#f8fafc;--c-row-hover:#f1f5f9;--c-row-selected:#eaf2ff;--c-terminal:#0f172a;--font:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Cascadia Code", Consolas, "Courier New", monospace;--fs-xs:11px;--fs-sm:12px;--fs-md:13px;--fs-base:14px;--fs-lg:15px;--fs-xl:18px;--fs-2xl:22px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--radius-sm:6px;--radius:8px;--radius-lg:10px;--radius-pill:999px;--shadow-card:0 1px 2px #0f172a0a, 0 1px 3px #0f172a0f;--shadow-pop:0 10px 30px #0f172a1f;--shadow-drawer:-8px 0 24px #0f172a14;--sidebar-w:200px;--sidebar-w-collapsed:64px;--header-h:56px;--control-h:36px;--control-h-sm:30px;--code-key:#9a3412;--code-string:#1d4ed8;--code-number:#15803d;--code-bool:#7c3aed;--code-null:#7c3aed}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font);font-size:var(--fs-md);color:var(--c-text);background:var(--c-bg);-webkit-font-smoothing:antialiased;margin:0;line-height:1.45}a{color:var(--c-primary);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}code,pre,.mono{font-family:var(--font-mono)}h1,h2,h3,h4{margin:0;font-weight:600}p{margin:0}ul{margin:0;padding:0;list-style:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--c-border-strong);background-clip:padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-track{background:0 0}.tabular{font-variant-numeric:tabular-nums}.muted{color:var(--c-text-2)}.muted-3{color:var(--c-text-3)}.text-sm{font-size:var(--fs-sm)}.text-xs{font-size:var(--fs-xs)}.fw-600{font-weight:600}.fw-700{font-weight:700}.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.row{align-items:center;gap:var(--sp-2);display:flex}.row-between{justify-content:space-between;align-items:center;gap:var(--sp-3);display:flex}.col{gap:var(--sp-2);flex-direction:column;display:flex}.grid{gap:var(--sp-4);display:grid}.stack-4{gap:var(--sp-4);flex-direction:column;display:flex}.stack-3{gap:var(--sp-3);flex-direction:column;display:flex}.mt-2{margin-top:var(--sp-2)}.mt-3{margin-top:var(--sp-3)}.mt-4{margin-top:var(--sp-4)}.mb-2{margin-bottom:var(--sp-2)}.mb-3{margin-bottom:var(--sp-3)}.mb-4{margin-bottom:var(--sp-4)}.gap-1{gap:var(--sp-1)}.gap-2{gap:var(--sp-2)}.gap-3{gap:var(--sp-3)}.gap-4{gap:var(--sp-4)}.flex-1{flex:1;min-width:0}.w-full{width:100%}.link{color:var(--c-primary);font-weight:500}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.btn{height:var(--control-h);border-radius:var(--radius-sm);font-size:var(--fs-md);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-weight:500;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.btn svg{flex:none;width:16px;height:16px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{height:var(--control-h-sm);font-size:var(--fs-sm);padding:0 10px}.btn-sm svg{width:14px;height:14px}.btn-lg{height:44px;font-size:var(--fs-base);padding:0 20px}.btn-primary{background:var(--c-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--c-primary-hover)}.btn-success{background:var(--c-success);color:#fff}.btn-success:hover:not(:disabled){background:#15803d}.btn-danger{background:var(--c-danger);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-danger-outline{color:var(--c-danger);background:#fff;border-color:#fca5a5}.btn-danger-outline:hover:not(:disabled){background:var(--c-danger-soft)}.btn-secondary{color:var(--c-text);border-color:var(--c-border-strong);background:#fff}.btn-secondary:hover:not(:disabled){background:var(--c-row-hover)}.btn-ghost{color:var(--c-text-2);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--c-row-hover);color:var(--c-text)}.btn-link{color:var(--c-primary);background:0 0;height:auto;padding:0}.btn-link:hover:not(:disabled){text-decoration:underline}.btn-icon{border-color:var(--c-border-strong);width:32px;height:32px;color:var(--c-text-2);border-radius:var(--radius-sm);background:#fff;padding:0}.btn-icon:hover:not(:disabled){color:var(--c-text);background:var(--c-row-hover)}.btn-icon.is-primary{background:var(--c-primary);border-color:var(--c-primary);color:#fff}.btn-icon.is-ghost{background:0 0;border-color:#0000}.btn-two-line{flex-direction:column;align-items:flex-start;gap:0;height:52px;padding:0 18px 0 46px;line-height:1.25;position:relative}.btn-two-line>svg{position:absolute;top:50%;left:18px;transform:translateY(-50%)}.btn-two-line .sub{font-size:var(--fs-xs);opacity:.85;font-weight:400}.btn-group{align-items:center;gap:8px;display:inline-flex}.card{background:var(--c-card);border:1px solid var(--c-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.card-body{padding:16px 20px}.card-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 20px 0;display:flex}.card-header>div:first-child{flex:1;min-width:200px}.card-header>.row{flex-wrap:wrap;justify-content:flex-end}.card-header+.card-body{padding-top:12px}.card-title{font-size:var(--fs-lg);align-items:center;gap:8px;font-weight:600;display:flex}.card-title svg{width:18px;height:18px;color:var(--c-primary)}.card-desc{font-size:var(--fs-sm);color:var(--c-text-2);margin-top:2px}.card-footer{border-top:1px solid var(--c-border);justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}.card-flush .card-body{padding:0}.badge{border-radius:var(--radius-pill);height:22px;font-size:var(--fs-xs);white-space:nowrap;align-items:center;gap:4px;padding:0 8px;font-weight:600;line-height:1;display:inline-flex}.badge svg{width:12px;height:12px}.badge-success{background:var(--c-success-soft);color:#15803d}.badge-info{background:var(--c-info-soft);color:#0369a1}.badge-neutral{color:var(--c-text-2);background:#f1f5f9}.badge-warning{background:var(--c-warning-soft);color:#b45309}.badge-danger{background:var(--c-danger-soft);color:#b91c1c}.badge-purple{background:var(--c-purple-soft);color:#6d28d9}.badge-primary{background:var(--c-primary-soft);color:var(--c-primary)}.badge-dot:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.platform{letter-spacing:.04em;text-transform:uppercase;color:#fff;border-radius:4px;align-items:center;height:20px;padding:0 7px;font-size:10px;font-weight:700;display:inline-flex}.platform-WooCommerce{background:#7f56d9}.platform-Magento,.platform-Magento2{background:#f26322}.platform-Shopify{background:#5e8e3e}.platform-PrestaShop{background:#a23b72}.platform-OpenCart{background:#1e91cf}.platform-CustomRest{background:var(--c-primary-soft);color:var(--c-primary)}.platform-CustomXml,.platform-Other{color:var(--c-text-2);background:#f1f5f9}.type-pill{height:20px;color:var(--c-text-2);font-family:var(--font-mono);font-size:var(--fs-xs);white-space:nowrap;background:#f1f5f9;border-radius:4px;align-items:center;padding:0 8px;display:inline-flex}.chip{height:22px;color:var(--c-text-2);font-size:var(--fs-xs);background:#f1f5f9;border-radius:4px;align-items:center;padding:0 8px;display:inline-flex}.chip-primary{background:var(--c-primary-soft);color:var(--c-primary)}.chip-warning{background:var(--c-warning-soft);color:#b45309}.chip-success{background:var(--c-success-soft);color:#15803d}.chip-purple{background:var(--c-purple-soft);color:#6d28d9}.chip-info{background:var(--c-info-soft);color:#0369a1}.chip-pink{color:#be185d;background:#fce7f3}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field-label{font-size:var(--fs-sm);color:var(--c-text);font-weight:500}.field-label .req{color:var(--c-danger);margin-left:2px}.field-hint{font-size:var(--fs-xs);color:var(--c-text-2)}.field-error{font-size:var(--fs-xs);color:var(--c-danger)}.input,.select,.textarea{height:var(--control-h);border:1px solid var(--c-border-strong);border-radius:var(--radius-sm);width:100%;font-size:var(--fs-md);color:var(--c-text);background:#fff;outline:none;padding:0 12px;transition:border-color .12s,box-shadow .12s}.textarea{resize:vertical;height:auto;min-height:96px;padding:10px 12px;font-family:inherit}.textarea.mono{font-family:var(--font-mono);font-size:var(--fs-sm)}.input:focus,.select:focus,.textarea:focus{border-color:var(--c-primary);box-shadow:0 0 0 3px var(--c-primary-soft)}.input:disabled,.select:disabled,.textarea:disabled{background:var(--c-table-head);color:var(--c-text-2)}.input.is-error,.select.is-error{border-color:var(--c-danger)}.input-sm,.select-sm{height:var(--control-h-sm);font-size:var(--fs-sm);padding:0 10px}.input.mono{font-family:var(--font-mono);font-size:var(--fs-sm)}.select{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='%2364748B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;padding-right:30px}.input-wrap{align-items:center;display:flex;position:relative}.input-wrap>svg{width:16px;height:16px;color:var(--c-text-3);pointer-events:none;position:absolute;left:10px}.input-wrap>.input{padding-left:34px}.input-wrap>.input-action{position:absolute;right:6px}.input-wrap.has-action>.input{padding-right:38px}.checkbox{font-size:var(--fs-md);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:inline-flex}.checkbox input{width:16px;height:16px;accent-color:var(--c-primary);cursor:pointer;margin:0}.toggle{cursor:pointer;-webkit-user-select:none;user-select:none;font-size:var(--fs-md);align-items:center;gap:8px;display:inline-flex;position:relative}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle .track{background:var(--c-border-strong);border-radius:999px;flex:none;width:36px;height:20px;transition:background .15s;position:relative}.toggle .track:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0003}.toggle input:checked+.track{background:var(--c-primary)}.toggle input:checked+.track:after{transform:translate(16px)}.toggle input:disabled+.track{opacity:.5}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;display:grid}.form-grid .span-2{grid-column:span 2}.form-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 16px;display:grid}.form-grid-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 16px;display:grid}.tabs{border-bottom:1px solid var(--c-border);gap:4px;display:flex}.tab{font-size:var(--fs-md);color:var(--c-text-2);background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:10px 14px;font-weight:500;display:inline-flex}.tab:hover{color:var(--c-text)}.tab.is-active{color:var(--c-primary);border-bottom-color:var(--c-primary)}.tab .count{color:var(--c-text-2);font-size:var(--fs-xs);background:#f1f5f9;border-radius:999px;padding:0 6px}.tabs-sm .tab{font-size:var(--fs-sm);padding:8px 12px}.tabs-pill{background:var(--c-table-head);border-radius:var(--radius-sm);border:none;gap:2px;padding:4px}.tabs-pill .tab{border:none;border-radius:4px;margin:0;padding:6px 14px}.tabs-pill .tab.is-active{box-shadow:var(--shadow-card);color:var(--c-primary);background:#fff}.table-wrap{overflow:auto}.table{border-collapse:collapse;width:100%;font-size:var(--fs-md)}.table-wide{min-width:900px}.table th{text-align:left;background:var(--c-table-head);font-size:var(--fs-sm);color:var(--c-text-2);border-bottom:1px solid var(--c-border);white-space:nowrap;padding:10px 12px;font-weight:600}.table td{border-bottom:1px solid var(--c-border);vertical-align:middle;padding:10px 12px}.table tbody tr:hover{background:var(--c-row-hover)}.table tbody tr.is-selected{background:var(--c-row-selected);box-shadow:inset 3px 0 0 var(--c-primary)}.table tbody tr.is-clickable{cursor:pointer}.table .th-sort{cursor:pointer;-webkit-user-select:none;user-select:none}.table .th-sort svg{vertical-align:-2px;width:14px;height:14px;color:var(--c-text-3);margin-left:4px}.table .td-actions{white-space:nowrap}.table .td-actions .btn-icon+.btn-icon{margin-left:6px}.table .td-num{text-align:right;font-variant-numeric:tabular-nums}.table-compact td,.table-compact th{padding:7px 10px}.mapping-table td,.mapping-table th{padding:6px}.mapping-table th{white-space:normal;line-height:1.25}.mapping-table td:first-child,.mapping-table th:first-child{padding-left:12px}.mapping-table select{text-overflow:ellipsis}.mapping-table .btn-icon{width:26px;height:26px}.mapping-table .btn-icon svg{width:14px;height:14px}.table-lines td{height:56px}.table-footer{font-size:var(--fs-sm);color:var(--c-text-2);border-top:1px solid var(--c-border);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.pagination{align-items:center;gap:6px;display:flex}.pagination button{border-radius:var(--radius-sm);border:1px solid var(--c-border-strong);width:32px;height:32px;font-size:var(--fs-sm);color:var(--c-text);background:#fff;justify-content:center;align-items:center;display:inline-flex}.pagination button svg{width:16px;height:16px}.pagination button.is-active{background:var(--c-primary);border-color:var(--c-primary);color:#fff}.pagination button:disabled{opacity:.4;cursor:not-allowed}.skeleton{background:linear-gradient(90deg,#eef2f7 25%,#f8fafc 50%,#eef2f7 75%) 0 0/800px 100%;border-radius:4px;height:14px;animation:1.4s infinite shimmer}.cell-entity{align-items:center;gap:10px;min-width:0;display:flex}.cell-entity .avatar{border:1px solid var(--c-border);width:32px;height:32px;font-weight:700;font-size:var(--fs-xs);color:var(--c-text-2);background:#fff;border-radius:6px;flex:none;justify-content:center;align-items:center;display:flex;overflow:hidden}.cell-entity .avatar img{object-fit:cover;width:100%;height:100%}.cell-entity .title{color:var(--c-text);font-weight:600}.cell-entity .sub{font-size:var(--fs-xs);color:var(--c-text-2)}.cell-two{white-space:nowrap}.cell-two .sub{font-size:var(--fs-xs);color:var(--c-text-2);align-items:center;gap:4px;display:flex}.cell-two .sub svg{width:12px;height:12px}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.kpi{align-items:center;gap:14px;padding:16px 18px;display:flex}.kpi-icon{border-radius:50%;flex:none;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.kpi-icon svg{width:22px;height:22px}.kpi-icon.success{background:var(--c-success-soft);color:var(--c-success)}.kpi-icon.info{background:var(--c-info-soft);color:var(--c-info)}.kpi-icon.primary{background:var(--c-primary-soft);color:var(--c-primary)}.kpi-icon.purple{background:var(--c-purple-soft);color:var(--c-purple)}.kpi-icon.danger{background:var(--c-danger-soft);color:var(--c-danger)}.kpi-icon.warning{background:var(--c-warning-soft);color:var(--c-warning)}.kpi-icon.neutral{color:var(--c-text-2);background:#f1f5f9}.kpi-body{flex:1;min-width:0}.kpi-label{font-size:var(--fs-sm);color:var(--c-text-2)}.kpi-value{font-size:var(--fs-2xl);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:baseline;gap:8px;font-weight:700;line-height:1.2;display:flex}.kpi-value .unit{font-size:var(--fs-sm);color:var(--c-text-2);font-weight:400}.kpi-sub{font-size:var(--fs-sm);color:var(--c-text-2);margin-top:2px}.delta{font-size:var(--fs-xs);border-radius:4px;align-items:center;gap:2px;padding:1px 6px;font-weight:600;display:inline-flex}.delta svg{width:12px;height:12px}.delta-up{background:var(--c-success-soft);color:#15803d}.delta-down{background:var(--c-danger-soft);color:#b91c1c}.sparkline{align-items:flex-end;gap:2px;height:26px;display:flex}.sparkline span{background:var(--c-primary);opacity:.8;border-radius:2px;width:4px}.sparkline.danger span{background:var(--c-danger)}.progress{background:var(--c-border);border-radius:999px;height:6px;overflow:hidden}.progress>span{background:var(--c-success);border-radius:999px;height:100%;transition:width .3s;display:block}.progress.primary>span{background:var(--c-primary)}.progress.warning>span{background:var(--c-warning)}.progress.danger>span{background:var(--c-danger)}.progress-lg{height:8px}.progress-labels{font-size:var(--fs-sm);color:var(--c-text-2);justify-content:space-between;margin-bottom:6px;display:flex}.stepper{justify-content:space-between;align-items:center;gap:8px;padding:16px 24px;display:flex}.step{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.step-circle{width:32px;height:32px;font-weight:600;font-size:var(--fs-md);background:var(--c-border);color:var(--c-text-2);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.step-circle svg{width:16px;height:16px}.step.is-active .step-circle{background:var(--c-primary);color:#fff}.step.is-done .step-circle{background:var(--c-success);color:#fff}.step-title{font-size:var(--fs-md);font-weight:600}.step.is-active .step-title{color:var(--c-primary)}.step-sub{font-size:var(--fs-sm);color:var(--c-text-2)}.step-arrow{color:var(--c-text-3);flex:none}.step-arrow svg{width:18px;height:18px}.vstepper{flex-direction:column;display:flex}.vstep{border-radius:var(--radius-sm);align-items:flex-start;gap:12px;padding:10px 12px;display:flex;position:relative}.vstep+.vstep:before{content:"";border-left:2px solid var(--c-border);height:14px;position:absolute;top:-12px;left:25px}.vstep.is-active{background:var(--c-primary-soft)}.vstep .step-circle{width:26px;height:26px;font-size:var(--fs-xs)}.vstep .step-title{font-size:var(--fs-md)}.page{flex-direction:column;gap:16px;padding:20px 24px;display:flex}.page-hero{justify-content:space-between;align-items:center;gap:16px;display:flex}.page-hero-left{align-items:center;gap:14px;display:flex}.hero-icon{border-radius:var(--radius);background:var(--c-primary);color:#fff;flex:none;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.hero-icon svg{width:26px;height:26px}.hero-icon.soft{background:var(--c-primary-soft);color:var(--c-primary)}.page-title{font-size:var(--fs-2xl);font-weight:700;line-height:1.2}.page-desc{font-size:var(--fs-md);color:var(--c-text-2);margin-top:2px}.page-actions{align-items:center;gap:8px;display:flex}.shop-header{align-items:center;gap:16px;padding:14px 20px;display:flex}.shop-logo{border-radius:var(--radius);border:1px solid var(--c-border);width:48px;height:48px;color:var(--c-text-2);background:#fff;flex:none;justify-content:center;align-items:center;font-weight:700;display:flex;overflow:hidden}.shop-logo img{object-fit:cover;width:100%;height:100%}.shop-title{font-size:var(--fs-xl);align-items:center;gap:10px;font-weight:700;display:flex}.shop-meta{font-size:var(--fs-sm);color:var(--c-text-2);flex-wrap:wrap;align-items:center;gap:12px;margin-top:4px;display:flex}.shop-meta a{align-items:center;gap:4px;display:inline-flex}.shop-meta a svg{width:13px;height:13px}.token-box{border:1px solid var(--c-border);border-radius:var(--radius-sm);background:var(--c-table-head);height:28px;font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--c-text);align-items:center;gap:6px;padding:0 6px 0 10px;display:inline-flex}.shop-blocks{align-items:center;gap:0;margin-left:8px;display:flex}.shop-block{border-left:1px solid var(--c-border);padding:0 18px}.shop-block .lbl{font-size:var(--fs-sm);color:var(--c-text-2)}.shop-block .val{font-size:var(--fs-md);white-space:nowrap;align-items:center;gap:6px;margin-top:3px;font-weight:500;display:flex}.shop-block .lbl{white-space:nowrap}.shop-block .val svg{width:15px;height:15px}.shop-block .val.success svg{color:var(--c-success)}.overlay{z-index:40;background:#0f172a73;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{border-radius:var(--radius-lg);width:100%;max-width:480px;box-shadow:var(--shadow-pop);background:#fff;flex-direction:column;max-height:calc(100vh - 48px);display:flex}.modal-lg{max-width:760px}.modal-xl{max-width:1040px}.modal-header{justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 20px 0;display:flex}.modal-title{font-size:16px;font-weight:600}.modal-body{font-size:var(--fs-md);padding:16px 20px;overflow:auto}.modal-footer{justify-content:flex-end;gap:8px;padding:12px 20px 18px;display:flex}.drawer-root{z-index:40;position:fixed;inset:0}.drawer-backdrop{background:#0f172a40;position:absolute;inset:0}.drawer{width:460px;max-width:100%;box-shadow:var(--shadow-drawer);background:#fff;flex-direction:column;display:flex;position:absolute;top:0;bottom:0;right:0}.drawer-lg{width:720px}.drawer-header{border-bottom:1px solid var(--c-border);justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 20px;display:flex}.drawer-body{flex:1;padding:16px 20px;overflow:auto}.drawer-footer{border-top:1px solid var(--c-border);gap:8px;padding:12px 20px;display:flex}.side-panel{border-left:1px solid var(--c-border)}.kv{font-size:var(--fs-md);grid-template-columns:140px 1fr;align-items:start;gap:10px 12px;display:grid}.kv dt{color:var(--c-text-2);font-size:var(--fs-sm);padding-top:1px}.kv dd{word-break:break-word;min-width:0;margin:0}.toasts{z-index:60;flex-direction:column;gap:10px;width:340px;display:flex;position:fixed;bottom:20px;right:20px}.toast{border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:var(--shadow-pop);background:#fff;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.toast svg{flex:none;width:18px;height:18px;margin-top:1px}.toast-success svg{color:var(--c-success)}.toast-error svg{color:var(--c-danger)}.toast-info svg{color:var(--c-info)}.toast-warning svg{color:var(--c-warning)}.toast-title{font-weight:600;font-size:var(--fs-md)}.toast-text{font-size:var(--fs-sm);color:var(--c-text-2);word-break:break-word;margin-top:2px}.code-panel{background:var(--c-code-bg);border:1px solid var(--c-border);border-radius:var(--radius);position:relative;overflow:hidden}.code-panel-tools{z-index:1;gap:6px;display:flex;position:absolute;top:8px;right:8px}.code-scroll{max-height:var(--code-max,520px);overflow:auto}.code{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--c-text);white-space:pre;margin:0;padding:12px 14px;line-height:1.55}.code .ln{width:34px;color:var(--c-text-3);-webkit-user-select:none;user-select:none;text-align:right;padding-right:14px;display:inline-block}.code .k{color:var(--code-key)}.code .s{color:var(--code-string)}.code .n{color:var(--code-number)}.code .b{color:var(--code-bool)}.code .z{color:var(--code-null)}.code .anno{height:18px;font-size:10px;font-family:var(--font);vertical-align:1px;border-radius:4px;align-items:center;margin-left:8px;padding:0 6px;font-weight:600;display:inline-flex}.terminal{background:var(--c-terminal);color:#cbd5e1;border-radius:var(--radius);font-family:var(--font-mono);font-size:var(--fs-sm);max-height:320px;padding:12px 14px;line-height:1.6;overflow:auto}.terminal .t{color:#94a3b8}.terminal .INFO{color:#4ade80}.terminal .WARN{color:#fbbf24}.terminal .ERROR,.terminal .FATAL{color:#f87171}.terminal .DEBUG{color:#93c5fd}.terminal .lvl{width:52px;font-weight:600;display:inline-block}.tree{font-size:var(--fs-md)}.tree-row{cursor:default;border-radius:4px;align-items:center;gap:6px;height:30px;padding:0 8px;display:flex}.tree-row:hover{background:var(--c-row-hover)}.tree-row.is-selected{background:var(--c-row-selected)}.tree-row .chev{width:16px;height:16px;color:var(--c-text-3);cursor:pointer;flex:none;display:inline-flex}.tree-row .chev.hidden{visibility:hidden}.tree-row .ticon{color:#b45309;flex:none;width:15px;height:15px}.tree-row .ticon.string{color:#b45309}.tree-row .ticon.number{color:#15803d}.tree-row .ticon.object{color:var(--c-primary)}.tree-row .ticon.array{color:#7c3aed}.tree-row .ticon.boolean{color:#0369a1}.tree-row .name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.tree-row .name.bold{font-weight:600}.tree-row .count{color:var(--c-text-2);font-size:var(--fs-xs);text-align:center;background:#f1f5f9;border-radius:999px;min-width:24px;padding:0 7px}.tree-children{border-left:1px solid var(--c-border);margin-left:12px;padding-left:10px;position:relative}.tree-row .folder{width:15px;height:15px;color:var(--c-primary);flex:none}.tree-row .copy{width:14px;height:14px;color:var(--c-text-3);cursor:pointer;opacity:0}.tree-row:hover .copy{opacity:1}.timeline{flex-direction:column;gap:0;padding-left:18px;display:flex;position:relative}.timeline:before{content:"";border-left:2px solid var(--c-border);position:absolute;top:8px;bottom:8px;left:5px}.tl-item{font-size:var(--fs-md);align-items:flex-start;gap:12px;padding:6px 0 6px 10px;display:flex;position:relative}.tl-item:before{content:"";background:var(--c-info);width:10px;height:10px;box-shadow:0 0 0 1px var(--c-border);border:2px solid #fff;border-radius:50%;position:absolute;top:11px;left:-17px}.tl-item.success:before{background:var(--c-success)}.tl-item.warning:before{background:var(--c-warning)}.tl-item.danger:before{background:var(--c-danger)}.tl-item.neutral:before{background:var(--c-text-3)}.tl-time{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--c-text-2);flex:none;width:62px;padding-top:2px}.empty{text-align:center;color:var(--c-text-2);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 20px;display:flex}.empty svg{width:40px;height:40px;color:var(--c-text-3)}.empty .title{font-size:var(--fs-base);color:var(--c-text);font-weight:600}.alert{border-radius:var(--radius);font-size:var(--fs-md);border:1px solid #0000;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.alert svg{flex:none;width:18px;height:18px;margin-top:1px}.alert-success{background:var(--c-success-soft);color:#166534;border-color:#bbf7d0}.alert-info{background:var(--c-info-soft);color:#075985;border-color:#bae6fd}.alert-warning{background:var(--c-warning-soft);color:#92400e;border-color:#fde68a}.alert-danger{background:var(--c-danger-soft);color:#991b1b;border-color:#fecaca}.alert .title{font-weight:600}.divider{background:var(--c-border);height:1px;margin:4px 0}.help-card{background:var(--c-table-head);border:1px solid var(--c-border);border-radius:var(--radius);font-size:var(--fs-sm);color:var(--c-text-2);padding:12px 14px}.help-card .title{color:var(--c-text);font-weight:600;font-size:var(--fs-md)}.footer-bar{border-top:1px solid var(--c-border);z-index:5;background:#fff;justify-content:space-between;align-items:center;gap:16px;margin:0 -24px -20px;padding:12px 24px;display:flex;position:sticky;bottom:0}.footer-bar .progress{width:320px}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.card-toolbar{padding:12px 20px 0}.toolbar .search{width:300px}.toolbar .select{width:auto;min-width:150px}.menu{border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:var(--shadow-pop);z-index:30;background:#fff;min-width:200px;padding:6px;position:absolute;top:calc(100% + 4px);right:0}.menu button{text-align:left;width:100%;font-size:var(--fs-md);color:var(--c-text);background:0 0;border:none;border-radius:4px;align-items:center;gap:8px;padding:8px 10px;display:flex}.menu button:hover{background:var(--c-row-hover)}.menu button.danger{color:var(--c-danger)}.menu button svg{width:15px;height:15px;color:var(--c-text-2)}.menu button.danger svg{color:var(--c-danger)}.menu-anchor{display:inline-block;position:relative}.spinner{border:2px solid var(--c-border);border-top-color:var(--c-primary);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}.center{justify-content:center;align-items:center;display:flex}.loading-page{padding:80px 0}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.grid-2>*,.grid-3>*,.grid-sidebar>*,.grid-sidebar-left>*,.three-col>*,.kpi-grid>*{min-width:0}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.grid-sidebar{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:16px;display:grid}.grid-sidebar-left{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:16px;display:grid}.three-col{grid-template-columns:300px minmax(0,1fr) 340px;align-items:start;gap:16px;display:grid}.product-preview{gap:14px;display:flex}.product-preview img,.product-preview .noimg{border-radius:var(--radius);border:1px solid var(--c-border);object-fit:cover;background:var(--c-table-head);width:96px;height:96px;color:var(--c-text-3);flex:none;justify-content:center;align-items:center;display:flex}.product-preview .name{font-size:var(--fs-lg);font-weight:600}.product-preview .sku{font-size:var(--fs-xs);color:var(--c-text-2);font-family:var(--font-mono);margin-left:6px}.product-preview .price{font-size:var(--fs-xl);margin-top:4px;font-weight:700}.product-preview .old{font-size:var(--fs-sm);color:var(--c-text-3);margin-left:8px;font-weight:400;text-decoration:line-through}.mapping-row-linked{background:#fffbeb!important}.mapping-row-unmapped td{color:var(--c-text-3)}.mapping-row-unmapped .mono{color:var(--c-text-2);font-weight:500}.grip{color:var(--c-text-3);cursor:grab}.health-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.health-dot.ok{background:var(--c-success)}.health-dot.bad{background:var(--c-danger)}.health-dot.warn{background:var(--c-warning)}.login-page{background:linear-gradient(160deg,#111c2e 0%,#1e3a8a 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{width:100%;max-width:420px;box-shadow:var(--shadow-pop);background:#fff;border-radius:14px;padding:32px}.login-logo{align-items:center;gap:12px;margin-bottom:24px;display:flex}.login-logo .mark{background:var(--c-primary);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.login-logo .mark svg{width:26px;height:26px}.login-logo .name{font-size:var(--fs-xl);font-weight:700}.login-logo .sub{font-size:var(--fs-sm);color:var(--c-text-2)}@media (width<=1200px){.three-col,.grid-sidebar,.grid-sidebar-left{grid-template-columns:1fr}.grid-3{grid-template-columns:1fr 1fr}}@media (width<=800px){.grid-2,.grid-3,.form-grid,.form-grid-3,.form-grid-4{grid-template-columns:1fr}.footer-bar .progress{width:140px}.shop-blocks{display:none}}.run-row{border-bottom:1px solid var(--c-border);cursor:pointer;font-size:var(--fs-md);white-space:nowrap;align-items:center;gap:10px;padding:6px 0;display:flex}.run-row>*{flex:none}.run-row .grow{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.cat-picker-btn{border:1px solid var(--c-border-strong);border-radius:var(--radius-sm);text-align:left;cursor:pointer;width:100%;min-height:40px;font:inherit;color:var(--c-text);background:#fff;justify-content:space-between;align-items:center;gap:8px;padding:5px 10px;display:flex}.cat-picker-btn:hover:not(:disabled),.cat-picker-btn.is-open{border-color:var(--c-primary)}.cat-picker-btn:disabled{background:var(--c-table-head);cursor:default}.cat-picker-value{flex-direction:column;min-width:0;line-height:1.25;display:flex}.cat-picker-value .leaf{font-weight:600;font-size:var(--fs-md);white-space:normal;word-break:break-word}.cat-picker-value .path{font-size:var(--fs-xs);color:var(--c-text-3);white-space:normal;word-break:break-word}.cat-picker-menu{z-index:60;max-width:calc(100vw - 24px);padding:8px}.cat-picker-list{max-height:340px;margin-top:2px;overflow:auto}.cat-picker-item{text-align:left;border-radius:var(--radius-sm);cursor:pointer;width:100%;font:inherit;color:var(--c-text);background:0 0;border:none;align-items:flex-start;gap:6px;padding:6px 8px;display:flex}.cat-picker-item.is-active,.cat-picker-item:hover:not(:disabled){background:var(--c-row-hover)}.cat-picker-item.is-current{background:var(--c-primary-soft)}.cat-picker-item.is-branch{cursor:default;opacity:.6}.cat-picker-item .lvl{flex-shrink:0;height:1px}.cat-picker-text{flex-direction:column;min-width:0;line-height:1.25;display:flex}.cat-picker-text .leaf{white-space:normal;font-weight:600}.cat-picker-text .path{font-size:var(--fs-xs);color:var(--c-text-3);white-space:normal}.cat-mapping-table td{vertical-align:top}.cat-mapping-table td,.cat-mapping-table th{padding:7px 8px}.cat-mapping-table .td-actions .btn-icon{width:26px;height:26px}@media (width<=1400px){.cat-mapping-grid{grid-template-columns:260px minmax(0,1fr) 260px!important}}.info-icon{width:18px;height:18px;color:var(--c-text-muted);cursor:pointer;vertical-align:middle;border-radius:50%;justify-content:center;align-items:center;transition:color .12s,background .12s;display:inline-flex}.info-icon:hover,.info-icon:focus-visible{color:var(--c-primary);background:var(--c-row-hover);outline:none}.help-dialog ul,.help-dialog ol{margin:4px 0 0;padding-left:18px}.help-dialog li{margin:2px 0}.help-dialog section+section{border-top:1px solid var(--c-border);padding-top:10px}.not-sent-row{border:1px solid var(--c-border);text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit;background:#fff;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;transition:background .12s,border-color .12s;display:flex}.not-sent-row:hover{background:var(--c-row-hover);border-color:var(--c-border-strong)}.not-sent-row .ellipsis{max-width:260px}.kpi-grid-6{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.link-danger{font:inherit;color:var(--c-danger);cursor:pointer;background:0 0;border:none;padding:0;font-weight:600;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.link-danger:hover{text-decoration:underline}.metrics-toggle{cursor:pointer;-webkit-user-select:none;user-select:none}.metrics-toggle:hover .card-header{background:var(--c-row-hover)}.metric-phases{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.metric-phase{border:1px solid var(--c-border);background:var(--c-table-head);border-radius:8px;grid-template-rows:16px 26px 18px 24px;align-items:center;row-gap:2px;min-width:0;padding:8px 10px;display:grid}.metric-phase .mp-label{font-size:var(--fs-xs);color:var(--c-text-2);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.metric-phase .mp-main{white-space:nowrap;align-items:baseline;gap:6px;display:flex;overflow:hidden}.metric-phase .mp-num{font-size:20px;font-weight:600;line-height:1}.metric-phase .mp-limit{color:var(--c-text-2);text-overflow:ellipsis;font-size:11px;overflow:hidden}.metric-phase .mp-queue{font-size:var(--fs-sm);white-space:nowrap}.metric-phase .mp-state{align-items:center;display:flex}@media (width<=560px){.metric-phases{grid-template-columns:1fr}}.smtp-test{border:1px dashed var(--c-border-strong);background:var(--c-table-head);border-radius:8px;gap:10px;padding:12px;display:grid}.kpi-clickable{cursor:pointer;transition:box-shadow .12s,border-color .12s}.kpi-clickable:hover,.kpi-clickable:focus-visible{border-color:var(--c-primary);box-shadow:0 0 0 3px var(--c-primary-soft);outline:none}.setting-field{min-width:0}.setting-field .field-label{min-width:0;display:block}.setting-label{align-items:center;gap:4px;min-width:0;height:20px;display:flex}.setting-label-text{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.setting-label .info-icon{flex:none}.secret-input{position:relative}.secret-input .input{padding-right:34px}.secret-eye{width:24px;height:24px;color:var(--c-text-2);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.secret-eye:hover{color:var(--c-primary);background:var(--c-row-hover)}.card-collapsible .card-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;padding-bottom:16px;transition:background .12s}.card-collapsible .card-toggle:hover{background:var(--c-table-head)}.card-collapsible.is-closed .card-toggle{border-radius:var(--radius)}.card-collapsible.is-open .card-toggle{border-bottom:1px solid var(--c-border)}.card-collapsible .card-body{padding-top:16px}.card-chevron{width:28px;height:28px;color:var(--c-text-2);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:transform .18s,background .12s,color .12s;display:inline-flex}.card-chevron:hover{background:var(--c-row-hover);color:var(--c-primary)}.card-collapsible.is-open .card-chevron{transform:rotate(180deg)}.label-hint{min-width:0;display:block}.label-hint-title{align-items:center;gap:4px;min-width:0;height:18px;display:flex}.label-hint-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.label-hint-sub{height:14px;color:var(--c-text-2);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:400;line-height:14px;display:block;overflow:hidden}.time24{align-items:center;gap:4px;display:inline-flex}.time24-part{width:66px;padding-left:8px}.time24-sep{color:var(--c-text-2);font-weight:600}.adapter-settings .card-toggle{padding:12px 16px}.dtp{min-width:150px;position:relative}.dtp-input .input{padding-right:56px}.dtp-btn{width:24px;height:24px;color:var(--c-text-2);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;display:inline-flex}.dtp-btn:hover{color:var(--c-primary);background:var(--c-row-hover)}.dtp-pop{z-index:60;border:1px solid var(--c-border);border-radius:var(--radius);width:300px;box-shadow:var(--shadow-pop);background:#fff;padding:10px;position:absolute;top:calc(100% + 6px);left:0}.dtp-head{justify-content:space-between;align-items:center;gap:6px;margin-bottom:8px;display:flex}.dtp-nav{border:1px solid var(--c-border);cursor:pointer;width:28px;height:28px;color:var(--c-text-2);background:#fff;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.dtp-nav:hover{background:var(--c-row-hover);color:var(--c-primary)}.dtp-month{flex:1;justify-content:center;gap:4px;display:flex}.dtp-sel{border:1px solid var(--c-border);height:28px;font:inherit;font-size:var(--fs-sm);background:#fff;border-radius:6px;padding:0 6px;font-weight:600}.dtp-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.dtp-wd{text-align:center;color:var(--c-text-2);text-transform:uppercase;letter-spacing:.03em;padding:4px 0;font-size:11px;font-weight:600}.dtp-wd.is-weekend{color:var(--c-danger);opacity:.8}.dtp-day{height:34px;font:inherit;font-size:var(--fs-sm);cursor:pointer;color:var(--c-text);background:0 0;border:none;border-radius:6px}.dtp-day:hover{background:var(--c-row-hover)}.dtp-day.is-other{color:var(--c-text-3)}.dtp-day.is-weekend:not(.is-other){color:var(--c-danger)}.dtp-day.is-today{box-shadow:inset 0 0 0 1px var(--c-primary)}.dtp-day.is-selected{background:var(--c-primary);font-weight:600;color:#fff!important}.dtp-time{border-top:1px solid var(--c-border);align-items:center;gap:8px;margin-top:8px;padding-top:8px;display:flex}.dtp-foot{align-items:center;gap:6px;margin-top:8px;display:flex}@media (width<=1100px){.form-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-grid,.kpi-grid-6{grid-template-columns:repeat(3,minmax(0,1fr))}.cat-mapping-grid{grid-template-columns:1fr!important}}@media (width<=860px){.page{gap:12px;padding:12px}.page-hero{flex-direction:column;align-items:stretch;gap:10px}.page-hero-left{gap:10px}.page-hero-left .hero-icon{width:36px;height:36px}.page-title{font-size:20px}.page-desc{font-size:var(--fs-sm)}.page-actions{flex-wrap:wrap;gap:6px}.page-actions>.btn{flex:auto}.kpi-grid,.kpi-grid-6{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.kpi{gap:10px;padding:10px 12px}.kpi-icon{width:32px;height:32px}.kpi-icon svg{width:16px;height:16px}.kpi-value{font-size:20px}.kpi-label,.kpi-sub{font-size:var(--fs-xs)}.kpi-sub{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.grid-2,.grid-3,.grid-sidebar,.grid-sidebar-left,.three-col,.metric-phases{grid-template-columns:1fr}.form-grid,.form-grid-3,.form-grid-4{grid-template-columns:1fr;gap:10px}.form-grid .span-2,.form-grid-3 .span-2,.form-grid-4 .span-2{grid-column:auto}.card-body{padding:12px 14px}.card-header{gap:8px;padding:12px 14px 0}.card-header>div:first-child{min-width:0}.card-title{font-size:var(--fs-md)}.card-desc{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.table{min-width:640px;font-size:var(--fs-sm)}.table th,.table td{padding:8px 10px}.table-footer{flex-wrap:wrap;gap:8px}.toolbar{gap:8px}.toolbar .search{width:100%}.toolbar .select,.toolbar .input,.toolbar .dtp{flex:calc(50% - 8px);width:auto;min-width:0}.toolbar .btn{flex:auto}.tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{white-space:nowrap;padding:10px 12px}.overlay{align-items:stretch;padding:0}.modal{border-radius:0;max-width:100%;height:100vh;max-height:100vh}.modal-body{padding:12px 14px}.modal-footer{flex-wrap:wrap;padding:10px 14px 14px}.modal-footer .btn{flex:auto}.drawer,.drawer-lg{width:100%}.kv{grid-template-columns:1fr;row-gap:4px}.kv dt{padding-top:6px}.not-sent-row .ellipsis{max-width:45vw}.metric-phase{grid-template-rows:16px 26px 18px 24px}.dtp-pop{width:auto;position:fixed;inset:auto 8px 8px}.smtp-test .row{flex-direction:column;align-items:stretch}.setting-label-text{max-width:70vw}.footer-bar{flex-wrap:wrap}.time24-part{width:60px}}@media (width<=480px){.kpi-grid,.kpi-grid-6{grid-template-columns:1fr 1fr}.toolbar .select,.toolbar .input,.toolbar .dtp,.page-actions>.btn{flex-basis:100%}}