:root{--tp-space-xs: 4px;--tp-space-sm: 8px;--tp-space-md: 14px;--tp-space-lg: 20px;--tp-space-xl: 32px;--tp-radius-sm: 6px;--tp-radius-md: 10px;--tp-radius-lg: 16px;--tp-font-body: "Barlow", "Barlow Condensed", -apple-system, BlinkMacSystemFont, sans-serif;--tp-font-display: "Bebas Neue", "Impact", sans-serif;--tp-font-mono: "JetBrains Mono", "Fira Code", monospace;--tp-z-base: 1;--tp-z-overlay: 100;--tp-z-modal: 1000;--tp-z-toast: 9999;--tp-transition-fast: .15s ease;--tp-transition-normal: .25s ease;--tp-panel-width: min(340px, 100vw);--tp-dropdown-width: min(300px, calc(100vw - 32px) );--tp-chat-width: min(380px, calc(100vw - 40px) )}button{font:inherit;cursor:pointer}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}:root{--ap-bg: #0f172a;--ap-surface: #1e293b;--ap-surface-2: #334155;--ap-border: #475569;--ap-border-dim: #334155;--ap-text: #e2e8f0;--ap-text-dim: #94a3b8;--ap-text-muted: #64748b;--ap-accent: #6366f1;--ap-accent-hover:#818cf8;--ap-accent-dim: rgba(99,102,241,.15);--ap-success: #22c55e;--ap-warning: #f59e0b;--ap-danger: #ef4444;--ap-info: #38bdf8}html,body{font-family:var(--tp-font-body, -apple-system, BlinkMacSystemFont, sans-serif);background:var(--ap-bg);color:var(--ap-text);line-height:1.5}.btn-primary{background:var(--ap-accent);color:#fff;border:none;padding:10px 20px;border-radius:var(--tp-radius-sm);font-weight:600;font-size:14px;cursor:pointer;transition:background var(--tp-transition-fast)}.btn-primary:hover{background:var(--ap-accent-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--ap-surface-2);color:var(--ap-text);border:1px solid var(--ap-border-dim);padding:10px 20px;border-radius:var(--tp-radius-sm);font-weight:500;font-size:14px;cursor:pointer;transition:background var(--tp-transition-fast)}.btn-secondary:hover{background:var(--ap-border-dim)}.btn-danger{background:#ef444426;color:var(--ap-danger);border:1px solid rgba(239,68,68,.3);padding:10px 20px;border-radius:var(--tp-radius-sm);font-weight:500;font-size:14px;cursor:pointer}.btn-danger:hover{background:#ef444440}.btn-sm{padding:6px 12px;font-size:13px}.btn-icon{background:none;border:none;color:var(--ap-text-dim);cursor:pointer;padding:6px;border-radius:var(--tp-radius-sm);transition:color var(--tp-transition-fast),background var(--tp-transition-fast)}.btn-icon:hover{color:var(--ap-text);background:var(--ap-surface-2)}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:13px;font-weight:600;color:var(--ap-text-dim);text-transform:uppercase;letter-spacing:.05em}.form-input,.form-textarea,.form-select{background:var(--ap-bg);border:1px solid var(--ap-border-dim);color:var(--ap-text);padding:10px 12px;border-radius:var(--tp-radius-sm);font-size:14px;font-family:inherit;transition:border-color var(--tp-transition-fast)}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--ap-accent)}.form-textarea{resize:vertical;min-height:80px}.form-select{cursor:pointer}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-hint{font-size:12px;color:var(--ap-text-muted)}.role-gate{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px}.role-gate-card{background:var(--ap-surface);border:1px solid var(--ap-border-dim);border-radius:var(--tp-radius-lg);padding:48px;text-align:center;max-width:440px}.role-gate-card h1{font-size:24px;margin-bottom:12px}.role-gate-card p{color:var(--ap-text-dim);margin-bottom:24px;line-height:1.6}.layout{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--ap-surface);border-right:1px solid var(--ap-border-dim);display:flex;flex-direction:column;padding:20px 0;flex-shrink:0}.sidebar-brand{padding:0 20px 20px;border-bottom:1px solid var(--ap-border-dim);margin-bottom:8px}.sidebar-brand h2{font-size:16px;font-weight:700;color:var(--ap-accent)}.sidebar-brand span{font-size:12px;color:var(--ap-text-muted)}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:2px;padding:0 8px}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--tp-radius-sm);color:var(--ap-text-dim);font-size:14px;font-weight:500;cursor:pointer;border:none;background:none;width:100%;text-align:left;transition:background var(--tp-transition-fast),color var(--tp-transition-fast)}.nav-item:hover{background:var(--ap-surface-2);color:var(--ap-text)}.nav-item.active{background:var(--ap-accent-dim);color:var(--ap-accent)}.nav-item svg{width:18px;height:18px;flex-shrink:0}.sidebar-footer{padding:12px 20px;border-top:1px solid var(--ap-border-dim);margin-top:8px}.main-content{flex:1;padding:32px;overflow-y:auto;min-width:0}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.page-header h1{font-size:22px;font-weight:700}.card{background:var(--ap-surface);border:1px solid var(--ap-border-dim);border-radius:var(--tp-radius-md);padding:20px}.panel{background:var(--ap-surface);border:1px solid var(--ap-border-dim);border-radius:var(--tp-radius-md);padding:24px;margin-bottom:20px}.panel-title{font-size:15px;font-weight:700;margin-bottom:16px;color:var(--ap-text)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.metric-card{background:var(--ap-surface);border:1px solid var(--ap-border-dim);border-radius:var(--tp-radius-md);padding:20px}.metric-card .metric-label{font-size:13px;color:var(--ap-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.metric-card .metric-value{font-size:28px;font-weight:700;color:var(--ap-text)}.metric-card .metric-trend{font-size:13px;margin-top:4px}.metric-trend.up{color:var(--ap-success)}.metric-trend.down{color:var(--ap-danger)}.metric-trend.neutral{color:var(--ap-text-muted)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th{text-align:left;padding:12px 16px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--ap-text-muted);border-bottom:1px solid var(--ap-border-dim)}td{padding:14px 16px;font-size:14px;border-bottom:1px solid var(--ap-border-dim)}tr:hover td{background:#6366f10a}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:100px;font-size:12px;font-weight:600;text-transform:capitalize}.status-badge:before{content:"";width:6px;height:6px;border-radius:50%}.status-active{background:#22c55e26;color:#22c55e}.status-active:before{background:#22c55e}.status-paused{background:#f59e0b26;color:#f59e0b}.status-paused:before{background:#f59e0b}.status-draft{background:#94a3b826;color:#94a3b8}.status-draft:before{background:#94a3b8}.status-archived{background:#64748b26;color:#64748b}.status-archived:before{background:#64748b}.status-ended{background:#ef444426;color:#ef4444}.status-ended:before{background:#ef4444}.chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:var(--ap-surface-2);border-radius:100px;font-size:12px;color:var(--ap-text-dim)}.chip-remove{cursor:pointer;opacity:.6;font-size:14px;line-height:1}.chip-remove:hover{opacity:1}.chip-input-wrap{display:flex;flex-wrap:wrap;gap:6px;padding:8px;background:var(--ap-bg);border:1px solid var(--ap-border-dim);border-radius:var(--tp-radius-sm);min-height:42px;align-items:center}.chip-input-wrap input{background:none;border:none;color:var(--ap-text);font-size:14px;flex:1;min-width:80px;outline:none}.checkbox-group{display:flex;flex-wrap:wrap;gap:10px}.checkbox-label{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--ap-text-dim);cursor:pointer}.checkbox-label input[type=checkbox]{accent-color:var(--ap-accent);width:16px;height:16px}.chart-wrap{background:var(--ap-surface);border:1px solid var(--ap-border-dim);border-radius:var(--tp-radius-md);padding:20px}.chart-title{font-size:15px;font-weight:700;margin-bottom:16px}.chart-legend{display:flex;gap:16px;margin-top:12px;font-size:12px;color:var(--ap-text-dim)}.chart-legend-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px}.preview-card{background:var(--ap-bg);border:1px solid var(--ap-border-dim);border-radius:var(--tp-radius-md);padding:16px;display:flex;gap:12px;align-items:flex-start;max-width:360px}.preview-icon{width:48px;height:48px;border-radius:var(--tp-radius-sm);background:var(--ap-surface-2);flex-shrink:0;object-fit:cover}.preview-body{flex:1;min-width:0}.preview-sponsored{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--ap-text-muted);margin-bottom:4px}.preview-title{font-size:14px;font-weight:600;margin-bottom:2px}.preview-tagline{font-size:13px;color:var(--ap-text-dim);margin-bottom:8px}.preview-cta{display:inline-block;padding:5px 14px;background:var(--ap-accent);color:#fff;border-radius:var(--tp-radius-sm);font-size:12px;font-weight:600;text-decoration:none}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.editor-grid{display:grid;grid-template-columns:1fr 340px;gap:24px;align-items:start}.editor-main{display:flex;flex-direction:column;gap:20px}.editor-sidebar{position:sticky;top:32px}.editor-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:20px;border-top:1px solid var(--ap-border-dim)}@media(max-width:1024px){.editor-grid{grid-template-columns:1fr}.editor-sidebar{position:static}}@media(max-width:768px){.sidebar{display:none}.main-content{padding:20px 16px}.form-row{grid-template-columns:1fr}}.empty-state{text-align:center;padding:60px 20px;color:var(--ap-text-dim)}.empty-state h3{margin-bottom:8px;color:var(--ap-text)}.empty-state p{margin-bottom:20px}.loading-spinner{display:flex;align-items:center;justify-content:center;padding:60px;color:var(--ap-text-muted)}.fade-in{animation:fadeIn .2s ease}