:root{--font-display:"Fraunces", serif;--font-ui:"Inter", -apple-system, sans-serif;--font-mono:"JetBrains Mono", monospace;--font-serif:var(--font-display);--font-sans:var(--font-ui);--radius:9px;--radius-sm:6px;--radius-lg:13px;--radius-xl:16px;--radius-full:30px;--transition:.15s ease}:root,[data-theme=dark]{--bg:#0b0b0d;--bg-sidebar:#08080a;--surface:#141416;--surface-2:#1a1a1d;--surface-hover:#202024;--border:#27272b;--border-soft:#1d1d20;--text:#eeeef0;--text-2:#8b8b93;--text-3:#626268;--accent:#e3a88e;--accent-deep:#c97b5e;--accent-soft:#e3a88e1f;--green:#6bbf8a;--green-soft:#6bbf8a24;--blue:#8fb0d9;--blue-soft:#8fb0d924;--amber:#d9b06a;--amber-soft:#d9b06a24;--champagne:#c99a6a;--champagne-soft:#c99a6a1f;--red:#d9776b;--red-soft:#d9776b1f;--shadow:0 6px 22px #00000073, 0 1px 0 #ffffff06 inset;--shadow-sm:0 2px 8px #0000004d;--shadow-lg:0 12px 40px #0009;--grid:#ffffff0d;--logo-grad:linear-gradient(135deg, #e3a88e, #c97b5e);--rose:var(--accent);--rose-dark:var(--accent-deep);--success:var(--green);--danger:var(--red);--warning:var(--champagne);--color-positive:var(--green);--color-negative:var(--red);--danger-bg:var(--red-soft);--warning-bg:var(--champagne-soft);--gold:var(--champagne);--text-1:var(--text);--text-hint:var(--text-3);--text-muted:var(--text-3);--text-primary:var(--text);--text-secondary:var(--text-2);--text-disabled:var(--text-3);--color-text-primary:var(--text);--color-text-secondary:var(--text-2);--color-text-tertiary:var(--text-3);--bg-page:var(--bg);--bg-card:var(--surface);--bg-secondary:var(--surface-2);--bg-selected:var(--accent-soft);--bg-hover:var(--surface-hover);--border-strong:var(--border);--border-light:var(--border-soft);--border-rose:var(--accent-deep);--copper:var(--accent);--rose-gold:var(--accent);--rose-gold-light:var(--accent-soft);--rose-gold-dark:var(--accent-deep);--positive:var(--green);--positive-bg:var(--green-soft);--positive-text:var(--green);--negative:var(--red);--negative-bg:var(--red-soft);--negative-text:var(--red);--sidebar-bg:var(--bg-sidebar);--sidebar-active:var(--accent);--app-bg:var(--bg);--app-surface:var(--surface);--app-surface-2:var(--surface-2);--app-border:var(--border);--app-border-subtle:var(--border-soft);--color-surface-primary:var(--surface);--color-surface-secondary:var(--surface-2);--color-border-default:var(--border);--color-border-subtle:var(--border-soft);--color-surface-brand:var(--accent-soft)}[data-theme=light]{--bg:#f7f3ee;--bg-sidebar:#fff;--surface:#fff;--surface-2:#fbf7f2;--surface-hover:#f4ede5;--border:#eae1d6;--border-soft:#f0e9e0;--text:#211c18;--text-2:#857a6f;--text-3:#aba197;--accent:#bc6a48;--accent-deep:#9e5436;--accent-soft:#f6e8df;--green:#3d8a5e;--green-soft:#e7f1ea;--blue:#4e79a8;--blue-soft:#e9eff6;--amber:#b5852f;--amber-soft:#f5eedf;--champagne:#a9763c;--champagne-soft:#f5ede1;--red:#c0503f;--red-soft:#f8e9e6;--shadow:0 8px 24px #785a461a, 0 1px 2px #785a460d;--shadow-sm:0 2px 8px #785a460f;--shadow-lg:0 16px 40px #785a4629;--grid:#785a4614;--logo-grad:linear-gradient(135deg, #e3a88e, #c97b5e);--rose:var(--accent);--rose-dark:var(--accent-deep);--success:var(--green);--danger:var(--red);--warning:var(--champagne);--color-positive:var(--green);--color-negative:var(--red);--danger-bg:var(--red-soft);--warning-bg:var(--champagne-soft);--gold:var(--champagne);--text-1:var(--text);--text-hint:var(--text-3);--text-muted:var(--text-3);--text-primary:var(--text);--text-secondary:var(--text-2);--text-disabled:var(--text-3);--color-text-primary:var(--text);--color-text-secondary:var(--text-2);--color-text-tertiary:var(--text-3);--bg-page:var(--bg);--bg-card:var(--surface);--bg-secondary:var(--surface-2);--bg-selected:var(--accent-soft);--bg-hover:var(--surface-hover);--border-strong:var(--border);--border-light:var(--border-soft);--border-rose:var(--accent-deep);--copper:var(--accent);--rose-gold:var(--accent);--rose-gold-light:var(--accent-soft);--rose-gold-dark:var(--accent-deep);--positive:var(--green);--positive-bg:var(--green-soft);--positive-text:var(--green);--negative:var(--red);--negative-bg:var(--red-soft);--negative-text:var(--red);--sidebar-bg:var(--bg-sidebar);--sidebar-active:var(--accent);--app-bg:var(--bg);--app-surface:var(--surface);--app-surface-2:var(--surface-2);--app-border:var(--border);--app-border-subtle:var(--border-soft);--color-surface-primary:var(--surface);--color-surface-secondary:var(--surface-2);--color-border-default:var(--border);--color-border-subtle:var(--border-soft);--color-surface-brand:var(--accent-soft)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg);font-size:14px}body{font-family:var(--font-ui);background:var(--bg);color:var(--text);min-height:100vh;font-weight:400;line-height:1.6;transition:background .35s,color .35s;overflow-x:hidden}#root{min-height:100vh}a{color:var(--rose);transition:color var(--transition);text-decoration:none}a:hover{color:var(--rose-dark)}button{cursor:pointer;font-family:var(--font-sans);border:none;outline:none}input,textarea,select{font-family:var(--font-sans);font-weight:400}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--surface-2)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--accent-deep)}.app-layout{background:var(--bg);min-height:100vh;display:flex}.main-content{background:var(--bg);flex-direction:column;flex:1;min-width:0;height:100vh;margin-left:230px;transition:background .35s;display:flex;overflow:hidden}.page-container{background:var(--bg);min-width:0;max-width:1400px;color:var(--text);flex:1;padding:30px 36px}.sidebar{background:var(--surface);border-right:1px solid var(--border);z-index:100;flex-direction:column;width:230px;transition:transform .28s cubic-bezier(.32,.72,0,1);display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden auto}.sidebar-logo-wrap{border-bottom:1px solid var(--border-soft);flex-shrink:0;padding:20px 18px 16px}.sidebar-logo{font-family:var(--font-display);color:var(--text);font-size:15px;font-weight:500;line-height:1}.sidebar-logo em{color:var(--accent);font-style:italic}.sidebar-tagline{font-family:var(--font-ui);color:var(--text-3);letter-spacing:1.5px;text-transform:uppercase;margin-top:3px;font-size:9px}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:12px 10px;display:flex}.sidebar-nav-item{font-family:var(--font-ui);color:var(--text-2);cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:9px 12px;font-size:13px;font-weight:400;text-decoration:none;transition:background .15s,color .15s;display:flex}.sidebar-nav-item:hover,.sidebar-nav-item.active{background:var(--accent-soft);color:var(--accent)}.sidebar-nav-item.active{font-weight:500}.sidebar-footer{border-top:1px solid var(--border-soft);flex-shrink:0;padding:14px 10px}.sb-hamburger{z-index:200;background:var(--surface);border:1px solid var(--border);color:var(--text-2);cursor:pointer;box-shadow:var(--shadow);border-radius:8px;padding:7px 9px;transition:background .15s;display:none;position:fixed;top:14px;left:16px}.sb-hamburger:hover{background:var(--surface-2)}.sb-overlay{z-index:99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;display:none;position:fixed;inset:0}@media (width<=900px){.main-content{margin-left:0;padding-top:56px}.page-container{padding:16px 14px}.sidebar{box-shadow:none;transform:translate(-100%)}.sidebar-open{transform:translate(0);box-shadow:4px 0 30px #00000059}.sb-hamburger{justify-content:center;align-items:center;display:flex}.sb-overlay{display:block}.dash-bento-grid{grid-template-columns:1fr!important}.dash-welcome-strip{flex-direction:column!important;align-items:flex-start!important}.dash-welcome-strip .dash-pulse-card{width:100%!important;min-width:0!important}.dash-kpi-totals,.camp-kpi-grid{grid-template-columns:repeat(2,1fr)!important}.camp-chart-grid{grid-template-columns:1fr!important}.camp-col-impressions,.camp-col-clicks,.camp-col-frequency{display:none!important}}@media (width<=480px){.page-container{padding:12px 10px}.camp-kpi-grid,.dash-kpi-totals{grid-template-columns:repeat(2,1fr)!important}}.page-header{margin-bottom:24px}.page-title{font-family:var(--font-display);color:var(--text);letter-spacing:-.5px;font-size:34px;font-weight:500;line-height:1}.page-subtitle{font-family:var(--font-ui);color:var(--text-2);align-items:center;gap:14px;margin-top:9px;font-size:13px;font-weight:400;display:flex}.section-eyebrow{font-family:var(--font-ui);letter-spacing:2px;text-transform:uppercase;color:var(--text-3);align-items:center;gap:10px;margin-bottom:12px;font-size:11px;font-weight:500;display:flex}.section-eyebrow:before{content:"";background:var(--text-3);flex-shrink:0;width:22px;height:1px;display:block}.section-title{font-family:var(--font-serif);color:var(--color-text-primary);font-size:20px;font-weight:500;line-height:1.2}.section-title em{color:var(--rose);font-style:italic}.font-serif{font-family:var(--font-serif)}.font-serif-italic{font-family:var(--font-serif);font-style:italic}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-tertiary)}.text-rose{color:var(--rose)}.text-success{color:var(--color-positive)}.text-warning{color:var(--warning)}.text-danger{color:var(--color-negative)}.text-dark-primary{color:var(--color-text-primary)}.text-dark-secondary{color:var(--color-text-secondary)}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-subtle{0%,to{opacity:1}50%{opacity:.4}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.animate-fade-in{animation:.4s forwards fade-in}.animate-slide-right{animation:.3s forwards slide-in-right}.animate-spin{animation:1s linear infinite spin}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--transition);padding:20px}.card:hover{border-color:var(--accent-deep)}.card-elevated{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}.btn{border-radius:var(--radius);font-family:var(--font-ui);transition:all var(--transition);white-space:nowrap;cursor:pointer;border:1px solid #0000;align-items:center;gap:7px;padding:9px 15px;font-size:12.5px;font-weight:500;line-height:1;display:inline-flex}.btn-primary{color:var(--accent);border-color:var(--accent);background:0 0}.btn-primary:hover{background:var(--accent-soft)}.btn-secondary{color:var(--text-2);border-color:var(--border);background:0 0}.btn-secondary:hover{background:var(--surface-hover);color:var(--text)}.btn-outline{color:var(--text-2);border-color:var(--border);background:0 0}.btn-outline:hover{border-color:var(--accent);color:var(--accent)}.btn-ghost{color:var(--text-3);background:0 0;border-color:#0000;padding:6px 10px}.btn-ghost:hover{color:var(--text-2)}.btn-danger{color:var(--red);border-color:var(--red-soft);background:0 0}.btn-danger:hover{background:var(--red-soft)}.btn-success{background:var(--green);color:#fff;border-color:#0000}.btn-success:hover{opacity:.9}.btn-sm{padding:6px 12px;font-size:11.5px}.btn-lg{padding:12px 24px;font-size:14px}.btn:disabled{opacity:.35;cursor:not-allowed}.btn-execute{background:var(--rose);color:#fff;font-family:var(--font-sans);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:background var(--transition);border-radius:var(--radius-sm);border:none;align-items:center;gap:5px;padding:6px 14px;font-size:9px;font-weight:500;display:inline-flex}.btn-execute:hover{background:var(--rose-dark)}.btn-dismiss{color:var(--color-text-tertiary);font-family:var(--font-sans);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;padding:6px;font-size:9px}.btn-dismiss:hover{color:var(--color-text-secondary)}.badge{border-radius:var(--radius-sm);font-family:var(--font-sans);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:4px;padding:3px 8px;font-size:8px;font-weight:500;display:inline-flex}.badge-critical{color:#791f1f;background:#fcebeb;border:.5px solid #e24b4a4d}.badge-high{color:#633806;background:#faeeda;border:.5px solid #f59e0b4d}.badge-medium{color:#c4836a;background:#fdf6f0;border:.5px solid #c4836a4d}.badge-success{color:#27500a;background:#eaf3de;border:.5px solid #3b6d1140}.badge-neutral{background:var(--color-surface-secondary);color:var(--color-text-secondary);border:.5px solid var(--color-border-default)}.tag{font-family:var(--font-sans);letter-spacing:.14em;text-transform:uppercase;border-radius:var(--radius-sm);padding:3px 8px;font-size:9px;font-weight:500;display:inline-block}.tag-rose{color:var(--rose);background:#fdf6f0}.tag-dark{background:var(--color-surface-secondary);color:var(--rose)}.tag-success{color:#27500a;background:#eaf3de}.tag-warning{color:#633806;background:#faeeda}.tag-danger{color:#791f1f;background:#fcebeb}.status-active{background:var(--green-soft);color:var(--green);font-family:var(--font-ui);border-radius:30px;align-items:center;gap:6px;padding:4px 11px;font-size:11.5px;font-weight:500;display:inline-flex}.status-active:before{content:"";background:var(--green);border-radius:50%;flex-shrink:0;width:5px;height:5px}.status-paused{background:var(--champagne-soft);color:var(--champagne);font-family:var(--font-ui);border-radius:30px;align-items:center;gap:6px;padding:4px 11px;font-size:11.5px;font-weight:500;display:inline-flex}.status-paused:before{content:"";background:var(--champagne);border-radius:50%;flex-shrink:0;width:5px;height:5px}.status-learning{color:var(--blue);font-family:var(--font-ui);background:#7fa8d91f;border-radius:30px;align-items:center;gap:6px;padding:4px 11px;font-size:11.5px;font-weight:500;display:inline-flex}.status-learning:before{content:"";background:var(--blue);border-radius:50%;flex-shrink:0;width:5px;height:5px}.status-draft{background:var(--surface-2);color:var(--text-3);font-family:var(--font-ui);border-radius:30px;align-items:center;gap:6px;padding:4px 11px;font-size:11.5px;font-weight:500;display:inline-flex}.status-draft:before{content:"";background:var(--text-3);border-radius:50%;flex-shrink:0;width:5px;height:5px}.tag-leads{color:#633806;background:#faeeda}.tag-ecommerce{color:#0c447c;background:#e6f1fb}.kpi-bar{background:var(--color-surface-primary);border-bottom:.5px solid var(--color-border-default);align-items:stretch;display:flex}.kpi-item{border-right:.5px solid var(--color-border-default);flex:1;padding:12px 16px}.kpi-item:last-child{border-right:none}.kpi-label{font-family:var(--font-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-tertiary);margin-bottom:4px;font-size:9px;font-weight:400}.kpi-value{font-family:var(--font-mono);color:var(--color-text-primary);font-size:18px;font-weight:500;line-height:1}.kpi-value.primary{color:var(--rose)}.metric-card{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:15px 17px}.metric-label{font-family:var(--font-sans);letter-spacing:.4px;text-transform:uppercase;color:var(--color-text-tertiary);align-items:center;gap:6px;margin-bottom:6px;font-size:11px;font-weight:400;display:flex}.metric-label:before{content:"";background:var(--rose);border-radius:50%;flex-shrink:0;width:5px;height:5px}.metric-value{font-family:var(--font-serif);color:var(--color-text-primary);margin-bottom:8px;font-size:24px;font-weight:500;line-height:1}.metric-value.good{color:var(--color-positive)}.metric-value.bad{color:var(--color-negative)}.metric-value.warning{color:#633806}.metric-value.gold{color:var(--gold)}.metric-value.rose{color:var(--rose)}.metric-delta{font-family:var(--font-mono);align-items:center;gap:3px;margin-top:4px;font-size:11px;display:flex}.metric-delta.positive{color:var(--color-positive)}.metric-delta.negative{color:var(--color-negative)}.metric-benchmark{font-family:var(--font-mono);align-items:center;gap:4px;margin-top:4px;font-size:9px;display:flex}.metric-benchmark.above{color:var(--color-positive)}.metric-benchmark.below{color:var(--color-negative)}.metric-benchmark.neutral{color:var(--rose)}.benchmark-row{background:var(--color-surface-secondary);border-radius:2px;justify-content:space-between;align-items:center;margin-bottom:5px;padding:5px 8px;display:flex}.benchmark-label{font-family:var(--font-sans);color:var(--color-text-tertiary);font-size:8px}.benchmark-value{font-family:var(--font-mono);color:var(--color-text-secondary);font-size:8px}.benchmark-delta{font-family:var(--font-sans);align-items:center;gap:4px;font-size:8px;display:flex}.benchmark-delta.good{color:var(--color-positive)}.benchmark-delta.bad{color:var(--color-negative)}.benchmark-source{font-family:var(--font-sans);color:var(--color-text-tertiary);margin-top:3px;font-size:7px;font-style:italic}.benchmark-badge-full{color:#27500a;font-family:var(--font-sans);letter-spacing:.1em;text-transform:uppercase;border-radius:var(--radius-sm);background:#eaf3de;border:.5px solid #3b6d1140;align-items:center;gap:5px;padding:3px 8px;font-size:8px;display:inline-flex}.benchmark-badge-partial{color:#633806;font-family:var(--font-sans);letter-spacing:.1em;text-transform:uppercase;border-radius:var(--radius-sm);background:#faeeda;border:.5px solid #63380633;align-items:center;gap:5px;padding:3px 8px;font-size:8px;display:inline-flex}.live-dot{background:var(--rose);border-radius:50%;flex-shrink:0;width:5px;height:5px;animation:2.5s ease-in-out infinite pulse-subtle;display:inline-block}.rec-card{background:var(--color-surface-primary);border:.5px solid var(--color-border-default);border-radius:var(--radius-lg);transition:box-shadow var(--transition);margin-bottom:8px;padding:12px 14px}.rec-card:hover{box-shadow:var(--shadow-sm)}.rec-card.critical{border-left:2.5px solid #e24b4a}.rec-card.high{border-left:2.5px solid #633806}.rec-card.medium{border-left:2.5px solid #c4836a}.rec-title{font-family:var(--font-serif);color:var(--color-text-primary);margin-bottom:5px;font-size:13px;font-weight:500;line-height:1.3}.rec-description{font-family:var(--font-sans);color:var(--color-text-secondary);margin-bottom:6px;font-size:11px;font-weight:400;line-height:1.6}.rec-benchmark-ref{color:var(--rose);font-family:var(--font-mono);background:#fdf6f0;border:.5px solid #c4836a40;border-radius:2px;margin-bottom:8px;padding:3px 8px;font-size:8px;display:inline-block}.rec-actions{align-items:center;gap:8px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{font-family:var(--font-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-tertiary);font-size:9px;font-weight:400;display:block}.form-input{background:var(--color-surface-primary);border:.5px solid var(--color-border-default);border-radius:var(--radius);width:100%;font-family:var(--font-sans);color:var(--color-text-primary);transition:border-color var(--transition);box-sizing:border-box;outline:none;padding:10px 12px;font-size:13px}.form-input::placeholder{color:var(--color-text-tertiary)}.form-input:focus{border-color:var(--rose);box-shadow:0 0 0 2px #c4836a1a}.form-select{background:var(--color-surface-primary);border:.5px solid var(--color-border-default);border-radius:var(--radius);width:100%;font-family:var(--font-sans);color:var(--color-text-primary);appearance:none;cursor:pointer;outline:none;padding:10px 12px;font-size:13px}.form-select:focus{border-color:var(--rose)}.table-wrapper{border-radius:var(--radius-lg);border:.5px solid var(--color-border-default);background:var(--color-surface-primary);box-shadow:var(--shadow-sm);overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table th{background:var(--color-surface-secondary);color:var(--color-text-tertiary);font-family:var(--font-sans);letter-spacing:.4px;text-transform:uppercase;text-align:left;border-bottom:.5px solid var(--color-border-default);white-space:nowrap;padding:10px 12px;font-size:11px;font-weight:400}.data-table td{border-bottom:.5px solid var(--color-border-subtle);color:var(--color-text-primary);vertical-align:middle;font-family:var(--font-sans);padding:10px 12px;font-size:13px;font-weight:400}.data-table td.numeric{font-family:var(--font-mono);color:var(--color-text-primary);font-weight:500}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--color-surface-secondary)}.data-table tr.selected td{background:var(--color-surface-brand)}.table-cell-mono{font-family:var(--font-mono);color:var(--color-text-primary);font-size:11px;font-weight:500}.table-cell-good{font-family:var(--font-mono);color:var(--color-positive);font-size:11px}.table-cell-bad{font-family:var(--font-mono);color:var(--color-negative);font-size:11px}.table-cell-rose{font-family:var(--font-mono);color:var(--rose);font-size:11px}.skeleton{background:linear-gradient(90deg, var(--color-surface-secondary) 25%, var(--color-border-subtle) 50%, var(--color-surface-secondary) 75%);border-radius:var(--radius);background-size:200% 100%;animation:1.8s infinite shimmer}.divider{background:var(--color-border-default);height:.5px;margin:16px 0}.benchmark-bar{background:var(--color-surface-primary);border:.5px solid var(--color-border-default);border-radius:var(--radius-lg);padding:1rem 1.25rem}.benchmark-title{font-family:var(--font-sans);letter-spacing:.4px;text-transform:uppercase;color:var(--color-text-tertiary);margin-bottom:.75rem;font-size:11px}.benchmark-metric-name{font-family:var(--font-sans);color:var(--color-text-secondary);font-size:12px;font-weight:400}.benchmark-your-value{font-family:var(--font-mono);color:var(--color-text-primary);font-size:13px;font-weight:500}.benchmark-their-value{font-family:var(--font-mono);color:var(--color-text-tertiary);font-size:12px}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1a141066;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-card{background:var(--color-surface-primary);border:.5px solid var(--color-border-default);border-radius:var(--radius-xl);width:100%;max-width:520px;box-shadow:var(--shadow-lg);flex-direction:column;gap:12px;padding:28px;display:flex}.modal-title{font-family:var(--font-serif);color:var(--color-text-primary);font-size:18px;font-weight:500}.recharts-default-tooltip{background:var(--color-surface-primary)!important;border:.5px solid var(--color-border-default)!important;border-radius:var(--radius)!important;color:var(--color-text-primary)!important;font-family:var(--font-sans)!important;box-shadow:var(--shadow)!important;font-size:11px!important}.grid-2{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.p-4{padding:16px}.truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.full-width{width:100%}.demo-banner{background:var(--rose);color:#fff;font-family:var(--font-sans);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:6px;padding:4px 12px;font-size:10px;font-weight:500;display:flex}@media (width<=1100px){.main-content{margin-left:0}}@media (width<=768px){.page-container{padding:16px}.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}}.cream-page{color:#2c1810;background:#fdf6f0;min-height:100vh}.cream-card{background:#fff;border:.5px solid #e8d5c4}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=url],textarea,select{color:var(--text);background:var(--surface);border-color:var(--border)}input::placeholder,textarea::placeholder{color:var(--text-3)}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.main-content ::-webkit-scrollbar-track{background:var(--surface-2)}.main-content ::-webkit-scrollbar-thumb{background:var(--border)}