@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700&family=Space+Mono:wght@400;700&display=swap";:root{--brand-territory:#0a1220;--brand-surface-01:#0f1a2e;--brand-surface-02:#152238;--brand-accent:#ff7a2e;--brand-accent-deep:#cc4d00;--brand-accent-light:#ff9a5c;--brand-blue:#1f4688;--brand-blue-deep:#142e58;--brand-blue-light:#3b6bb5;--brand-offwhite:#f0ece4;--brand-muted:#8a919e;--brand-muted-deep:#505a6b;--brand-accent-10:#ff7a2e1a;--brand-accent-20:#ff7a2e33;--brand-accent-40:#ff7a2e66;--brand-blue-10:#1f468826;--brand-offwhite-80:#f0ece4cc;--brand-offwhite-60:#f0ece499;--brand-offwhite-10:#f0ece41a;--brand-territory-90:#0a1220eb;--brand-territory-70:#0a1220b3;--color-success:#22c55e;--color-success-10:#22c55e1f;--color-warning:#facc15;--color-warning-10:#facc151f;--color-error:#ef4444;--color-error-10:#ef44441f;--font-display:"Outfit", "Helvetica Neue", sans-serif;--font-body:"Inter", "Helvetica Neue", Arial, sans-serif;--font-mono:"Space Mono", "Courier New", monospace;--font-h1:clamp(2rem, 4vw, 3.5rem);--font-h2:clamp(1.5rem, 3vw, 2.5rem);--font-h3:clamp(1.25rem, 2vw, 1.75rem);--font-body-lg:1.125rem;--font-body-md:1rem;--font-body-sm:.875rem;--font-caption:.75rem;--font-button:.875rem;--font-label:.75rem;--lh-display:1.05;--lh-body:1.65;--lh-tight:1.2;--ls-display:-.02em;--ls-label:.12em;--ls-body:.01em;--space-2:2px;--space-4:4px;--space-8:8px;--space-12:12px;--space-16:16px;--space-24:24px;--space-32:32px;--space-48:48px;--space-64:64px;--space-96:96px;--space-128:128px;--radius-none:0px;--radius-sm:3px;--radius-md:6px;--radius-lg:10px;--radius-xl:16px;--radius-full:9999px;--shadow-subtle:0 1px 3px #0006;--shadow-medium:0 4px 16px #00000080;--shadow-high:0 8px 32px #0009, 0 2px 8px #0000004d;--shadow-accent:0 0 24px #ff7a2e1f;--border-thin:1px solid var(--brand-muted-deep);--border-accent:1px solid var(--brand-accent);--border-subtle:1px solid #505a6b4d;--ease-default:cubic-bezier(.25, .1, .25, 1);--duration-fast:.15s;--duration-base:.25s;--duration-slow:.4s;--sidebar-width:260px;--sidebar-collapsed:72px;--header-height:64px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--brand-territory);color:var(--brand-offwhite);font-family:var(--font-body);font-size:var(--font-body-md);line-height:var(--lh-body);letter-spacing:var(--ls-body);overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");position:fixed;inset:0}::selection{background:var(--brand-accent-20);color:var(--brand-offwhite)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--brand-accent);border-radius:10px}a{color:var(--brand-accent);text-decoration:none}a:hover{color:var(--brand-accent-light)}h1,h2,h3,h4{font-family:var(--font-display);line-height:var(--lh-display);letter-spacing:var(--ls-display);color:var(--brand-offwhite)}.app-layout{z-index:1;min-height:100vh;display:flex;position:relative}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--brand-surface-01);border-right:var(--border-subtle);padding:var(--space-24) 0;z-index:50;transition:transform var(--duration-base) var(--ease-default);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.sidebar-logo{align-items:center;gap:var(--space-12);padding:0 var(--space-24) var(--space-24);border-bottom:var(--border-subtle);margin-bottom:var(--space-16);display:flex}.sidebar-logo-text{font-family:var(--font-display);letter-spacing:-.02em;color:var(--brand-offwhite);font-size:1.5rem;font-weight:900}.sidebar-logo-text .slash{color:var(--brand-accent)}.sidebar-label{font-family:var(--font-body);font-weight:500;font-size:var(--font-label);text-transform:uppercase;letter-spacing:var(--ls-label);color:var(--brand-muted-deep);padding:var(--space-16) var(--space-24) var(--space-8)}.sidebar-nav{gap:var(--space-2);flex-direction:column;flex:1;display:flex}.sidebar-link{align-items:center;gap:var(--space-12);padding:var(--space-12) var(--space-24);color:var(--brand-muted);font-size:var(--font-body-sm);transition:all var(--duration-fast) var(--ease-default);cursor:pointer;border-left:3px solid #0000;font-weight:500;text-decoration:none;display:flex}.sidebar-link:hover{color:var(--brand-offwhite);background:var(--brand-offwhite-10)}.sidebar-link.active{color:var(--brand-accent);background:var(--brand-accent-10);border-left-color:var(--brand-accent);font-weight:600}.sidebar-link svg{flex-shrink:0;width:20px;height:20px}.sidebar-spacer{flex:1}.sidebar-footer{padding:var(--space-16) var(--space-24);border-top:var(--border-subtle)}.main-area{margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-height:100vh;display:flex}.header{height:var(--header-height);background:var(--brand-territory-90);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:var(--border-subtle);padding:0 var(--space-32);z-index:40;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.header-left{align-items:center;gap:var(--space-16);display:flex}.header-title{font-family:var(--font-display);font-size:1.25rem;font-weight:800;color:#fff!important}.header-title .accent{color:var(--brand-accent)}.header-breadcrumb{font-size:var(--font-caption);text-transform:uppercase;letter-spacing:var(--ls-label);color:#8a919e!important}.header-right{align-items:center;gap:var(--space-16);display:flex}.header-btn{border-radius:var(--radius-md);border:var(--border-subtle);background:var(--brand-surface-01);width:40px;height:40px;color:var(--brand-muted);cursor:pointer;transition:all var(--duration-fast) var(--ease-default);justify-content:center;align-items:center;display:flex}.header-btn:hover{color:var(--brand-accent);border-color:var(--brand-accent)}.header-user{align-items:center;gap:var(--space-12);display:flex}.header-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--brand-accent), var(--brand-accent-deep));width:36px;height:36px;font-family:var(--font-display);color:var(--brand-territory);justify-content:center;align-items:center;font-size:.75rem;font-weight:800;display:flex}.header-username{font-size:var(--font-body-sm);color:var(--brand-offwhite);font-weight:600}.header-role{font-size:var(--font-caption);color:var(--brand-muted)}.page-content{padding:var(--space-32);flex:1;max-width:1400px}.page-heading{margin-bottom:var(--space-32)}.page-heading h1{font-weight:800;font-size:var(--font-h2);margin-bottom:var(--space-8)}.page-heading h1 .accent{color:var(--brand-accent)}.page-description{color:var(--brand-muted);font-size:var(--font-body-md);max-width:600px;line-height:var(--lh-body)}.metrics-grid{gap:var(--space-16);margin-bottom:var(--space-32);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.metric-card{background:var(--brand-surface-01);border:var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-24);transition:all var(--duration-base) var(--ease-default);position:relative;overflow:hidden}.metric-card:before{content:"";background:var(--brand-accent);opacity:0;height:3px;transition:opacity var(--duration-base) var(--ease-default);position:absolute;top:0;left:0;right:0}.metric-card:hover{border-color:var(--brand-muted);box-shadow:var(--shadow-medium);transform:translateY(-2px)}.metric-card:hover:before{opacity:1}.metric-card.highlight{background:linear-gradient(135deg,#22c55e14,#22c55e05);border-color:#22c55e40}.metric-card.highlight:before{background:var(--color-success);opacity:1}.metric-card-header{margin-bottom:var(--space-16);justify-content:space-between;align-items:center;display:flex}.metric-card-icon{border-radius:var(--radius-md);background:var(--brand-accent-10);width:40px;height:40px;color:var(--brand-accent);justify-content:center;align-items:center;display:flex}.metric-card-trend{align-items:center;gap:var(--space-4);font-family:var(--font-mono);font-size:var(--font-caption);font-weight:700;display:flex}.metric-card-trend.up{color:var(--color-success)}.metric-card-trend.down{color:var(--color-error)}.metric-card-value{font-family:var(--font-display);color:var(--brand-offwhite);margin-bottom:var(--space-8);font-size:2rem;font-weight:800;line-height:1}.metric-card-label{font-size:var(--font-body-sm);color:var(--brand-muted);align-items:center;gap:var(--space-8);display:flex}.metric-card-abbr{font-family:var(--font-mono);font-size:var(--font-caption);color:var(--brand-accent-light);background:var(--brand-accent-10);border-radius:var(--radius-full);padding:2px 8px;font-weight:700}.panel{background:var(--brand-surface-01);border:var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-24);margin-bottom:var(--space-24)}.panel-header{margin-bottom:var(--space-24);justify-content:space-between;align-items:center;display:flex}.panel-title{font-family:var(--font-display);color:var(--brand-offwhite);font-size:1.1rem;font-weight:700}.panel-subtitle{font-size:var(--font-caption);color:var(--brand-muted);text-transform:uppercase;letter-spacing:var(--ls-label)}.panels-grid{gap:var(--space-24);margin-bottom:var(--space-24);grid-template-columns:repeat(auto-fit,minmax(360px,1fr));display:grid}.status-badge{align-items:center;gap:var(--space-4);font-family:var(--font-mono);padding:var(--space-4) var(--space-12);border-radius:var(--radius-full);font-size:.7rem;font-weight:700;display:inline-flex}.status-badge.good{background:var(--color-success-10);color:var(--color-success)}.status-badge.warning{background:var(--color-warning-10);color:var(--color-warning)}.status-badge.bad{background:var(--color-error-10);color:var(--color-error)}.status-dot{border-radius:var(--radius-full);width:6px;height:6px;animation:2s infinite pulse-dot}.status-badge.good .status-dot{background:var(--color-success)}.status-badge.warning .status-dot{background:var(--color-warning)}.status-badge.bad .status-dot{background:var(--color-error)}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.campaign-table{border-collapse:collapse;width:100%;font-size:var(--font-body-sm)}.campaign-table th{text-align:left;font-size:var(--font-caption);text-transform:uppercase;letter-spacing:var(--ls-label);color:var(--brand-accent);padding:var(--space-12) var(--space-16);border-bottom:var(--border-accent);font-weight:500}.campaign-table td{padding:var(--space-12) var(--space-16);border-bottom:var(--border-subtle);color:var(--brand-offwhite-80)}.campaign-table tr{transition:background var(--duration-fast) var(--ease-default)}.campaign-table tr:hover{background:var(--brand-offwhite-10)}.campaign-name{color:var(--brand-offwhite);align-items:center;gap:var(--space-8);font-weight:600;display:flex}.btn{justify-content:center;align-items:center;gap:var(--space-8);font-family:var(--font-body);font-weight:600;font-size:var(--font-button);text-transform:uppercase;letter-spacing:var(--ls-label);cursor:pointer;transition:all var(--duration-base) var(--ease-default);padding:var(--space-12) var(--space-24);border-radius:var(--radius-sm);border:none;text-decoration:none;display:inline-flex}.btn-primary{background:var(--brand-accent);color:var(--brand-territory)}.btn-primary:hover{background:var(--brand-accent-light);box-shadow:var(--shadow-accent)}.btn-secondary{background:var(--brand-surface-02);color:var(--brand-offwhite);border:var(--border-thin)}.btn-secondary:hover{border-color:var(--brand-accent);color:var(--brand-accent)}.btn-ghost{color:var(--brand-accent);border:var(--border-accent);background:0 0}.btn-ghost:hover{background:var(--brand-accent-10)}.btn-sm{padding:var(--space-8) var(--space-16);font-size:var(--font-caption)}.form-group{margin-bottom:var(--space-24)}.form-label{font-size:var(--font-caption);text-transform:uppercase;letter-spacing:var(--ls-label);color:var(--brand-muted);margin-bottom:var(--space-8);font-weight:500;display:block}.form-input{background:var(--brand-surface-02);border:var(--border-subtle);border-radius:var(--radius-sm);width:100%;padding:var(--space-12) var(--space-16);color:var(--brand-offwhite);font-family:var(--font-body);font-size:var(--font-body-sm);transition:border-color var(--duration-fast) var(--ease-default);outline:none}.form-input::placeholder{color:var(--brand-muted-deep)}.form-input:focus{border-color:var(--brand-accent)}.form-select{background:var(--brand-surface-02);border:var(--border-subtle);border-radius:var(--radius-sm);width:100%;padding:var(--space-12) var(--space-16);color:var(--brand-offwhite);font-family:var(--font-body);font-size:var(--font-body-sm);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238A919E' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;outline:none}.form-select:focus{border-color:var(--brand-accent)}.chart-container{width:100%;max-height:300px;position:relative}.chart-container canvas{max-height:300px}.ai-chat-fab{bottom:var(--space-32);right:var(--space-32);border-radius:var(--radius-full);background:linear-gradient(135deg, var(--brand-accent), var(--brand-accent-deep));color:#fff;cursor:pointer;z-index:100;width:56px;height:56px;transition:all var(--duration-base) var(--ease-default);border:none;justify-content:center;align-items:center;animation:3s ease-in-out infinite fab-glow;display:flex;position:fixed;box-shadow:0 4px 24px #ff7a2e4d}.ai-chat-fab:hover{transform:scale(1.08);box-shadow:0 6px 32px #ff7a2e73}@keyframes fab-glow{0%,to{box-shadow:0 4px 24px #ff7a2e4d}50%{box-shadow:0 4px 32px #ff7a2e80}}.ai-chat-panel{bottom:100px;right:var(--space-32);background:var(--brand-territory-90);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:var(--radius-xl);width:380px;max-height:520px;box-shadow:var(--shadow-high);z-index:99;animation:chat-slide-up .3s var(--ease-default);border:1px solid #ff7a2e33;flex-direction:column;display:flex;position:fixed;overflow:hidden}@keyframes chat-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ai-chat-header{padding:var(--space-16) var(--space-24);border-bottom:var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.ai-chat-header h3{font-family:var(--font-display);align-items:center;gap:var(--space-8);font-size:1rem;font-weight:700;display:flex}.ai-chat-messages{padding:var(--space-16);gap:var(--space-12);flex-direction:column;flex:1;display:flex;overflow-y:auto}.ai-chat-msg{max-width:85%;padding:var(--space-12) var(--space-16);border-radius:var(--radius-lg);font-size:var(--font-body-sm);line-height:1.5}.ai-chat-msg.bot{background:var(--brand-surface-02);color:var(--brand-offwhite-80);align-self:flex-start}.ai-chat-msg.user{background:var(--brand-accent);color:var(--brand-territory);align-self:flex-end}.ai-chat-suggestions{gap:var(--space-8);padding:var(--space-12) var(--space-16);border-top:var(--border-subtle);flex-wrap:wrap;display:flex}.ai-chat-chip{font-size:var(--font-caption);padding:var(--space-8) var(--space-12);border-radius:var(--radius-full);background:var(--brand-accent-10);color:var(--brand-accent);cursor:pointer;transition:all var(--duration-fast) var(--ease-default);border:1px solid #ff7a2e33}.ai-chat-chip:hover{background:var(--brand-accent-20)}.ai-chat-input-bar{gap:var(--space-8);padding:var(--space-12) var(--space-16);border-top:var(--border-subtle);display:flex}.ai-chat-input-bar input{background:var(--brand-surface-02);border:var(--border-subtle);border-radius:var(--radius-sm);padding:var(--space-8) var(--space-12);color:var(--brand-offwhite);font-size:var(--font-body-sm);outline:none;flex:1}.ai-chat-input-bar input:focus{border-color:var(--brand-accent)}.ai-chat-input-bar button{background:var(--brand-accent);color:var(--brand-territory);border-radius:var(--radius-sm);padding:var(--space-8) var(--space-12);cursor:pointer;border:none;align-items:center;display:flex}.funnel{gap:var(--space-8);flex-direction:column;display:flex}.funnel-stage{border-radius:var(--radius-md);padding:var(--space-16) var(--space-24);transition:transform var(--duration-fast) var(--ease-default);justify-content:space-between;align-items:center;display:flex}.funnel-stage:hover{transform:translate(4px)}.funnel-stage:first-child{border-left:4px solid var(--brand-blue);background:linear-gradient(90deg,#1f468833,#1f46880d)}.funnel-stage:nth-child(2){border-left:4px solid var(--brand-accent);margin-left:var(--space-16);background:linear-gradient(90deg,#ff7a2e26,#ff7a2e08)}.funnel-stage:nth-child(3){border-left:4px solid var(--color-success);margin-left:var(--space-32);background:linear-gradient(90deg,#22c55e1f,#22c55e05)}.funnel-label{font-weight:600;font-size:var(--font-body-sm);color:var(--brand-offwhite)}.funnel-value{font-family:var(--font-display);font-size:1.25rem;font-weight:800}.funnel-pct{font-family:var(--font-mono);font-size:var(--font-caption);color:var(--brand-muted);margin-left:var(--space-8)}.observation-card{background:var(--brand-surface-01);border:var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-24);border-left:3px solid var(--brand-accent)}.observation-header{align-items:center;gap:var(--space-8);margin-bottom:var(--space-16);font-size:var(--font-body-sm);color:var(--brand-accent-light);font-weight:600;display:flex}.observation-text{color:var(--brand-offwhite-80);font-size:var(--font-body-md);line-height:var(--lh-body);white-space:pre-line}.observation-timestamp{margin-top:var(--space-12);font-family:var(--font-mono);font-size:var(--font-caption);color:var(--brand-muted-deep)}.billing-grid{gap:var(--space-12);margin-bottom:var(--space-24);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.billing-card{background:var(--brand-surface-01);border:var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-16);gap:var(--space-8);flex-direction:column;display:flex}.billing-card-name{font-size:var(--font-body-sm);color:var(--brand-offwhite);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.billing-card-balance{font-family:var(--font-display);font-size:1.25rem;font-weight:800}.billing-card-balance.positive{color:var(--color-success)}.billing-card-balance.low{color:var(--color-warning)}.billing-card-balance.empty{color:var(--color-error)}.filter-bar{align-items:center;gap:var(--space-12);margin-bottom:var(--space-24);flex-wrap:wrap;display:flex}.filter-chip{padding:var(--space-8) var(--space-16);border-radius:var(--radius-full);font-size:var(--font-caption);border:var(--border-subtle);color:var(--brand-muted);cursor:pointer;transition:all var(--duration-fast) var(--ease-default);background:0 0;font-weight:600}.filter-chip:hover{border-color:var(--brand-accent);color:var(--brand-accent)}.filter-chip.active{background:var(--brand-accent);border-color:var(--brand-accent);color:var(--brand-territory)}.mobile-menu-btn{color:var(--brand-offwhite);cursor:pointer;background:0 0;border:none;display:none}.sidebar-overlay{display:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeInUp .4s var(--ease-default) both}.animate-in:first-child{animation-delay:50ms}.animate-in:nth-child(2){animation-delay:.1s}.animate-in:nth-child(3){animation-delay:.15s}.animate-in:nth-child(4){animation-delay:.2s}.animate-in:nth-child(5){animation-delay:.25s}@media (width<=1024px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.panels-grid{grid-template-columns:1fr}}@media (width<=768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay{z-index:45;opacity:0;pointer-events:none;transition:opacity var(--duration-base) var(--ease-default);background:#00000080;display:block;position:fixed;inset:0}.sidebar.open~.sidebar-overlay{opacity:1;pointer-events:auto}.main-area{margin-left:0}.mobile-menu-btn{display:flex}.page-content{padding:var(--space-16)}.metrics-grid{grid-template-columns:1fr}.header{padding:0 var(--space-16)}.ai-chat-panel{width:calc(100vw - 32px);right:var(--space-16);max-height:60vh;bottom:80px}}