@charset "UTF-8";:root{--color-navy: #082f57;--color-navy-deep: #061f3a;--color-blue: #155ea8;--color-blue-light: #e8f2fc;--color-blue-mid: #1e7fd4;--color-accent: #1b40ff;--color-accent-dark: #1534d9;--color-accent-light: #e8edff;--color-accent-glow: rgba(27, 64, 255, .35);--color-orange: #ff7a00;--color-orange-dark: #e56a00;--color-orange-light: #fff4e8;--color-bg: #f6f8fc;--color-card: #ffffff;--color-text: #082f57;--color-muted: #64748b;--color-border: #e2e8f0;--color-on-primary: #ffffff;--color-on-inverse: #ffffff;--color-green: #059669;--color-green-bg: #ecfdf5;--color-green-fg: #047857;--color-red: #dc2626;--color-red-bg: #fef2f2;--color-red-fg: #b91c1c;--color-amber: #d97706;--color-amber-bg: #fffbeb;--color-amber-fg: #b45309;--color-purple: #6d28d9;--color-purple-bg: #f5f3ff;--color-purple-fg: #6d28d9;--color-cyan: #0e7490;--color-cyan-bg: #ecfeff;--color-cyan-fg: #0e7490;--color-pink: #a21caf;--color-pink-bg: #fdf4ff;--color-pink-fg: #a21caf;--color-focus-ring: rgba(21, 94, 168, .12);--color-focus-border: var(--color-blue);--overlay-sidebar-border: rgba(255, 255, 255, .08);--overlay-sidebar-hover: rgba(255, 255, 255, .08);--overlay-sidebar-active: rgba(27, 64, 255, .22);--overlay-inverse-muted: rgba(255, 255, 255, .78);--overlay-inverse-faint: rgba(255, 255, 255, .5);--gradient-sidebar: linear-gradient(180deg, var(--color-navy-deep) 0%, var(--color-navy) 55%, #0a3d6e 100%);--gradient-brand-panel: linear-gradient(165deg, var(--color-navy-deep) 0%, var(--color-navy) 42%, #0c3d6e 100%);--gradient-primary-btn: linear-gradient(135deg, var(--color-orange) 0%, var(--color-orange-dark) 100%);--gradient-confidence: linear-gradient(90deg, var(--color-blue) 0%, var(--color-blue-mid) 100%);--bella-blue-900: var(--color-navy-deep);--bella-blue-800: var(--color-navy);--bella-blue-700: #0a3d6e;--bella-blue-600: var(--color-blue);--bella-blue-500: var(--color-blue-mid);--bella-blue-100: var(--color-blue-light);--bella-blue-50: #f3f9ff;--bella-orange-600: var(--color-orange-dark);--bella-orange-500: var(--color-orange);--bella-orange-400: #ff9a40;--bella-orange-100: var(--color-orange-light);--bella-orange-50: #fffaf5;--bella-primary: var(--color-navy);--bella-primary-hover: var(--color-blue);--bella-accent: var(--color-orange);--bella-accent-hover: var(--color-orange-dark);--bella-white: var(--color-on-primary);--bella-canvas: var(--color-bg);--bella-canvas-elevated: #fafbfd;--bella-surface: var(--color-card);--bella-surface-muted: #f1f5f9;--bella-border: var(--color-border);--bella-border-strong: #cbd5e1;--bella-ink: var(--color-text);--bella-ink-secondary: #334155;--bella-ink-muted: var(--color-muted);--bella-ink-faint: #94a3b8;--bella-bg: var(--color-bg);--bella-text: var(--color-text);--bella-text-muted: var(--color-muted);--bella-font-sans: "Inter", "Plus Jakarta Sans", system-ui, sans-serif;--bella-font-brand: "Sora", "Plus Jakarta Sans", "Inter", system-ui, sans-serif;--bella-font-mono: "JetBrains Mono", ui-monospace, monospace;--bella-text-xs: .75rem;--bella-text-sm: .875rem;--bella-text-base: 1rem;--bella-text-lg: 1.125rem;--bella-text-xl: 1.25rem;--bella-text-2xl: 1.5rem;--bella-text-3xl: 1.875rem;--bella-text-4xl: 2.25rem;--bella-weight-medium: 500;--bella-weight-semibold: 600;--bella-weight-bold: 700;--bella-weight-extrabold: 800;--bella-tracking-tight: -.03em;--bella-tracking-wide: .08em;--bella-leading-tight: 1.2;--bella-leading-normal: 1.5;--bella-leading-relaxed: 1.65;--bella-space-1: 4px;--bella-space-2: 8px;--bella-space-3: 12px;--bella-space-4: 16px;--bella-space-5: 20px;--bella-space-6: 24px;--bella-space-8: 32px;--bella-space-10: 40px;--bella-space-12: 48px;--radius-card: 16px;--bella-radius-sm: 8px;--bella-radius-md: 12px;--bella-radius-lg: var(--radius-card);--bella-radius-xl: 20px;--bella-radius-full: 9999px;--bella-radius: var(--radius-card);--shadow-soft: 0 4px 24px rgba(8, 47, 87, .08);--shadow-card: 0 4px 24px rgba(8, 47, 87, .08);--shadow-md: 0 8px 28px rgba(8, 47, 87, .1);--shadow-lg: 0 12px 40px rgba(8, 47, 87, .12);--bella-shadow-xs: 0 1px 2px rgba(8, 47, 87, .04);--bella-shadow-sm: 0 2px 8px rgba(8, 47, 87, .06);--bella-shadow-md: var(--shadow-md);--bella-shadow-lg: var(--shadow-lg);--bella-shadow-xl: 0 20px 48px rgba(8, 47, 87, .14);--bella-shadow: var(--shadow-soft);--bella-shadow-glow-blue: 0 8px 32px rgba(21, 94, 168, .35);--bella-shadow-glow-orange: 0 4px 16px rgba(255, 122, 0, .3);--bella-sidebar-width: 260px;--bella-sidebar-collapsed: 72px;--bella-topbar-height: 64px;--bella-input-height: 48px;--bella-page-max: 1280px;--bella-ease: cubic-bezier(.4, 0, .2, 1);--bella-duration: .2s;--bella-z-dropdown: 100;--bella-z-drawer: 200;--bella-z-dialog: 300;--bella-z-fab: 400;--bella-bp-mobile-max: 767px;--bella-bp-tablet: 768px;--bella-bp-tablet-max: 1024px;--bella-bp-laptop: 1025px;--bella-bp-desktop: 1200px;--bella-bp-wide: 1440px}:root{--bella-dir: ltr;--bella-inline-start: left;--bella-inline-end: right;--bella-transition-layout: .25s ease}html[dir=rtl]{--bella-dir: rtl;--bella-inline-start: right;--bella-inline-end: left;--bella-font-sans: "Tajawal", "Inter", "Plus Jakarta Sans", system-ui, sans-serif;--bella-font-brand: "Tajawal", "Sora", "Plus Jakarta Sans", system-ui, sans-serif}html,body{transition:background-color var(--bella-transition-layout),color var(--bella-transition-layout)}html.bella-lang-transition,html.bella-lang-transition *{transition-property:margin,margin-inline,padding,padding-inline,inset,inset-inline,transform,border-radius,width,max-width;transition-duration:.25s;transition-timing-function:ease}html{text-align:start}body{direction:inherit}html[dir=rtl] mat-icon.bella-icon--directional{transform:scaleX(-1)}.bella-table th,.bella-table td{text-align:start}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),textarea,select,.bella-field__input,.bella-input,.bella-select{direction:inherit;text-align:start}input::placeholder,textarea::placeholder{text-align:start}html[dir=rtl] .bar-chart__fill--spend,html[dir=rtl] .bar-chart__fill--rec{background:linear-gradient(270deg,var(--color-blue),var(--color-blue-mid))}html[dir=rtl] .bar-chart__fill--rec{background:linear-gradient(270deg,var(--color-orange),var(--color-orange-dark))}html[dir=rtl] .rec-compact__stat-label{font-size:.7rem;line-height:1.3;word-break:break-word}html[dir=rtl] .rec-drawer__kpi span:first-child{font-size:.75rem;line-height:1.35}.cdk-overlay-container,.mat-mdc-menu-panel,.mat-mdc-select-panel{direction:inherit}.bella-display{font-family:var(--bella-font-sans);font-size:clamp(1.75rem,4vw + .5rem,var(--bella-text-4xl));font-weight:var(--bella-weight-bold);letter-spacing:var(--bella-tracking-tight);line-height:var(--bella-leading-tight);color:var(--bella-ink)}.bella-headline{font-family:var(--bella-font-sans);font-size:clamp(1.25rem,2.5vw + .5rem,var(--bella-text-2xl));font-weight:var(--bella-weight-bold);letter-spacing:var(--bella-tracking-tight);line-height:var(--bella-leading-tight);color:var(--bella-ink)}.bella-title{font-family:var(--bella-font-sans);font-size:clamp(1.0625rem,1.5vw + .5rem,var(--bella-text-xl));font-weight:var(--bella-weight-semibold);letter-spacing:-.02em;color:var(--bella-ink)}.bella-body{font-size:var(--bella-text-base);line-height:var(--bella-leading-normal);color:var(--bella-ink-secondary)}.bella-caption{font-size:var(--bella-text-sm);line-height:var(--bella-leading-normal);color:var(--bella-ink-muted)}.bella-overline{font-size:var(--bella-text-xs);font-weight:var(--bella-weight-semibold);letter-spacing:var(--bella-tracking-wide);text-transform:uppercase;color:var(--bella-ink-muted)}.bella-mono{font-family:var(--bella-font-mono);font-size:var(--bella-text-sm)}.bella-card,.bella-surface{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card),0 1px #ffffffa6 inset}.bella-surface--interactive{transition:box-shadow var(--bella-duration) var(--bella-ease),border-color var(--bella-duration) var(--bella-ease)}.bella-surface--interactive:hover{box-shadow:var(--shadow-md)}.bella-panel{padding:clamp(16px,2.5vw,24px);background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0f172a0f}.bella-panel--compact{padding:clamp(14px,2vw,20px)}.bella-card__header{padding:var(--bella-space-5) var(--bella-space-6);border-bottom:1px solid var(--color-border)}.bella-card__title{margin:0;font-family:var(--bella-font-sans);font-size:var(--bella-text-lg);font-weight:var(--bella-weight-bold);color:var(--color-text);letter-spacing:var(--bella-tracking-tight)}.bella-card__body{padding:var(--bella-space-5) var(--bella-space-6)}.bella-card__body--flush{padding:0}.page-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:clamp(12px,2vw,16px);margin-bottom:clamp(12px,2vw,20px)}.page-header__eyebrow{display:inline-flex;align-items:center;margin-bottom:10px;padding:6px 12px;border-radius:999px;background:#eef2ff;color:#4f46e5;font-family:var(--bella-font-sans);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.page-header__title{margin:0;font-family:var(--bella-font-sans);font-size:clamp(1.35rem,2.8vw,1.75rem);font-weight:800;letter-spacing:-.02em;line-height:1.2;color:#0f172a}.page-header__subtitle{margin:8px 0 0;font-family:var(--bella-font-sans);font-size:clamp(.8125rem,2vw,.9375rem);color:#64748b;max-width:52ch;line-height:1.55}.page-header__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--bella-space-3)}.bella-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--bella-space-2);height:44px;padding:0 var(--bella-space-5);font-family:var(--bella-font-sans);font-size:var(--bella-text-sm);font-weight:var(--bella-weight-semibold);border:none;border-radius:var(--bella-radius-md);cursor:pointer;transition:all var(--bella-duration) var(--bella-ease);text-decoration:none}.bella-btn:disabled{opacity:.5;cursor:not-allowed}.bella-btn--primary{background:var(--gradient-primary-btn);color:var(--color-on-primary);box-shadow:var(--bella-shadow-glow-orange)}.bella-btn--primary:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.03)}.bella-btn--secondary{background:var(--color-card);color:var(--color-blue);border:1px solid var(--bella-border-strong)}.bella-btn--secondary:hover:not(:disabled){background:var(--color-blue-light);border-color:var(--color-blue)}.bella-btn--ghost{background:transparent;color:var(--color-muted);border:1px solid transparent}.bella-btn--ghost:hover:not(:disabled){background:var(--bella-surface-muted);color:var(--color-text)}.bella-btn--sm{height:36px;padding:0 var(--bella-space-4);font-size:var(--bella-text-xs)}.bella-btn--block{width:100%}.bella-btn mat-icon{font-size:18px;width:18px;height:18px}.bella-field{position:relative;display:block;width:100%;margin-bottom:var(--bella-space-4)}.bella-field__input,.bella-input{width:100%;height:var(--bella-input-height);padding:0 var(--bella-space-4);font-family:var(--bella-font-sans);font-size:var(--bella-text-sm);color:var(--color-text);background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--bella-radius-md);outline:none;transition:border-color var(--bella-duration) var(--bella-ease),box-shadow var(--bella-duration) var(--bella-ease)}.bella-field__input{padding-block:20px 8px;padding-inline:14px}.bella-field__input::placeholder,.bella-input::placeholder{color:var(--color-muted)}.bella-field__input::placeholder{color:transparent}.bella-field__label{position:absolute;inset-inline-start:14px;top:50%;transform:translateY(-50%);font-family:var(--bella-font-sans);font-size:var(--bella-text-sm);color:var(--color-muted);pointer-events:none;transition:all var(--bella-duration) var(--bella-ease)}.bella-field__input:focus,.bella-field__input:not(:placeholder-shown),.bella-input:focus{border-color:var(--color-focus-border);box-shadow:0 0 0 3px var(--color-focus-ring)}.bella-field__input:focus+.bella-field__label,.bella-field__input:not(:placeholder-shown)+.bella-field__label{top:10px;transform:none;font-size:var(--bella-text-xs);font-weight:var(--bella-weight-semibold);color:var(--color-blue)}.bella-select{height:40px;min-width:min(140px,100%);max-width:100%;padding:0 var(--bella-space-3);font-family:var(--bella-font-sans);font-size:var(--bella-text-sm);color:var(--color-text);background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--bella-radius-md)}.bella-search{display:flex;align-items:center;gap:var(--bella-space-2);padding:0 var(--bella-space-4);height:44px;border:1px solid var(--color-border);border-radius:var(--bella-radius-md);background:var(--bella-surface-muted)}.bella-search input{flex:1;border:none;background:transparent;font-family:var(--bella-font-sans);font-size:var(--bella-text-sm);color:var(--color-text);outline:none}.bella-search mat-icon{color:var(--color-muted);font-size:20px;width:20px;height:20px}.bella-filter-label{font-family:var(--bella-font-sans);font-size:var(--bella-text-xs);font-weight:var(--bella-weight-semibold);color:var(--color-muted);text-transform:uppercase;letter-spacing:var(--bella-tracking-wide)}.bella-chip{display:inline-flex;align-items:center;padding:4px 10px;font-family:var(--bella-font-sans);font-size:var(--bella-text-xs);font-weight:var(--bella-weight-semibold);border-radius:var(--bella-radius-full);letter-spacing:.02em;white-space:nowrap}.action-chip--lg{padding:10px 18px;font-size:var(--bella-text-sm);font-weight:var(--bella-weight-bold);letter-spacing:.04em;box-shadow:var(--bella-shadow-xs)}.action-chip--scale{background:var(--color-green-bg);color:var(--color-green-fg)}.action-chip--pause{background:var(--color-red-bg);color:var(--color-red-fg)}.action-chip--keep{background:var(--bella-surface-muted);color:var(--bella-ink-secondary)}.action-chip--watch{background:var(--color-amber-bg);color:var(--color-amber-fg)}.action-chip--creative{background:var(--color-blue-light);color:var(--color-blue)}.action-chip--budget{background:var(--color-orange-light);color:var(--color-orange-dark)}.action-chip--audience{background:var(--color-purple-bg);color:var(--color-purple-fg)}.action-chip--tracking{background:var(--color-cyan-bg);color:var(--color-cyan-fg)}.action-chip--review{background:var(--color-pink-bg);color:var(--color-pink-fg)}.action-chip--default{background:var(--bella-surface-muted);color:var(--color-muted)}.status-chip--new{background:var(--color-blue-light);color:var(--color-blue)}.status-chip--approved{background:var(--color-green-bg);color:var(--color-green-fg)}.status-chip--done{background:var(--color-purple-bg);color:var(--color-purple-fg)}.status-chip--ignored{background:var(--bella-surface-muted);color:var(--color-muted)}.bella-pill{display:inline-flex;align-items:center;gap:var(--bella-space-2);padding:8px 14px;border-radius:var(--bella-radius-full);background:var(--color-blue-light);color:var(--color-navy);font-family:var(--bella-font-sans);font-size:var(--bella-text-sm);font-weight:var(--bella-weight-semibold)}.bella-pill--muted{background:var(--bella-surface-muted);color:var(--color-muted);font-weight:var(--bella-weight-medium)}.bella-score-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--bella-radius-full);font-family:var(--bella-font-sans);font-size:var(--bella-text-sm);font-weight:var(--bella-weight-bold)}.bella-score-badge--high{background:var(--color-green-bg);color:var(--color-green-fg)}.bella-score-badge--mid{background:var(--color-amber-bg);color:var(--color-amber-fg)}.bella-score-badge--low{background:var(--color-red-bg);color:var(--color-red-fg)}.bella-progress{height:10px;border-radius:var(--bella-radius-full);background:var(--bella-surface-muted);overflow:hidden}.bella-progress__fill{height:100%;border-radius:inherit;background:var(--gradient-confidence);transition:width var(--bella-duration) var(--bella-ease)}.bella-score-ring{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;position:relative}.bella-score-ring:after{content:"";position:absolute;inset:6px;border-radius:50%;background:var(--color-card)}.bella-score-ring__value{position:relative;z-index:1;font-family:var(--bella-font-sans);font-size:var(--bella-text-xl);font-weight:var(--bella-weight-bold);color:var(--color-navy)}.bella-score-ring--high .bella-score-ring__value{color:var(--color-green)}.bella-score-ring--mid .bella-score-ring__value{color:var(--color-amber)}.bella-score-ring--low .bella-score-ring__value{color:var(--color-red)}.bella-status-actions{display:flex;flex-wrap:wrap;gap:var(--bella-space-2)}.bella-status-btn{padding:6px 14px;font-family:var(--bella-font-sans);font-size:var(--bella-text-xs);font-weight:var(--bella-weight-bold);border:1px solid var(--color-border);border-radius:var(--bella-radius-full);background:var(--color-card);color:var(--color-muted);cursor:pointer;transition:all var(--bella-duration) var(--bella-ease)}.bella-status-btn:hover{border-color:var(--color-blue);color:var(--color-blue)}.bella-status-btn--active{background:var(--color-blue-light);border-color:var(--color-blue);color:var(--color-blue)}.bella-dialog__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--bella-space-4);padding-bottom:var(--bella-space-4);border-bottom:1px solid var(--color-border)}.bella-dialog__title{margin:0;font-family:var(--bella-font-sans);font-size:var(--bella-text-xl);font-weight:var(--bella-weight-bold);color:var(--color-navy)}.bella-dialog__body{font-family:var(--bella-font-sans);font-size:var(--bella-text-sm);color:var(--color-text);line-height:var(--bella-leading-relaxed)}.bella-dialog__footer{display:flex;flex-wrap:wrap;gap:var(--bella-space-3);padding-top:var(--bella-space-4);border-top:1px solid var(--color-border)}.bella-alert{padding:var(--bella-space-3) var(--bella-space-4);border-radius:var(--bella-radius-md);font-family:var(--bella-font-sans);font-size:var(--bella-text-sm);margin-bottom:var(--bella-space-4)}.bella-alert--error{background:var(--color-red-bg);border:1px solid #fecaca;color:var(--color-red-fg)}.bella-alert--success{background:var(--color-green-bg);border:1px solid #bbf7d0;color:var(--color-green-fg)}.bella-alert--warning{display:flex;align-items:center;gap:var(--bella-space-2);background:var(--color-amber-bg, #fff7ed);border:1px solid var(--color-amber-border, #fed7aa);color:var(--color-amber-fg, #92400e)}.bella-alert--warning mat-icon{font-size:20px;width:20px;height:20px;flex-shrink:0}.kpi-card{display:flex;align-items:flex-start;gap:var(--bella-space-4);padding:var(--bella-space-5);background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);transition:box-shadow var(--bella-duration) var(--bella-ease),transform var(--bella-duration) var(--bella-ease);height:100%;font-family:var(--bella-font-sans)}.kpi-card--clickable{cursor:pointer}.kpi-card--clickable:hover,.kpi-card--clickable:focus-visible{box-shadow:var(--shadow-lg);transform:translateY(-2px);outline:none;border-color:var(--color-blue)}.kpi-card__icon{width:44px;height:44px;border-radius:var(--bella-radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.kpi-card__icon mat-icon{font-size:22px;width:22px;height:22px}.kpi-card__content{display:flex;flex-direction:column;min-width:0;flex:1}.kpi-card__label{font-size:var(--bella-text-xs);font-weight:var(--bella-weight-semibold);color:var(--color-muted);text-transform:uppercase;letter-spacing:var(--bella-tracking-wide)}.kpi-card__value{font-size:var(--bella-text-2xl);font-weight:var(--bella-weight-bold);color:var(--color-text);letter-spacing:var(--bella-tracking-tight);line-height:var(--bella-leading-tight);margin-top:var(--bella-space-1)}.kpi-card__suffix{font-size:var(--bella-text-sm);color:var(--color-muted);margin-top:2px}.kpi-card__hint{display:block;font-size:var(--bella-text-xs);color:var(--color-muted);line-height:1.4;margin-top:var(--bella-space-1);max-width:14rem}.kpi-card__trend{display:inline-flex;align-items:center;gap:4px;font-size:var(--bella-text-xs);font-weight:var(--bella-weight-semibold);margin-top:var(--bella-space-2)}.kpi-card__trend mat-icon{font-size:14px;width:14px;height:14px}.kpi-card__trend--flat{color:var(--color-muted)}.kpi-card__trend--muted{color:var(--color-muted);font-weight:var(--bella-weight-medium)}.kpi-card__trend-label{font-weight:var(--bella-weight-medium);opacity:.85}.kpi-card__icon--navy{background:#082f5714;color:var(--color-navy)}.kpi-card__icon--blue{background:var(--color-blue-light);color:var(--color-blue)}.kpi-card__icon--green{background:var(--color-green-bg);color:var(--color-green)}.kpi-card__icon--orange{background:var(--color-orange-light);color:var(--color-orange)}.kpi-card__trend--up{color:var(--color-green-fg)}.kpi-card__trend--down{color:var(--color-red-fg)}.mat-mdc-table.bella-mat-table{background:transparent}.mat-mdc-header-row{background:var(--bella-surface-muted)!important}.mat-mdc-row:hover{background:var(--bella-blue-50)!important}.bella-bar__track{flex:1;height:8px;border-radius:var(--bella-radius-full);background:var(--bella-surface-muted);overflow:hidden}.bella-bar__fill{height:100%;border-radius:inherit;background:var(--gradient-confidence)}.bella-bar__fill--spend{background:linear-gradient(90deg,var(--color-blue),var(--color-blue-mid))}.bella-bar__fill--low{background:#fca5a5}.bella-bar__fill--mid{background:#fcd34d}.bella-bar__fill--high{background:#34d399}.bella-bar__fill--rec{background:var(--color-orange)}.bar-chart{display:flex;flex-direction:column;gap:var(--bella-space-3)}.bar-chart__row{display:grid;grid-template-columns:minmax(80px,1.2fr) 1fr auto;gap:var(--bella-space-3);align-items:center}.bar-chart__label{font-family:var(--bella-font-sans);font-size:var(--bella-text-xs);color:var(--color-text);font-weight:var(--bella-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-chart__track{flex:1;height:10px;border-radius:var(--bella-radius-full);background:var(--color-bg);overflow:hidden;border:1px solid var(--color-border);display:flex;justify-content:flex-start}html[dir=rtl] .bar-chart__track{justify-content:flex-end}.bar-chart__fill{height:100%;border-radius:inherit;min-width:2px;transition:width var(--bella-duration) var(--bella-ease)}.bar-chart__fill--spend{background:linear-gradient(90deg,var(--color-blue),var(--color-blue-mid))}.bar-chart__fill--low{background:#fca5a5}.bar-chart__fill--mid{background:#fcd34d}.bar-chart__fill--high{background:#34d399}.bar-chart__fill--rec{background:linear-gradient(90deg,var(--color-orange),var(--color-orange-dark))}.bar-chart__value{font-family:var(--bella-font-sans);font-size:var(--bella-text-xs);font-weight:var(--bella-weight-bold);color:var(--color-muted);font-variant-numeric:tabular-nums;min-width:2.5rem;text-align:end}html{overflow-x:clip}body{overflow-x:clip;min-width:320px}.bella-grid-kpi{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:var(--bella-space-4);margin-bottom:var(--bella-space-6)}.bella-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--bella-space-4);margin-bottom:var(--bella-space-6)}.bella-grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:clamp(12px,2vw,20px)}@media (max-width: 900px){.bella-grid-2,.bella-grid-cards{grid-template-columns:1fr}}@media (max-width: 768px){.bella-grid-kpi{grid-template-columns:repeat(2,minmax(0,1fr))}}.bella-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-card);max-width:100%}.bella-table-responsive{overflow-x:visible;max-width:100%}@media (max-width: 767px){.bella-table-responsive table{min-width:0!important;width:100%;border:none;background:transparent}.bella-table-responsive thead{display:none}.bella-table-responsive tbody tr{display:block;margin-bottom:var(--bella-space-3);padding:var(--bella-space-4);border:1px solid var(--color-border);border-radius:var(--bella-radius-md);background:var(--color-card);box-shadow:var(--bella-shadow-xs)}.bella-table-responsive tbody tr:last-child{margin-bottom:0}.bella-table-responsive tbody td{display:grid;grid-template-columns:minmax(7rem,38%) 1fr;gap:var(--bella-space-2);align-items:start;padding:var(--bella-space-2) 0;border-bottom:1px solid var(--color-border);font-size:var(--bella-text-sm);white-space:normal;word-break:break-word}.bella-table-responsive tbody td:last-child{border-bottom:none}.bella-table-responsive tbody td:before{content:attr(data-label);font-weight:var(--bella-weight-semibold);font-size:var(--bella-text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted)}.bella-table-responsive tbody td:empty,.bella-table-responsive tbody td:not([data-label]):before{display:none}.bella-table-responsive tbody td:not([data-label]){display:block;grid-template-columns:unset;padding-top:var(--bella-space-3);border-bottom:none}}.bella-table{width:100%;border-collapse:collapse;font-family:var(--bella-font-sans);font-size:var(--bella-text-sm)}.bella-table th{text-align:start;padding:var(--bella-space-3) var(--bella-space-4);font-weight:var(--bella-weight-semibold);color:var(--color-muted);background:var(--bella-surface-muted);border-bottom:1px solid var(--color-border);white-space:nowrap}.bella-table td{padding:var(--bella-space-3) var(--bella-space-4);border-bottom:1px solid var(--color-border);color:var(--bella-ink-secondary);vertical-align:middle}.bella-table tr:last-child td{border-bottom:none}.bella-table tbody tr:hover td{background:var(--bella-blue-50)}.bella-table strong{color:var(--color-text);font-weight:var(--bella-weight-semibold)}@media (max-width: 600px){.bella-page{padding-inline:0}.bella-grid-kpi{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:stretch}.page-header__actions{width:100%;flex-wrap:wrap}.page-header__actions .bella-btn{flex:1 1 auto;min-width:min(100%,140px)}}.bella-page{display:flex;flex-direction:column;gap:clamp(12px,2vw,20px);width:100%;max-width:min(var(--bella-page-max),100%);margin-inline:auto}.country-filter-bar{margin-bottom:0;max-width:min(100%,480px);width:100%}.country-filter-bar__hint{margin:0 0 8px;font-size:12px;line-height:1.45;color:#64748b}@media (max-width: 640px){.country-filter-bar{max-width:100%}}:root{--bella-shell-pad-x: clamp(16px, 2.5vw, 24px);--bella-shell-pad-y: clamp(16px, 2vw, 24px);--bella-fab-safe-bottom: 0px}@media (max-width: 767px){:root{--bella-fab-safe-bottom: 88px}.shell__mobile-drawer__header{min-height:0;padding:8px 12px}}.shell__content{width:100%;max-width:none;padding-bottom:calc(var(--bella-shell-pad-y) + var(--bella-fab-safe-bottom))}.bella-page{width:100%;max-width:min(var(--bella-page-max),100%);padding-inline:0}.bella-panel,.bella-card,.bella-surface{box-shadow:0 1px 3px #0f172a0f}@media (max-width: 1024px){.shell__main{margin-inline-start:0!important;width:100%;max-width:100vw}.app-shell,.shell{--sidebar-width: 0px}.shell__sidebar,.sidebar{display:none!important}.shell__menu-btn{display:flex}}@media (max-width: 767px){.shell__topbar{min-height:52px;height:auto;padding:8px 12px}.shell__page-title{font-size:.9375rem;line-height:1.25}.shell__content{padding:16px;padding-bottom:calc(16px + var(--bella-fab-safe-bottom))}.shell__mobile-drawer{width:min(280px,86vw);max-width:280px}}@media (min-width: 1025px){.shell__content{padding-bottom:var(--bella-shell-pad-y)}}*{box-sizing:border-box}html,body{height:100%;margin:0;font-family:var(--bella-font-sans);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased}a{color:var(--color-blue);text-decoration:none}a:hover{color:var(--color-orange)}mat-icon{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.mat-mdc-unelevated-button.mat-primary,.mat-mdc-raised-button.mat-primary{--mdc-filled-button-container-color: var(--color-blue)}.mat-mdc-fab.mat-primary{--mdc-fab-container-color: var(--color-orange)}.mat-mdc-form-field.bella-mat-field{width:100%}.mat-mdc-form-field.bella-mat-field .mat-mdc-text-field-wrapper{background:var(--color-card);border-radius:var(--bella-radius-md)}.mat-mdc-form-field.bella-mat-field .mdc-notched-outline__leading,.mat-mdc-form-field.bella-mat-field .mdc-notched-outline__notch,.mat-mdc-form-field.bella-mat-field .mdc-notched-outline__trailing{border-color:var(--color-border)!important}.mat-mdc-form-field.bella-mat-field.mat-focused .mdc-notched-outline__leading,.mat-mdc-form-field.bella-mat-field.mat-focused .mdc-notched-outline__notch,.mat-mdc-form-field.bella-mat-field.mat-focused .mdc-notched-outline__trailing{border-color:var(--color-blue)!important}.cdk-overlay-pane.campaign-insight-panel,.cdk-overlay-pane.dashboard-insight-panel,.cdk-overlay-pane.bella-dialog-panel{position:fixed!important;inset:50% auto auto 50%!important;transform:translate(-50%,-50%)!important;margin:0!important;max-height:min(90vh,880px)}.campaign-insight-panel .mat-mdc-dialog-container,.dashboard-insight-panel .mat-mdc-dialog-container,.bella-dialog-panel .mat-mdc-dialog-container{padding:0;border-radius:var(--radius-card);overflow:hidden;box-shadow:var(--bella-shadow-xl);font-family:var(--bella-font-sans);max-height:min(90vh,880px)}.campaign-insight-panel .mat-mdc-dialog-surface,.dashboard-insight-panel .mat-mdc-dialog-surface,.bella-dialog-panel .mat-mdc-dialog-surface{border-radius:var(--radius-card);background:var(--color-card)}.dashboard-insight-panel .mat-mdc-dialog-container{padding:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{background:#082f5773}@media (max-width: 767px){.cdk-overlay-pane.campaign-insight-panel,.cdk-overlay-pane.dashboard-insight-panel,.cdk-overlay-pane.bella-dialog-panel{width:calc(100vw - var(--bella-space-4))!important;max-width:calc(100vw - var(--bella-space-4))!important;max-height:92dvh}}@media (max-width: 640px){.cdk-overlay-pane.campaign-insight-panel,.cdk-overlay-pane.dashboard-insight-panel,.cdk-overlay-pane.bella-dialog-panel{width:calc(100vw - var(--bella-space-3))!important;max-width:calc(100vw - var(--bella-space-3))!important}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
