body{font-family:var(--font-primary);color:var(--text-primary);font-size:14px;line-height:1.5;background-color:var(--bg-main);background-image:radial-gradient(circle at top left,var(--primary-alpha),transparent 28%),radial-gradient(circle at bottom right,var(--primary-glow),transparent 24%),linear-gradient(to bottom,var(--bg-main),var(--bg-main));background-attachment:fixed;transition:var(--transition-smooth);margin:0;padding:0}[data-theme=dark] body{background-image:linear-gradient(180deg,var(--bg-main) 0%,var(--bg-page) 100%)}h1,h2,h3,h4,h5,.display-text{font-family:var(--font-display);color:var(--text-primary);margin-top:0}:is(h1,h2,h3,h4,h5,h6,.display-text,.page-title,.premium-page-title,.section-title,.card-section-title,.p-section-title,.phc-title,.shulevora-dialog-title,.vibrant-modal-title,.modal-title,.dialog-title,.brand-name,.elite-brand-name,.mtb-title){font-family:var(--font-display)!important;letter-spacing:0!important;text-transform:capitalize!important}:is(body,button,input,select,textarea){font-family:var(--font-primary)}.premium-card{background:var(--bg-surface-1);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);box-shadow:var(--shadow-card),var(--highlight-inner);padding:var(--space-xl)!important;transition:var(--transition-smooth);position:relative;overflow:hidden;margin-bottom:var(--gap-card)}.premium-card:hover{box-shadow:var(--shadow-elevated),var(--highlight-inner);border-color:var(--border-color)}.compact-card{background:var(--bg-surface-1);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm),var(--highlight-inner);padding:var(--space-card-compact)!important;margin-bottom:var(--gap-compact)}.metric-card{background:var(--bg-surface-1);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm),var(--highlight-inner);padding:var(--space-card-compact)!important;display:flex;flex-direction:column;justify-content:space-between}.glass-card{background:var(--bg-glass);backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-card),var(--highlight-inner);padding:var(--space-card-desktop);margin-bottom:var(--gap-card)}.card-sapphire{background:var(--surface-blue-tint);border-color:#2563eb26}.card-emerald{background:var(--surface-emerald-tint);border-color:#10b98126}.card-amber{background:var(--surface-amber-tint);border-color:#f59e0b26}.card-purple{background:var(--surface-indigo-tint);border-color:#6366f126}.card-rose{background:var(--surface-rose-tint);border-color:#e11d4826}.card-slate{background:linear-gradient(145deg,#94a3b814,#64748b08);border-color:#94a3b826}[data-theme=dark] .card-sapphire,[data-theme=dark] .card-emerald,[data-theme=dark] .card-amber,[data-theme=dark] .card-purple,[data-theme=dark] .card-rose,[data-theme=dark] .card-slate{background:linear-gradient(145deg,#111827,#172033)}.btn-premium{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-primary);font-weight:600;cursor:pointer;transition:var(--transition-fast);border:none;white-space:nowrap;user-select:none}.btn-premium{height:38px;padding:0 14px;border-radius:var(--radius-md);font-size:14px}.btn-premium-sm{height:34px;padding:0 12px;border-radius:var(--radius-sm);font-size:13px}.btn-primary{background:linear-gradient(180deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff!important;box-shadow:0 1px 2px #0000001a,inset 0 1px #ffffff26;border:1px solid var(--primary-dark)}.btn-primary:hover{filter:brightness(1.1);color:#fff!important;transform:translateY(-1px);box-shadow:0 4px 12px var(--primary-glow),inset 0 1px #fff3}.btn-primary:hover i,.btn-primary:hover span{color:#fff!important}.btn-secondary{background:var(--c-surface);color:var(--c-text-strong);border:1px solid var(--border-color);box-shadow:var(--shadow-sm),var(--highlight-inner)}.btn-secondary:hover{background:#2563eb!important;color:#fff!important;border-color:#2563eb!important;box-shadow:0 4px 14px #2563eb4d!important;transform:translateY(-1px)}.btn-secondary:hover i,.btn-secondary:hover span,.btn-secondary:hover div,.btn-secondary:hover p,.btn-secondary:hover small,.btn-secondary:hover strong,.btn-secondary:hover b{color:#fff!important}.btn-secondary:hover :is(.text-muted,.action-tile-desc,[class*=desc],[class*=subtitle],[class*=muted]){color:#ffffffe0!important}.btn-outline{background:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.btn-outline:hover{background:#2563eb!important;color:#fff!important;border-color:#2563eb!important}.btn-outline:hover i,.btn-outline:hover span,.btn-outline:hover div,.btn-outline:hover p,.btn-outline:hover small,.btn-outline:hover strong,.btn-outline:hover b{color:#fff!important}.btn-outline:hover :is(.text-muted,.action-tile-desc,[class*=desc],[class*=subtitle],[class*=muted]){color:#ffffffe0!important}.btn-icon{width:34px;height:34px;padding:0;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;color:var(--text-secondary);transition:var(--transition-fast)}.btn-icon:hover{color:var(--primary-text);background:var(--bg-surface-2)}.premium-form-card{background:linear-gradient(145deg,#ffffffd1,#f8fafceb);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm),var(--highlight-inner);padding:var(--space-card-desktop);margin-bottom:var(--gap-card)}[data-theme=dark] .premium-form-card{background:linear-gradient(145deg,#111827,#172033)}.input-premium-group{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.label-premium{font-size:12px;font-weight:600;color:var(--text-secondary)}input,select,textarea{background:var(--bg-surface-1)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important;font-family:var(--font-primary);font-size:14px;line-height:1.5;border-radius:var(--radius-md);transition:var(--transition-fast);padding:8px 12px;min-height:40px;width:100%;box-sizing:border-box}.inline-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;min-width:0}.inline-controls>input,.inline-controls>select,.inline-controls>textarea,.inline-controls>.input-control,.inline-controls>.input-premium{width:auto;min-width:0}.inline-controls>.grow{flex:1 1 auto;min-width:0}input[type=color]{padding:0!important;min-height:32px!important;appearance:none;-webkit-appearance:none;cursor:pointer;background:transparent!important;border:1px solid var(--border-color)!important;box-sizing:border-box}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none;border-radius:calc(var(--radius-md) - 4px)}input[type=color]::-moz-color-swatch{border:none;border-radius:calc(var(--radius-md) - 4px)}select{cursor:pointer;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-repeat:no-repeat;background-position:right 12px center;padding-right:40px!important;appearance:none}.input-premium{min-height:40px;padding:0 12px;border-radius:var(--radius-md);border:1px solid var(--border-color)!important;background:var(--bg-surface-1)!important;color:var(--text-primary)!important;font-size:14px;font-family:var(--font-primary);transition:var(--transition-fast);box-shadow:none!important;display:flex;align-items:center}.input-premium:focus,input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary)!important;box-shadow:0 0 0 2px var(--primary-alpha)!important}.input-premium::placeholder,input::placeholder,textarea::placeholder{color:var(--c-text-muted);opacity:.6}.filter-toolbar{background:var(--bg-surface-2);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:8px 12px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow-sm);margin-bottom:var(--gap-section)}.table-wrapper{background:var(--bg-surface-1);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);overflow-x:auto}.premium-table{width:100%;border-collapse:collapse;text-align:left}.premium-table th{background:var(--bg-surface-2);color:var(--text-secondary);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:10px 14px;border-bottom:1px solid var(--border-color)}.premium-table td{padding:10px 14px;font-size:13px;color:var(--text-primary);border-bottom:1px solid var(--border-subtle);vertical-align:middle}.premium-table tr:nth-child(2n){background:var(--bg-surface-3)}.premium-table tr:hover td{background:#3b82f60a}.premium-table tr.selected td{background:#3b82f614}.premium-table tr:last-child td{border-bottom:none}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.kpi-card{background:var(--bg-surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-card),var(--highlight-inner);overflow:hidden;transition:var(--transition-smooth);position:relative;cursor:default}.kpi-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-elevated),var(--highlight-inner)}.kpi-card-inner{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem 1.25rem 1rem}.kpi-icon-wrap{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.25rem}.kpi-body{flex:1;min-width:0}.kpi-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.35rem}.kpi-value{font-size:2rem;font-weight:900;line-height:1;color:var(--text-primary);font-family:var(--font-display);letter-spacing:0;margin-bottom:.4rem}.kpi-footer{font-size:.72rem;font-weight:600;display:flex;align-items:center;gap:.3rem}.kpi-bar{height:3px;background:var(--primary);border-radius:0 0 var(--radius-xl) var(--radius-xl);transition:width .6s cubic-bezier(.4,0,.2,1);min-width:4px;max-width:100%}.kpi-primary{border-top:3px solid var(--primary)}.kpi-amber{border-top:3px solid #f59e0b}.kpi-purple{border-top:3px solid #8b5cf6}.kpi-emerald{border-top:3px solid #10b981}.kpi-rose{border-top:3px solid #f43f5e}.kpi-cyan{border-top:3px solid #06b6d4}[data-theme=dark] .kpi-card{background:var(--bg-surface-1);border-color:var(--border-subtle)}.card-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:.875rem;border-bottom:1px solid var(--border-subtle)}.card-section-title{font-size:.9rem;font-weight:800;color:var(--text-primary);display:flex;align-items:center;gap:.5rem;font-family:var(--font-display);letter-spacing:0;text-transform:capitalize}.card-section-meta{font-size:.72rem;color:var(--text-muted);font-weight:600}.main-content-wrapper{padding:var(--space-page-desktop, 32px)!important;max-width:var(--page-max-width, 1600px);margin:0 auto;box-sizing:border-box;width:100%}.main-content-wrapper:after{content:"";display:block;height:96px;flex-shrink:0}@media(max-width:1024px){.main-content-wrapper{padding:var(--space-page-tablet, 24px)!important}.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.main-content-wrapper{padding:var(--space-page-mobile, 16px)!important}.kpi-grid{grid-template-columns:1fr}.kpi-value{font-size:1.6rem}}.glass-panel{padding:var(--space-card-desktop, 24px)!important}.table-wrapper>*:not(table):not(.data-table-container){padding:var(--space-md, 12px) var(--space-lg, 16px)}.detail-group{background:var(--bg-surface-2, #f8fafc);border:1px solid var(--border-subtle, #e2e8f0);border-radius:var(--radius-md, 10px);padding:var(--space-md, 12px) var(--space-lg, 16px)}.detail-group label{display:block;font-size:.7rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.3rem}.premium-header-card{padding:var(--space-md, 12px) var(--space-xl, 24px)}.animation-fade-in>.glass-panel,.animation-fade-in>.table-wrapper,.animation-fade-in>.premium-card,.animation-fade-in>.compact-card{margin-bottom:var(--gap-section, 24px)}#overviewSectionContent>div{padding:var(--space-lg, 16px) var(--space-xl, 24px)}.info-cell{background:var(--bg-surface-2, #f8fafc);border:1px solid var(--border-subtle, #e2e8f0);border-radius:var(--radius-md, 10px);padding:var(--space-md, 12px) var(--space-lg, 16px)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animation-spin,.ph-spin,.ph-animate-spin,.animate-spin,.anim-spin{display:inline-block;animation:spin .85s linear infinite}.is-loading{pointer-events:none;opacity:.72;cursor:progress}.is-loading:after{content:"";display:inline-block;width:.85em;height:.85em;margin-left:.5em;vertical-align:-.1em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .85s linear infinite}.loading-spinner{display:inline-block;width:1em;height:1em;vertical-align:-.125em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .85s linear infinite}.sv-btn-busy{pointer-events:none!important;opacity:.72!important;cursor:progress!important;position:relative}.sv-busy-inner{display:inline-flex;align-items:center;justify-content:center;gap:.5em;white-space:nowrap}.sv-busy-spinner{display:inline-block;animation:spin .85s linear infinite;transform-origin:50% 50%;line-height:1}.sv-busy-label{line-height:1}@media(prefers-reduced-motion:reduce){.sv-busy-spinner{animation-duration:2.4s}}html .sv-modal-header{background:var(--bg-surface-1, #ffffff)!important;background-image:none!important;border-bottom:1.5px solid var(--border-color, #e2e8f0)!important;box-shadow:none!important}html .sv-modal-header,html .sv-modal-header *:not([style*=background]){color:var(--text-main, #0f172a)!important}html .sv-modal-header :is(h1,h2,h3,h4,h5){color:var(--text-main, #0f172a)!important;background:none!important;-webkit-text-fill-color:currentColor!important;text-shadow:none!important}html .sv-modal-header :is(p,small):not([style*=background]){color:var(--text-muted, #64748b)!important}html .sv-modal-header [style*=background]:not([style*="255,255,255"]):not([style*="255, 255, 255"]):not([style*=none]):not([style*=transparent]),html .sv-modal-header [style*=background]:not([style*="255,255,255"]):not([style*="255, 255, 255"]):not([style*=none]):not([style*=transparent]) *{color:#fff!important}html .sv-modal-header [style*="rgba(255,255,255"],html .sv-modal-header [style*="rgba(255, 255, 255"]{background:var(--bg-surface-2, #f1f5f9)!important;border-color:var(--border-color, #e2e8f0)!important;color:var(--text-muted, #64748b)!important}
