:root{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--bg-app:#f8fafc;--bg-sidebar:#fff;--bg-card:#fff;--bg-header:#fff;--bg-muted:#f1f5f9;--bg-hover:#f1f5f9;--border-color:#e2e8f0;--border-subtle:#edf2f7;--text-main:#0f172a;--text-muted:#64748b;--text-dim:#94a3b8;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-soft:#2563eb14;--success:#10b981;--success-soft:#10b9811f;--warning:#f59e0b;--warning-soft:#f59e0b1f;--danger:#ef4444;--danger-soft:#ef44441f;--info:#0ea5e9;--info-soft:#0ea5e91f;--shadow-sm:0 1px 2px 0 #0000000a;--shadow-md:0 4px 6px -1px #0000000f, 0 2px 4px -1px #00000008;--shadow-dropdown:0 10px 15px -3px #00000014, 0 4px 6px -2px #0000000a}:root[data-theme=dark]{--bg-app:#090d16;--bg-sidebar:#0f1420;--bg-card:#131a29;--bg-header:#0f1420;--bg-muted:#1c2436;--bg-hover:#192131;--border-color:#1e293b;--border-subtle:#172033;--text-main:#f8fafc;--text-muted:#94a3b8;--text-dim:#64748b;--accent:#3b82f6;--accent-hover:#60a5fa;--accent-soft:#3b82f626;--success:#34d399;--success-soft:#34d39926;--warning:#fbbf24;--warning-soft:#fbbf2426;--danger:#f87171;--danger-soft:#f8717126;--info:#38bdf8;--info-soft:#38bdf826;--shadow-sm:0 1px 2px 0 #0006;--shadow-md:0 4px 6px -1px #0006;--shadow-dropdown:0 10px 25px -3px #0009}@media (prefers-color-scheme:dark){:root[data-theme=system],:root:not([data-theme=light]):not([data-theme=dark]){--bg-app:#090d16;--bg-sidebar:#0f1420;--bg-card:#131a29;--bg-header:#0f1420;--bg-muted:#1c2436;--bg-hover:#192131;--border-color:#1e293b;--border-subtle:#172033;--text-main:#f8fafc;--text-muted:#94a3b8;--text-dim:#64748b;--accent:#3b82f6;--accent-hover:#60a5fa;--accent-soft:#3b82f626;--success:#34d399;--success-soft:#34d39926;--warning:#fbbf24;--warning-soft:#fbbf2426;--danger:#f87171;--danger-soft:#f8717126;--info:#38bdf8;--info-soft:#38bdf826;--shadow-sm:0 1px 2px 0 #0006;--shadow-md:0 4px 6px -1px #0006;--shadow-dropdown:0 10px 25px -3px #0009}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5}.font-mono{font-family:var(--font-mono)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-muted{color:var(--text-muted)}.text-sm{font-size:13px}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:9999;background-color:var(--accent);color:#fff;box-shadow:var(--shadow-md);border-radius:0 0 6px 6px;outline:2px solid #fff;padding:8px 16px;font-size:13.5px;font-weight:600;text-decoration:none;transition:top .15s ease-in-out;position:absolute;top:-9999px;left:-9999px}.skip-link:focus,.skip-link:focus-visible{top:0;left:16px}#main-content:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.shell{width:100%;min-height:100vh;display:flex}.app-sidebar{background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);flex-direction:column;flex-shrink:0;width:240px;padding:20px 12px;display:flex}.brand-wrapper{border-bottom:1px solid var(--border-subtle);align-items:center;gap:10px;margin-bottom:16px;padding:6px 12px 20px;display:flex}.brand-logo{color:var(--accent);align-items:center;display:flex}.brand-name{letter-spacing:-.02em;font-size:15px;font-weight:700}.sidebar-nav{flex-direction:column;flex:1;gap:3px;display:flex}.nav-link{color:var(--text-muted);border-radius:6px;align-items:center;gap:10px;padding:8px 12px;font-size:13.5px;font-weight:500;text-decoration:none;transition:background-color .15s,color .15s;display:flex}.nav-link:hover{background-color:var(--bg-hover);color:var(--text-main)}.nav-link.active{background-color:var(--accent-soft);color:var(--accent);font-weight:600}.nav-icon{font-size:15px;line-height:1}.main-viewport{flex-direction:column;flex:1;min-width:0;display:flex;overflow-x:hidden}.app-header{background-color:var(--bg-header);border-bottom:1px solid var(--border-color);z-index:10;justify-content:space-between;align-items:center;height:60px;padding:0 28px;display:flex;position:sticky;top:0}.header-left{align-items:baseline;gap:12px;display:flex}.header-title{letter-spacing:-.01em;font-size:18px;font-weight:600}.header-subtitle{color:var(--text-muted);font-size:13px}.header-right{align-items:center;gap:14px;display:flex}.session-expiry-badge{background-color:var(--bg-muted);color:var(--text-muted);font-size:11.5px;font-family:var(--font-mono);border-radius:4px;padding:4px 8px}.operator-profile{border-left:1px solid var(--border-color);align-items:center;gap:8px;margin-left:6px;padding-left:12px;display:flex}.operator-name{font-size:13px;font-weight:500}.btn-logout{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:4px;padding:4px 9px;font-size:12px;transition:all .15s}.btn-logout:hover{background-color:var(--bg-hover);color:var(--text-main);border-color:var(--text-muted)}.content-container{width:100%;max-width:1360px;margin:0 auto;padding:24px 28px 48px}.theme-toggle-wrapper{align-items:center;display:flex}.theme-toggle-label{color:var(--text-muted);cursor:pointer;align-items:center;gap:5px;font-size:12px;display:flex}.theme-icon{font-size:13px}.theme-select{background-color:var(--bg-card);border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;border-radius:4px;padding:4px 6px;font-size:12px}.btn{cursor:pointer;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;padding:8px 14px;font-size:13.5px;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.btn-primary{background-color:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--accent-hover)}.btn-secondary{background-color:var(--bg-card);border-color:var(--border-color);color:var(--text-main)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-hover)}.btn-block{width:100%}.btn-link{color:var(--accent);cursor:pointer;background:0 0;border:none;font-size:13px;text-decoration:underline}button:disabled{opacity:.6;cursor:not-allowed}.segmented-control{background-color:var(--bg-muted);border:1px solid var(--border-color);border-radius:6px;padding:2px;display:inline-flex}.segmented-button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 12px;font-size:12.5px;font-weight:500;transition:all .15s}.segmented-button.active{background-color:var(--bg-card);color:var(--text-main);box-shadow:var(--shadow-sm);font-weight:600}.mini-segmented .segmented-button{padding:2px 8px;font-size:11.5px}@keyframes pulse{0%,to{opacity:.6}50%{opacity:.25}}.skeleton-pulse{background-color:var(--text-dim);animation:1.5s cubic-bezier(.4,0,.6,1) infinite pulse}.status-badge{text-transform:capitalize;border-radius:12px;align-items:center;gap:5px;width:fit-content;padding:2px 8px;font-size:11.5px;font-weight:500;display:inline-flex}.badge-dot{border-radius:50%;width:6px;height:6px}.status-badge-success{background-color:var(--success-soft);color:var(--success)}.status-badge-success .badge-dot{background-color:var(--success)}.status-badge-warning{background-color:var(--warning-soft);color:var(--warning)}.status-badge-warning .badge-dot{background-color:var(--warning)}.status-badge-danger{background-color:var(--danger-soft);color:var(--danger)}.status-badge-danger .badge-dot{background-color:var(--danger)}.status-badge-info{background-color:var(--info-soft);color:var(--info)}.status-badge-info .badge-dot{background-color:var(--info)}.status-badge-neutral{background-color:var(--bg-muted);color:var(--text-muted)}.status-badge-neutral .badge-dot{background-color:var(--text-muted)}.error-banner{background-color:var(--danger-soft);border:1px solid var(--danger);color:var(--text-main);border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:12px 16px;display:flex}.error-banner-content{align-items:center;gap:12px;display:flex}.error-banner-icon{color:var(--danger)}.error-banner-title{color:var(--danger);font-size:13.5px}.error-banner-detail{color:var(--text-muted);margin-top:2px;font-size:12px}.btn-retry{background-color:var(--bg-card);border:1px solid var(--danger);color:var(--danger);cursor:pointer;border-radius:4px;padding:4px 10px;font-size:12px;font-weight:500;transition:background-color .15s}.btn-retry:hover{background-color:var(--danger-soft)}.empty-state{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:36px 20px;display:flex}.empty-state-icon{color:var(--text-dim);margin-bottom:8px}.empty-state-title{color:var(--text-main);margin-bottom:4px;font-size:14px;font-weight:600}.empty-state-description{max-width:320px;margin-bottom:12px;font-size:12.5px}.card{background-color:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:8px;padding:20px}.card-header-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.card-title{letter-spacing:-.01em;font-size:15px;font-weight:600}.card-subtitle{color:var(--text-muted);margin-top:2px;font-size:12px}.card-header-actions{align-items:center;gap:12px;display:flex}.card-view-all-link{color:var(--accent);font-size:12.5px;font-weight:500;text-decoration:none}.card-view-all-link:hover{text-decoration:underline}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:24px;display:grid}.kpi-card{background-color:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:8px;flex-direction:column;padding:18px 20px;display:flex}.kpi-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.kpi-label{color:var(--text-muted);font-size:12.5px;font-weight:500}.kpi-value{letter-spacing:-.02em;font-size:26px;font-weight:700;line-height:1.1;font-family:var(--font-mono)}.kpi-subtext{color:var(--text-muted);margin-top:10px;font-size:11.5px}.comparison-subtext strong{color:var(--text-main);font-family:var(--font-mono)}.overview-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.timezone-chip{background-color:var(--bg-card);border:1px solid var(--border-color);color:var(--text-muted);border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:flex}.tz-value{color:var(--accent)}.overview-bottom-grid{grid-template-columns:1fr 1fr;gap:20px;margin-top:24px;display:grid}.chart-card{margin-bottom:24px}.chart-legend{color:var(--text-muted);gap:16px;margin-bottom:12px;font-size:12px;display:flex}.legend-item{align-items:center;gap:6px;display:flex}.legend-dot{border-radius:50%;width:8px;height:8px}.dot-profit{background-color:var(--success)}.time-series-svg{width:100%;height:auto;overflow:visible}.chart-grid-line line{stroke:var(--border-color);stroke-width:1px}.chart-tick-label{fill:var(--text-dim);font-size:10.5px;font-family:var(--font-mono)}.chart-line-profit{fill:none;stroke:var(--success);stroke-width:2.5px}.chart-area-profit{fill:var(--success-soft)}.point-profit{fill:var(--success);stroke:var(--bg-card);stroke-width:2px;transition:r .15s}.chart-guide-line{stroke:var(--text-dim);stroke-width:1px}.chart-tooltip{background-color:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-md);pointer-events:none;z-index:5;white-space:nowrap;border-radius:6px;padding:8px 12px;font-size:11.5px;position:absolute;transform:translate(-50%)}.tooltip-title{border-bottom:1px solid var(--border-subtle);margin-bottom:4px;padding-bottom:3px;font-weight:600}.tooltip-row{justify-content:space-between;gap:12px;margin-top:2px;display:flex}.profit-text{color:var(--success);font-weight:500}.table-responsive{width:100%;overflow-x:auto}.data-table th{border-bottom:1px solid var(--border-color);color:var(--text-muted);background-color:var(--bg-muted);padding:10px 12px;font-size:12px;font-weight:500}.data-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-main);padding:11px 12px}.data-table tr:hover td{background-color:var(--bg-hover)}.rank-badge{background-color:var(--bg-muted);width:22px;height:22px;color:var(--text-muted);border-radius:4px;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:inline-flex}.rank-1{color:#b45309;background-color:#f59e0b26}.rank-2{color:#475569;background-color:#94a3b833}.rank-3{color:#92400e;background-color:#b453091f}.product-title{white-space:nowrap;text-overflow:ellipsis;vertical-align:middle;max-width:200px;display:inline-block;overflow:hidden}.profit-cell{color:var(--success)}.order-id-link{color:var(--accent);text-decoration:none}.order-id-link:hover{text-decoration:underline}.provider-tag{background-color:var(--bg-muted);color:var(--text-muted);font-size:11px;font-family:var(--font-mono);border-radius:4px;padding:2px 6px}.btn-table-action{color:var(--accent);font-size:12px;font-weight:500;text-decoration:none}.btn-table-action:hover{text-decoration:underline}.alert-center-wrapper{position:relative}.alert-bell-button{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;padding:7px;transition:all .15s;display:flex;position:relative}.alert-bell-button:hover,.alert-bell-button.active{background-color:var(--bg-hover);color:var(--text-main);border-color:var(--text-dim)}.alert-badge{background-color:var(--danger);color:#fff;border-radius:10px;padding:1px 5px;font-size:10px;font-weight:700;line-height:1.2;position:absolute;top:-5px;right:-5px}.alert-dropdown{background-color:var(--bg-card);border:1px solid var(--border-color);width:440px;max-width:90vw;box-shadow:var(--shadow-dropdown);z-index:100;border-radius:8px;flex-direction:column;display:flex;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden}.alert-dropdown-header{border-bottom:1px solid var(--border-color);background-color:var(--bg-header);padding:14px 16px}.alert-dropdown-title-row{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.alert-dropdown-title-row h3{font-size:14.5px;font-weight:600}.alert-count-pill{background-color:var(--danger-soft);color:var(--danger);border-radius:10px;padding:2px 7px;font-size:11.5px;font-weight:600}.alert-filters{gap:8px;display:flex}.filter-select{border:1px solid var(--border-color);background-color:var(--bg-card);color:var(--text-main);cursor:pointer;border-radius:4px;flex:1;padding:4px 6px;font-size:11.5px}.alert-dropdown-body{max-height:460px;padding:8px;overflow-y:auto}.alert-list{flex-direction:column;gap:8px;list-style:none;display:flex}.alert-item{border:1px solid var(--border-subtle);background-color:var(--bg-card);cursor:pointer;border-radius:6px;padding:10px 12px;transition:border-color .15s,background-color .15s}.alert-item:hover{background-color:var(--bg-hover);border-color:var(--border-color)}.alert-item.is-unread{border-left:3px solid var(--accent)}.alert-item.is-resolved{opacity:.75}.alert-item-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.alert-item-badges{align-items:center;gap:6px;display:flex}.status-pill{border-radius:4px;padding:1px 6px;font-size:10.5px;font-weight:500}.pill-active{background-color:var(--warning-soft);color:var(--warning)}.pill-resolved{background-color:var(--bg-muted);color:var(--text-dim)}.unread-dot{background-color:var(--accent);border-radius:50%;width:6px;height:6px}.alert-item-type{color:var(--text-dim);font-size:11px;font-family:var(--font-mono)}.alert-item-message{color:var(--text-main);margin-bottom:8px;font-size:12.5px;line-height:1.4}.alert-item-footer{color:var(--text-dim);justify-content:space-between;align-items:center;font-size:11px;display:flex}.alert-actions{gap:6px;display:flex}.btn-alert-action{cursor:pointer;border:1px solid var(--border-color);background-color:var(--bg-card);color:var(--text-muted);border-radius:4px;padding:2px 7px;font-size:11px;transition:all .15s}.btn-mark-read:hover{background-color:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.btn-resolve:hover{background-color:var(--success-soft);color:var(--success);border-color:var(--success)}.btn-nav:hover{background-color:var(--bg-hover);color:var(--text-main)}.alert-loading{flex-direction:column;gap:8px;padding:12px;display:flex}.alert-error-msg{text-align:center;color:var(--danger);flex-direction:column;gap:8px;padding:16px;font-size:12px;display:flex}.login-page{background-color:var(--bg-app);flex-direction:column;min-height:100vh;display:flex}.login-header-bar{justify-content:space-between;align-items:center;padding:20px 32px;display:flex}.login-brand-small{letter-spacing:-.02em;font-size:15px;font-weight:700}.login-container{flex:1;justify-content:center;align-items:center;padding:20px;display:flex}.login-card{background-color:var(--bg-card);border:1px solid var(--border-color);width:100%;max-width:400px;box-shadow:var(--shadow-md);border-radius:10px;padding:32px 28px}.login-card-header{text-align:center;margin-bottom:24px}.login-logo-mark{background-color:var(--accent-soft);width:48px;height:48px;color:var(--accent);border-radius:10px;justify-content:center;align-items:center;margin-bottom:16px;display:inline-flex}.login-title{letter-spacing:-.01em;margin-bottom:6px;font-size:20px;font-weight:600}.login-subtitle{color:var(--text-muted);font-size:13px}.login-error-banner{margin-bottom:18px}.login-form{flex-direction:column;gap:16px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--text-muted);font-size:12.5px;font-weight:500}.form-group input{border:1px solid var(--border-color);background-color:var(--bg-app);color:var(--text-main);border-radius:6px;outline:none;padding:9px 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}.form-group input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.login-card-footer{border-top:1px solid var(--border-subtle);text-align:center;margin-top:24px;padding-top:16px}.session-policy-note{color:var(--text-dim);font-size:11px}.auth-loading-boundary{background-color:var(--bg-app);justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-loading-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;flex-direction:column;gap:12px;width:320px;padding:24px;display:flex}.meta-label{color:var(--text-muted);width:140px}.meta-value{color:var(--text-main)}.data-table-container{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.data-table-scroll-area{max-height:calc(100vh - 280px);overflow:auto}.data-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.data-table-header th{z-index:2;background:var(--bg-card);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color);-webkit-user-select:none;user-select:none;white-space:nowrap;padding:10px 14px;font-size:11px;font-weight:600;position:sticky;top:0}.data-table-header th.is-sortable{cursor:pointer;transition:color .15s}.data-table-header th.is-sortable:hover{color:var(--text-main)}.th-content{align-items:center;gap:4px;display:inline-flex}.sort-indicator{color:var(--text-dim);font-size:10px}.sort-indicator.active{color:var(--accent);font-weight:700}.data-table-body tr{border-bottom:1px solid var(--border-subtle);transition:background-color .12s}.data-table-body tr:last-child{border-bottom:none}.data-table-row:hover{background-color:var(--bg-hover)}.data-table-row.is-clickable{cursor:pointer}.data-table-body td{color:var(--text-main);vertical-align:middle;padding:12px 14px}.data-table-empty-cell{text-align:center;padding:48px 16px}.table-row-skeleton td{padding:14px}.text-right{text-align:right}.text-center{text-align:center}.data-table-pagination{background:var(--bg-card);border-top:1px solid var(--border-color);color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:12px;display:flex}.pagination-emphasis{color:var(--text-main);font-weight:600}.pagination-controls{align-items:center;gap:16px;display:flex}.page-size-selector{align-items:center;gap:6px;display:flex}.page-size-label{color:var(--text-dim)}.page-size-select{background:var(--bg-muted);border:1px solid var(--border-color);color:var(--text-main);border-radius:4px;outline:none;padding:3px 8px;font-size:12px}.pagination-nav-buttons{align-items:center;gap:8px;display:flex}.btn-pagination{background:var(--bg-muted);border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;border-radius:4px;padding:4px 10px;font-size:12px;transition:all .15s}.btn-pagination:hover:not(:disabled){background:var(--bg-hover);border-color:var(--text-dim)}.btn-pagination:disabled{opacity:.4;cursor:not-allowed}.page-indicator{color:var(--text-muted);font-size:12px}.drawer-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;background:#00000073;justify-content:flex-end;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.drawer-panel{background:var(--bg-card);border-left:1px solid var(--border-color);flex-direction:column;height:100%;animation:.2s cubic-bezier(.16,1,.3,1) slideInRight;display:flex;box-shadow:-4px 0 24px #00000040}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-start;padding:18px 20px;display:flex}.drawer-title-group{flex-direction:column;gap:2px;display:flex}.drawer-title{color:var(--text-main);margin:0;font-size:16px;font-weight:600}.drawer-subtitle{color:var(--text-muted);margin:0;font-size:12px}.drawer-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:16px;transition:all .15s}.drawer-close-btn:hover{background:var(--bg-muted);color:var(--text-main)}.drawer-body{flex-direction:column;flex:1;gap:20px;padding:20px;display:flex;overflow-y:auto}.drawer-footer{border-top:1px solid var(--border-color);background:var(--bg-muted);justify-content:flex-end;align-items:center;gap:10px;padding:14px 20px;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1100;background:#00000080;justify-content:center;align-items:center;padding:16px;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.modal-card{background:var(--bg-card);border:1px solid var(--border-color);width:100%;max-width:520px;box-shadow:var(--shadow-dropdown);border-radius:10px;flex-direction:column;animation:.15s cubic-bezier(.16,1,.3,1) scaleIn;display:flex;overflow:hidden}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-title{color:var(--text-main);margin:0;font-size:15px;font-weight:600}.modal-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:16px}.modal-close-btn:hover:not(:disabled){background:var(--bg-muted);color:var(--text-main)}.modal-form{flex-direction:column;margin:0;display:flex}.modal-body{flex-direction:column;gap:16px;padding:20px;display:flex}.modal-impact-box{background:var(--bg-muted);border:1px solid var(--border-color);border-radius:6px;padding:14px}.impact-box-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.impact-badge{color:var(--warning);font-size:11px;font-weight:600}.impact-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:11px;font-weight:600}.impact-box-content{color:var(--text-main);font-size:13px;line-height:1.5}.form-textarea{background:var(--bg-muted);border:1px solid var(--border-color);width:100%;color:var(--text-main);resize:vertical;border-radius:6px;outline:none;padding:8px 12px;font-family:inherit;font-size:13px;transition:border-color .15s}.form-textarea:focus{border-color:var(--accent)}.form-hint{color:var(--text-dim);margin-top:4px;font-size:11px}.modal-error-banner{background:var(--danger-soft);color:var(--danger);border:1px solid var(--danger);border-radius:6px;padding:8px 12px;font-size:12px}.modal-footer{border-top:1px solid var(--border-color);background:var(--bg-muted);justify-content:flex-end;align-items:center;gap:10px;padding:14px 20px;display:flex}.deletion-badge{white-space:nowrap;border-radius:9999px;align-items:center;gap:5px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.deletion-badge-pinned{color:#a855f7;background:#a855f71f;border:1px solid #a855f740}.deletion-badge-unread{background:var(--danger-soft);color:var(--danger);border:1px solid #ef444440}.deletion-badge-scheduled{background:var(--bg-muted);color:var(--text-muted);border:1px solid var(--border-color)}.deletion-badge-scheduled.is-urgent{background:var(--warning-soft);color:var(--warning);border-color:#f59e0b4d}.deletion-badge-inactive{color:var(--text-dim)}.subnav-bar{border-bottom:1px solid var(--border-color);align-items:center;gap:8px;margin-bottom:20px;padding-bottom:8px;display:flex}.subnav-item{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.subnav-item:hover{background:var(--bg-muted);color:var(--text-main)}.subnav-item.active{background:var(--bg-muted);color:var(--accent);font-weight:600}.nav-unread-badge{background:var(--accent);color:#fff;border-radius:9999px;margin-left:auto;padding:1px 6px;font-size:10px;font-weight:700;line-height:14px}@media (width<=900px){.overview-bottom-grid{grid-template-columns:1fr}}@media (width<=768px){.app-sidebar{width:64px;padding:16px 8px}.brand-name,.nav-label{display:none}.brand-wrapper{justify-content:center;padding:0 0 16px}.nav-link{justify-content:center;padding:10px 0;position:relative}.nav-unread-badge{margin-left:0;padding:0 4px;font-size:9px;line-height:12px;position:absolute;top:3px;right:3px}.content-container{padding:16px}.app-header{gap:8px;padding:0 12px}.header-left{min-width:0;overflow:hidden}.header-title{white-space:nowrap;text-overflow:ellipsis;font-size:16px;overflow:hidden}.header-right{flex-shrink:0;gap:8px}.session-expiry-badge{display:none}.operator-profile{border-left:1px solid var(--border-color);align-items:center;gap:6px;margin-left:0;padding-left:8px;display:flex}.operator-name{display:none}.btn-logout{white-space:nowrap;padding:4px 8px;font-size:11.5px}}.json-viewer{border:1px solid var(--border-color);background:var(--bg-card);font-family:var(--font-mono);border-radius:8px;font-size:12px;line-height:1.6;overflow:hidden}.json-viewer-toolbar{border-bottom:1px solid var(--border-color);background:var(--bg-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:flex}.json-viewer-header-left{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.json-viewer-title{color:var(--text-main);letter-spacing:.02em;text-transform:uppercase;font-size:12px;font-weight:600}.jv-toolbar-actions{align-items:center;gap:6px;display:inline-flex}.jv-toolbar-btn{padding:4px 8px;font-size:12px;line-height:1.2}.json-viewer-search{max-width:280px;font-family:var(--font-mono);border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-main);border-radius:6px;outline:none;flex:160px;padding:6px 8px;font-size:12px}.json-viewer-search:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.json-viewer-search::placeholder{color:var(--text-dim)}.json-viewer-body{max-height:480px;padding:10px 12px;overflow:auto}.jv-row{white-space:nowrap;min-height:20px;font-family:var(--font-mono);align-items:center;gap:6px;font-size:12px;display:flex}.jv-toggle{cursor:pointer;width:16px;height:16px;color:var(--text-muted);background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;line-height:1;display:inline-flex}.jv-toggle:hover{background:var(--bg-muted);color:var(--text-main)}.jv-chevron{text-align:center;width:12px;display:inline-block}.jv-key{color:#2563eb;font-weight:500}:root[data-theme=dark] .jv-key{color:#60a5fa}.jv-colon{color:var(--text-muted)}.jv-string{color:#16a34a}:root[data-theme=dark] .jv-string{color:#4ade80}.jv-number{color:#ea580c}:root[data-theme=dark] .jv-number{color:#fb923c}.jv-boolean{color:#9333ea}:root[data-theme=dark] .jv-boolean{color:#c084fc}.jv-null{color:#94a3b8;font-style:italic}.jv-bracket{color:var(--text-muted);font-weight:600}.jv-preview{color:var(--text-dim);font-size:11px;font-style:italic}.jv-copy-group{opacity:0;gap:4px;margin-left:8px;transition:opacity .15s;display:inline-flex}.jv-row:hover .jv-copy-group,.jv-row:focus-within .jv-copy-group{opacity:1}.jv-copy-btn{font-family:var(--font-sans);border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-muted);cursor:pointer;white-space:nowrap;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:500;line-height:1.2}.jv-copy-btn:hover{background:var(--bg-muted);color:var(--text-main);border-color:var(--border-color)}.jv-highlight{color:inherit;background:#fef08a;border-radius:2px;padding:0 1px}:root[data-theme=dark] .jv-highlight{color:#fefce8;background:#facc1559}.jv-children{display:block}.badge{white-space:nowrap;border-radius:4px;align-items:center;gap:4px;padding:2px 7px;font-size:11px;font-weight:500;line-height:1.2;display:inline-flex}.badge-primary{background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent)}.badge-secondary,.badge-neutral{background:var(--bg-muted);color:var(--text-muted);border:1px solid var(--border-color)}.badge-success{background:var(--success-soft);color:var(--success);border:1px solid var(--success)}.badge-warning{background:var(--warning-soft);color:var(--warning);border:1px solid var(--warning)}.badge-danger,.badge-error{background:var(--danger-soft);color:var(--danger);border:1px solid var(--danger)}.badge-outline{color:var(--text-dim);border:1px solid var(--border-color);background:0 0}.provider-detail-page{flex-direction:column;gap:20px;width:100%;max-width:1400px;margin:0 auto;padding:24px;display:flex}.provider-detail-top-nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.provider-detail-back-link{color:var(--accent);align-items:center;gap:6px;font-size:12.5px;font-weight:500;text-decoration:none;display:inline-flex}.provider-detail-back-link:hover{text-decoration:underline}.provider-detail-tz-context{color:var(--text-dim);font-size:12px}.provider-detail-hero{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.provider-detail-hero-main{flex-direction:column;gap:8px;min-width:0;display:flex}.provider-detail-title-group{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.provider-detail-title{color:var(--text-main);letter-spacing:-.02em;margin:0;font-size:20px;font-weight:700;line-height:1.2}.provider-detail-meta-group{font-family:var(--font-mono);color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:10px;font-size:12px;display:flex}.provider-detail-meta-group .meta-divider{color:var(--border-color)}.provider-detail-hero-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.provider-detail-content{flex-direction:column;gap:20px;width:100%;display:flex}.provider-detail-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;flex-direction:column;gap:12px;padding:16px 20px;display:flex}.provider-detail-card-header{border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding-bottom:8px;display:flex}.provider-detail-card-title{color:var(--text-main);align-items:center;gap:8px;margin:0;font-size:14px;font-weight:600;display:flex}.provider-meta-list{flex-direction:column;gap:8px;font-size:12px;display:flex}.provider-meta-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.provider-meta-label{color:var(--text-dim);flex-shrink:0;font-size:12px}.provider-meta-value{color:var(--text-main);text-align:right;word-break:break-all}.candidate-staging-box{background:var(--bg-muted);border:1px solid var(--border-color);border-radius:6px;flex-direction:column;gap:10px;padding:12px;display:flex}.safe-activation-steps{grid-template-columns:repeat(2,1fr);gap:8px;padding-top:8px;display:grid}.safe-activation-btn-full{grid-column:span 2}.catalog-metrics-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.provider-detail-full .catalog-metrics-grid{grid-template-columns:repeat(6,1fr)}.metric-box{background:var(--bg-muted);border:1px solid var(--border-color);border-radius:6px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.metric-label{color:var(--text-dim);text-transform:uppercase;font-size:10.5px;font-weight:500}.metric-value{font-size:16px;font-weight:700;font-family:var(--font-mono);color:var(--text-main)}.metric-value.success{color:var(--success)}.metric-value.danger{color:var(--danger)}.metric-value.accent{color:var(--accent)}.dependencies-metrics-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.provider-detail-full .dependencies-metrics-grid{grid-template-columns:repeat(4,1fr)}.lifecycle-actions-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.config-fields-doc-table-wrapper{border:1px solid var(--border-color);border-radius:6px;overflow-x:auto}.config-fields-doc-table{border-collapse:collapse;width:100%;font-size:12px}.config-fields-doc-table th{background:var(--bg-muted);color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;text-align:left;border-bottom:1px solid var(--border-color);white-space:nowrap;padding:8px 12px;font-size:11px;font-weight:600}.config-fields-doc-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-main);vertical-align:top;padding:10px 12px}.config-fields-doc-table tr:last-child td{border-bottom:none}.technical-diagnostics-card{border:1px solid var(--border-color);background:var(--bg-card);border-radius:8px;overflow:hidden}.technical-diagnostics-toggle{background:var(--bg-muted);cursor:pointer;width:100%;color:var(--text-main);text-align:left;border:none;justify-content:space-between;align-items:center;padding:12px 16px;font-size:13px;font-weight:600;display:flex}.technical-diagnostics-toggle:hover{background:var(--bg-hover)}.technical-diagnostics-body{border-top:1px solid var(--border-color);flex-direction:column;gap:16px;padding:16px;display:flex}.modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1100;background:#00000080;justify-content:center;align-items:center;padding:16px;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-card);border:1px solid var(--border-color);width:100%;max-width:540px;max-height:90vh;box-shadow:var(--shadow-dropdown);border-radius:10px;flex-direction:column;gap:12px;padding:20px;animation:.15s cubic-bezier(.16,1,.3,1) scaleIn;display:flex;overflow-y:auto}.provider-modal-fields-group{background:var(--bg-muted);border:1px solid var(--border-color);border-radius:6px;flex-direction:column;gap:12px;padding:12px;display:flex}.provider-modal-fields-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:11px;font-weight:600}.provider-modal-field-item{flex-direction:column;gap:4px;display:flex}.provider-modal-field-label{color:var(--text-main);align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.provider-modal-field-desc{color:var(--text-dim);font-size:11px}@media (width<=768px){.provider-detail-page{gap:14px;padding:14px}.provider-detail-hero{flex-direction:column;align-items:stretch;gap:14px;padding:16px}.provider-detail-hero-actions{justify-content:flex-end;width:100%}.provider-detail-hero-actions button{width:100%}.provider-detail-full .catalog-metrics-grid,.catalog-metrics-grid,.provider-detail-full .dependencies-metrics-grid{grid-template-columns:repeat(2,1fr)}.safe-activation-steps{grid-template-columns:1fr}.safe-activation-btn-full{grid-column:span 1}.provider-meta-row{flex-direction:column;align-items:flex-start;gap:2px}.provider-meta-value{text-align:left}.lifecycle-actions-row{flex-direction:column;align-items:stretch}.lifecycle-actions-row button{width:100%}}.route-loading-fallback{flex-direction:column;gap:20px;width:100%;padding:24px;display:flex}.route-loading-content{flex-direction:column;gap:20px;width:100%;display:flex}.route-loading-header{flex-direction:column;gap:8px;display:flex}.route-loading-cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.route-loading-body{width:100%}.route-error-boundary{justify-content:center;align-items:center;width:100%;padding:48px 24px;display:flex}.route-error-card{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:480px;padding:32px 24px;display:flex}.route-error-icon{color:var(--danger);margin-bottom:16px}.route-error-title{color:var(--text-main);margin-bottom:8px;font-size:16px;font-weight:600}.route-error-message{color:var(--text-muted);margin-bottom:24px;font-size:13px;line-height:1.5}.route-error-actions{gap:12px;display:flex}