:root{--bg-primary: #f3f4f6;--bg-surface: #ffffff;--text-primary: #1e293b;--text-muted: #64748b;--border-color: #e2e8f0}html.dark{--bg-primary: #0f172a;--bg-surface: #1e293b;--text-primary: #f1f5f9;--text-muted: #94a3b8;--border-color: #334155}body{margin:0;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .2s ease,color .2s ease}html:not(.dark) body,html:not(.dark) .app-layout,html:not(.dark) .app-container,html:not(.dark) .main-content{background-color:#f3f4f6}.wa-page .wa-input{width:100%;border:1px solid #e2e8f0;border-radius:.75rem;background:#fff;padding:.65rem .8rem;font-size:.875rem;color:#334155;outline:none}.wa-page .wa-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.wa-page .wa-input:disabled{opacity:.55;cursor:not-allowed}.wa-page .primary-btn{border-radius:.75rem;background:#2563eb;color:#fff;padding:.65rem 1rem;font-size:.875rem;font-weight:600}.wa-page .secondary-btn{border:1px solid #e2e8f0;border-radius:.75rem;padding:.6rem .85rem;font-size:.8rem;font-weight:600;color:#475569}.dark .wa-page .wa-input{border-color:#475569;background:#0f172a;color:#e2e8f0}.dark .wa-page .secondary-btn{border-color:#475569;color:#cbd5e1}.lumi-settings .lumi-card{border:1px solid #e2e8f0;border-radius:1rem;background:#fff;box-shadow:0 1px 2px #0f172a0a}.lumi-settings .lumi-label{display:block;margin-bottom:.5rem;color:#334155;font-size:.875rem;font-weight:600}.lumi-settings .lumi-input{width:100%;border:1px solid #e2e8f0;border-radius:.75rem;background:#fff;padding:.65rem .8rem;color:#334155;font-size:.875rem;outline:none}.lumi-settings .lumi-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.lumi-settings .primary-btn{border-radius:.75rem;background:#2563eb;color:#fff;padding:.65rem 1rem;font-size:.875rem;font-weight:600}.lumi-settings .secondary-btn{border:1px solid #e2e8f0;border-radius:.75rem;padding:.6rem .85rem;color:#475569;font-size:.8rem;font-weight:600}.dark .lumi-settings .lumi-card{border-color:#334155;background:#1e293b}.dark .lumi-settings .lumi-label{color:#e2e8f0}.dark .lumi-settings .lumi-input{border-color:#475569;background:#0f172a;color:#e2e8f0}.ai-settings-button{width:40px;height:40px;flex:0 0 auto;display:grid;place-items:center;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-surface);color:var(--text-muted);cursor:pointer;transition:color .2s ease,border-color .2s ease,background-color .2s ease}.ai-settings-button:hover{color:#2563eb;border-color:#93c5fd;background:#eff6ff}.lumi-primary-link{margin:0 8px 10px}*{scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.42) transparent}*::-webkit-scrollbar{width:4px;height:4px}*::-webkit-scrollbar-track,*::-webkit-scrollbar-corner{background:transparent}*::-webkit-scrollbar-thumb{background:#94a3b86b;border-radius:999px}*::-webkit-scrollbar-thumb:hover{background:#64748bad}html.dark *{scrollbar-color:rgba(100,116,139,.55) transparent}html.dark *::-webkit-scrollbar-thumb{background:#64748b8c}.wa-page,.lumi-settings{color:var(--text-primary)}.wa-page button,.wa-page input,.wa-page textarea,.wa-page select,.lumi-settings button,.lumi-settings input,.lumi-settings textarea,.lumi-settings select{font:inherit}.wa-page select option,.lumi-settings select option{background:var(--bg-surface);color:var(--text-primary)}.wa-page .secondary-btn,.lumi-settings .secondary-btn{background:var(--bg-surface);transition:background-color .18s ease,border-color .18s ease,color .18s ease}.wa-page .secondary-btn:hover,.lumi-settings .secondary-btn:hover{border-color:#94a3b8;background:#f8fafc}.wa-page .primary-btn,.lumi-settings .primary-btn{border:1px solid transparent;transition:background-color .18s ease,opacity .18s ease}.wa-page .primary-btn:hover,.lumi-settings .primary-btn:hover{background:#1d4ed8}html.dark .wa-page .text-slate-500,html.dark .wa-page .text-slate-600,html.dark .wa-page .text-slate-700,html.dark .lumi-settings .text-slate-500,html.dark .lumi-settings .text-slate-600{color:#94a3b8!important}html.dark .wa-page .secondary-btn,html.dark .lumi-settings .secondary-btn{border-color:#475569;background:#1e293b;color:#cbd5e1}html.dark .wa-page .secondary-btn:hover,html.dark .lumi-settings .secondary-btn:hover{border-color:#64748b;background:#334155;color:#f1f5f9}html.dark .wa-page button:disabled,html.dark .lumi-settings button:disabled{color:#94a3b8}html.dark .ai-settings-button{border-color:#475569;background:#1e293b;color:#cbd5e1}html.dark .ai-settings-button:hover{border-color:#3b82f6;background:#3b82f61f;color:#60a5fa}html.dark .wa-page section,html.dark .wa-page>header>div:last-child,html.dark .wa-page>nav{border-color:#334155!important;background-color:#1e293b!important;color:#f1f5f9}html.dark .wa-page>header>div:first-child{background:transparent!important}html.dark .wa-page [class*=divide-slate]>:not([hidden])~:not([hidden]){border-color:#334155b8!important}html.dark .wa-page [class*=border-b]{border-bottom-color:#334155b8!important}html.dark .wa-page [class*=border-slate],html.dark .wa-page [class~=border]{border-color:#334155!important}html.dark .wa-page [class*=bg-slate-50],html.dark .wa-page [class*=bg-white]{background-color:#0f172a!important}html.dark .wa-page [class*=bg-blue-50]{background-color:#3b82f61f!important}html.dark .wa-page [class*=text-slate-900],html.dark .wa-page [class*=text-slate-800],html.dark .lumi-settings [class*=text-slate-900],html.dark .lumi-settings [class*=text-slate-800]{color:#f1f5f9!important}html.dark .lumi-settings footer{border-color:#334155!important;background-color:#1e293bf5!important}html.dark .lumi-settings [class*=bg-slate-50]{background-color:#0f172ab8!important}html.dark .lumi-settings [class*=bg-blue-50]{border-color:#3b82f640!important;background-color:#3b82f61f!important}.wa-page:has(>nav button:only-child)>nav,.wa-page:has(>nav button:only-child)>header>div:last-child{display:none}.wa-page:has(>nav button:only-child)>header>div:first-child>p:last-child{font-size:0}.wa-page:has(>nav button:only-child)>header>div:first-child>p:last-child:after{content:"Сводная статистика работы WhatsApp AI.";font-size:1rem;line-height:1.5}.cad-workspace .cad-card{border:0;border-radius:0;background:transparent;box-shadow:none}.cad-workspace .cad-label{display:block;margin-bottom:.5rem;color:#475569;font-size:.75rem;font-weight:700}.cad-workspace .cad-input{width:100%;border:1px solid #e2e8f0;border-radius:.7rem;background:#fff;padding:.6rem .75rem;color:#334155;font-size:.8rem;outline:none}.cad-workspace .cad-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.cad-workspace .cad-primary{border:0;border-radius:.7rem;background:#2563eb;color:#fff;padding:.62rem .9rem;font-size:.8rem;font-weight:700}.cad-workspace .cad-primary:hover{background:#1d4ed8}.cad-workspace .cad-secondary{border:1px solid #e2e8f0;border-radius:.7rem;background:transparent;padding:.58rem .85rem;color:#475569;font-size:.8rem;font-weight:600}.cad-workspace .cad-secondary:hover{background:#f8fafc}.cad-workspace .cad-status{border-radius:999px;background:#f1f5f9;padding:.35rem .65rem;color:#64748b;font-size:.7rem;font-weight:700}.cad-workspace .cad-status.cad-ok{background:#ecfdf5;color:#047857}.cad-workspace .cad-status.cad-progress{background:#eff6ff;color:#2563eb}.cad-workspace .cad-grid{background-image:linear-gradient(rgba(100,116,139,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(100,116,139,.1) 1px,transparent 1px);background-size:30px 30px}.cad-workspace .cad-preview-field{min-height:360px;border:1px solid #dbe2ea;border-radius:.4rem;background:#f8fafc;display:grid;place-items:center}html.dark .cad-workspace .cad-card{background:transparent}html.dark .cad-workspace .cad-label{color:#cbd5e1}html.dark .cad-workspace .cad-input{border-color:#475569;background:#0f172a;color:#e2e8f0}html.dark .cad-workspace .cad-secondary{border-color:#475569;color:#cbd5e1}html.dark .cad-workspace .cad-secondary:hover{background:#334155}html.dark .cad-workspace .cad-status.cad-ok{background:#10b9811f;color:#6ee7b7}html.dark .cad-workspace .cad-preview-field{border-color:#334155;background:#0f172a}.cad-workspace,.cad-workspace *{min-width:0;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.45) transparent}.cad-workspace::-webkit-scrollbar,.cad-workspace *::-webkit-scrollbar{width:4px;height:4px}.cad-workspace::-webkit-scrollbar-track,.cad-workspace *::-webkit-scrollbar-track,.cad-workspace::-webkit-scrollbar-corner,.cad-workspace *::-webkit-scrollbar-corner{background:transparent}.cad-workspace::-webkit-scrollbar-thumb,.cad-workspace *::-webkit-scrollbar-thumb{background:#94a3b873;border-radius:999px}.cad-workspace::-webkit-scrollbar-thumb:hover,.cad-workspace *::-webkit-scrollbar-thumb:hover{background:#64748bb3}html.dark .cad-workspace{background:#0f172a!important;color:#e2e8f0}html.dark .cad-workspace header,html.dark .cad-workspace>nav,html.dark .cad-workspace main,html.dark .cad-workspace section,html.dark .cad-workspace aside{border-color:#33415585!important}html.dark .cad-workspace [class*=divide-slate]>:not([hidden])~:not([hidden]){border-color:#33415573!important}html.dark .cad-workspace [class*=border-slate],html.dark .cad-workspace [class*=border-b],html.dark .cad-workspace [class*=border-t]{border-color:#3341557a!important}html.dark .cad-workspace [class*=text-slate-900],html.dark .cad-workspace [class*=text-slate-800],html.dark .cad-workspace [class*=text-slate-700]{color:#e2e8f0!important}html.dark .cad-workspace [class*=text-slate-600],html.dark .cad-workspace [class*=text-slate-500]{color:#94a3b8!important}html.dark .cad-workspace [class*=bg-white],html.dark .cad-workspace [class*=bg-slate-50],html.dark .cad-workspace [class*=bg-slate-100]{background-color:#111c2f!important}html.dark .cad-workspace [class*=bg-blue-50]{background-color:#3b82f621!important}html.dark .cad-workspace .cad-preview-field{border-color:#334155;background:#111827}html.dark .cad-workspace select option{background:#0f172a;color:#e2e8f0}@media(max-width:1279px){.cad-workspace main>.grid{grid-template-columns:minmax(0,1fr)!important}.cad-workspace main>.grid>*+*{border-left:0!important;border-top:1px solid var(--border-color)}}html.dark .wa-stats-filters input[type=date]{color-scheme:dark}html.dark .ai-assistant-page{background:#0f172a!important;color:#e2e8f0}html.dark .ai-assistant-page [class*=bg-white]{background-color:#1e293b!important}html.dark .ai-assistant-page [class*=bg-gray-50]{background-color:#0f172a!important}html.dark .ai-assistant-page [class*=border-gray],html.dark .ai-assistant-page [class*=border-slate]{border-color:#334155!important}html.dark .ai-assistant-page [class*=text-slate-900],html.dark .ai-assistant-page [class*=text-slate-800],html.dark .ai-assistant-page [class*=text-slate-700]{color:#f1f5f9!important}html.dark .ai-assistant-page [class*=text-slate-500]{color:#94a3b8!important}html.dark .ai-assistant-page textarea{color:#f1f5f9}html.dark .ai-assistant-page [class*=from-gray-50]{background-image:linear-gradient(to top,rgba(15,23,42,.94),transparent)!important}html.dark .ai-assistant-page [class*=bg-slate-100]{background-color:#334155!important}.logo-svg{height:2rem;width:auto;display:block}.logo-text{font-family:sans-serif;font-size:24px;font-weight:600;fill:#1e293b;transition:fill .2s ease}:root.dark .logo-text{fill:#e2e8f0}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;z-index:30;transition:opacity .3s ease;opacity:0;pointer-events:none}.sidebar-overlay.active{opacity:1;pointer-events:auto}.sidebar{position:fixed;top:0;bottom:0;left:0;z-index:40;width:16rem;background:linear-gradient(155deg,#fff,#f8fbff 52%,#f4f7fc);border-right:1px solid #e5e7eb;transform:translate(-100%);transition:transform .3s ease;display:flex;flex-direction:column}:root.dark .sidebar{background:linear-gradient(155deg,#1e293b,#1b2638 55%,#172235);border-color:#334155}.sidebar.open{transform:translate(0)}@media(min-width:1024px){.sidebar{position:static;transform:translate(0)}.sidebar-close-btn,.sidebar-overlay{display:none}}.sidebar-header{padding:1.5rem;display:flex;align-items:center;justify-content:space-between}.sidebar-logo{height:2rem;width:auto}.sidebar-close-btn{background:transparent;border:none;color:#6b7280;cursor:pointer;padding:0;display:flex;align-items:center}:root.dark .sidebar-close-btn:hover{color:#fff}.sidebar-close-btn:hover{color:#111827}.sidebar-close-btn svg{width:1.5rem;height:1.5rem}.sidebar-nav{flex:1;overflow-y:auto;padding:1rem .75rem}.sidebar-group{margin-bottom:.25rem}.sidebar-group-btn{width:100%;display:flex;align-items:center;gap:.5rem;padding:.625rem .75rem;border-radius:.75rem;font-size:13px;font-weight:600;border:none;background:transparent;cursor:pointer;color:#64748b;transition:background-color .2s,color .2s}:root.dark .sidebar-group-btn{color:#94a3b8}.sidebar-group-btn:hover{background-color:#f1f5f9}:root.dark .sidebar-group-btn:hover{background-color:#33415580}.sidebar-group-btn.active{color:#1d4ed8;background-color:#eff6ff}:root.dark .sidebar-group-btn.active{color:#93c5fd;background-color:#3b82f61a}.sidebar-group-icon{width:1.25rem;height:1.25rem;display:inline-grid;place-items:center;flex:0 0 1.25rem;text-align:center;font-size:1rem;font-weight:400}.sidebar-group-icon svg{width:1.05rem;height:1.05rem;display:block}.sidebar-group-label{flex:1;text-align:left}.sidebar-group-arrow{font-size:1rem;font-weight:400;transition:transform .2s ease}.sidebar-group-arrow.expanded{transform:rotate(90deg)}.sidebar-subnav{margin-top:.25rem;margin-left:.75rem;padding-left:.5rem;border-left:1px solid rgba(226,232,240,.8);display:flex;flex-direction:column;gap:.125rem}:root.dark .sidebar-subnav{border-color:#334155}.sidebar-link{display:flex;align-items:center;padding:.625rem .75rem;font-size:13px;font-weight:500;border-radius:.5rem;text-decoration:none;color:#475569;transition:all .2s ease}:root.dark .sidebar-link{color:#94a3b8}.sidebar-link:hover{background-color:#f3f4f6;color:#0f172a}:root.dark .sidebar-link:hover{background-color:#33415580;color:#fff}.sidebar-link.active{background-color:#2563eb;color:#fff;box-shadow:0 1px 3px #3b82f633}:root.dark .sidebar-link.active{background-color:#2563eb;color:#fff}.sidebar-link-icon{width:1rem;height:1rem;margin-right:.625rem;flex-shrink:0}.sidebar-link-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer{padding:1rem;border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:.25rem}:root.dark .sidebar-footer{border-color:#334155}.sidebar-action-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.625rem .75rem;font-size:.875rem;font-weight:500;color:#475569;border-radius:.75rem;border:none;background:transparent;cursor:pointer;transition:all .2s ease}:root.dark .sidebar-action-btn{color:#94a3b8}.sidebar-action-btn:hover{background-color:#f1f5f9}:root.dark .sidebar-action-btn:hover{background-color:#33415580}.sidebar-action-content{display:flex;align-items:center}.sidebar-action-icon{width:1.25rem;height:1.25rem;margin-right:.75rem}.sidebar-action-icon.theme-dark{color:#60a5fa}.sidebar-action-icon.theme-light{color:#f59e0b}.theme-switch{width:2.25rem;height:1.25rem;display:flex;align-items:center;border-radius:9999px;padding:.25rem;background-color:#cbd5e1;transition:background-color .3s ease}.theme-switch.active{background-color:#2563eb}.theme-switch-thumb{background-color:#fff;width:.875rem;height:.875rem;border-radius:9999px;box-shadow:0 1px 2px #00000026;transition:transform .3s ease;transform:translate(0)}.theme-switch-thumb.active{transform:translate(1rem)}.sidebar-logout-btn{justify-content:flex-start}.sidebar-logout-btn:hover{background-color:#fef2f2;color:#dc2626}:root.dark .sidebar-logout-btn:hover{background-color:#7f1d1d1a;color:#ef4444}.sidebar-version{font-size:.75rem;text-align:center;color:#94a3b8;padding-top:.5rem}.dashboard-card{position:relative;overflow:hidden;padding:1.25rem;border-radius:1rem;background-color:var(--bg-surface, #ffffff);border:1px solid var(--border-color, #e2e8f0);box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px #00000006;color:var(--text-primary, #0f172a);transition:transform .2s ease,box-shadow .2s ease}.dashboard-card:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.dashboard-card-content{position:relative;z-index:10;display:flex;flex-direction:column;gap:.5rem}.dashboard-card-header{display:flex;justify-content:space-between;align-items:center}.dashboard-card-title-group{display:flex;align-items:center;gap:.5rem}.dashboard-card-icon{display:flex;align-items:center;justify-content:center;color:var(--text-muted, #64748b)}.dashboard-card-title{font-size:1rem;font-weight:500;color:var(--text-muted, #64748b);margin:0}.dashboard-card-tag{font-size:.75rem;font-weight:700;padding:.25rem .5rem;border-radius:.5rem}.dashboard-card-body{display:flex;align-items:baseline;justify-content:space-between;margin-top:.25rem}.dashboard-card-value{font-size:2.25rem;font-weight:700;line-height:1.2;margin:0;color:var(--text-primary, #0f172a)}.dashboard-card-sparkline{display:flex;align-items:flex-end;gap:3px;height:28px}.sparkline-bar{width:4px;border-radius:2px;background-color:#2563eb;opacity:.6;transition:opacity .2s ease}.dashboard-card:hover .sparkline-bar{opacity:1}.dashboard-card--colored{border-color:transparent;box-shadow:0 12px 18px -8px #0f172a47}.dashboard-card--colored .dashboard-card-title,.dashboard-card--colored .dashboard-card-value,.dashboard-card--colored .dashboard-card-icon{color:#fff}.dashboard-card--colored .dashboard-card-tag{color:#fff;background:#0f172a38}.dashboard-container{display:flex;flex-direction:column;gap:1.5rem}.dashboard-empty{text-align:center;padding:2.5rem 1rem;background-color:var(--card-bg, #ffffff);border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a}.dashboard-empty__title{font-size:1.25rem;font-weight:600;color:var(--text-main, #1e293b)}.dashboard-empty__text{color:var(--text-muted, #64748b);margin-top:.5rem}.dashboard-header{display:flex;flex-direction:column;gap:1rem}@media(min-width:768px){.dashboard-header{flex-direction:row;justify-content:space-between;align-items:center}}.dashboard-header__title{font-size:2.25rem;font-weight:700;color:var(--text-main, #0f172a)}.dashboard-header__subtitle{color:var(--text-muted, #64748b);margin-top:.25rem}.dashboard-btn-ai{background:linear-gradient(to right,#2563eb,#3b82f6);color:#fff;font-weight:700;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 6px #0000001a;border:none;cursor:pointer;transition:all .2s ease}.dashboard-btn-ai:hover{transform:scale(1.05)}.dashboard-btn-ai:disabled{opacity:.5;cursor:not-allowed;transform:none}.dashboard-filters{display:flex;align-items:center;gap:.75rem;background-color:var(--card-bg, #ffffff);padding:.75rem;border-radius:.75rem;flex-wrap:wrap;box-shadow:0 1px 3px #0000000d}.dashboard-filters__label{font-size:.875rem;font-weight:600;color:var(--text-main, #1e293b)}.dashboard-filters__range{display:flex;align-items:center;gap:.375rem;background-color:var(--input-bg, #f1f5f9);padding:.375rem .5rem;border-radius:.75rem;flex-shrink:0}.dashboard-filters__range select{max-width:132px;background:transparent;border:none;font-size:.75rem;color:var(--text-main, #334155);outline:none}.dashboard-filters__range-btn{background:none;border:none;font-size:.6875rem;color:var(--link-color, #2563eb);cursor:pointer}.dashboard-filters__select{background-color:var(--input-bg, #f1f5f9);color:var(--text-main, #334155);padding:.375rem .75rem;border-radius:9999px;font-size:.875rem;border:1px solid transparent;outline:none}.dashboard-filters__select:focus{border-color:#2563eb}.dashboard-grid-4{display:grid;grid-template-columns:repeat(1,1fr);gap:1.5rem}@media(min-width:640px){.dashboard-grid-4{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.dashboard-grid-4{grid-template-columns:repeat(4,1fr)}}.dashboard-grid-charts{display:grid;grid-template-columns:repeat(1,1fr);gap:1.5rem}@media(min-width:1024px){.dashboard-grid-charts{grid-template-columns:repeat(2,1fr)}.col-span-2{grid-column:span 2 / span 2}}.dashboard-card{background-color:var(--card-bg, #ffffff);padding:1.5rem;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000000d}.dashboard-card--chart{min-height:350px;display:flex;flex-direction:column}.dashboard-card__title{font-weight:600;margin-bottom:1rem;color:var(--text-main, #0f172a)}.dashboard-chart-wrapper{flex:1;width:100%;min-height:250px}.dashboard-funnel{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:.5rem}.dashboard-funnel__item{position:relative;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;height:3rem;border-radius:.5rem;box-shadow:0 1px 2px #0000000d;transition:transform .2s ease;opacity:.9}.dashboard-funnel__item:hover{transform:scale(1.05)}.dashboard-funnel__content{display:flex;align-items:center;gap:.5rem;padding:0 1rem;white-space:nowrap;z-index:10}.dashboard-metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;height:100%}.dashboard-metrics__label{font-size:.875rem;color:var(--text-muted, #64748b)}.dashboard-metrics__val{font-weight:700;font-size:1.125rem;color:var(--text-main, #0f172a)}.dashboard-banner-conversions{padding:1.5rem;border-radius:1rem;background:linear-gradient(to bottom right,#2563eb,#3b82f6);color:#fff}.dashboard-banner-conversions__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(min-width:768px){.dashboard-banner-conversions__grid{grid-template-columns:repeat(4,1fr)}}.dashboard-banner-conversions__card{background-color:#fff3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:1rem;border-radius:.75rem;text-align:center}.dashboard-stage-costs{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(min-width:768px){.dashboard-stage-costs{grid-template-columns:repeat(4,1fr)}}.dashboard-stage-costs__card{background-color:var(--input-bg, #f8fafc);padding:1rem;border-radius:.5rem;text-align:center}.dashboard-stage-costs__val{font-size:1.5rem;font-weight:700;color:#2563eb;margin-top:.25rem}.dashboard-table-container{background-color:var(--card-bg, #ffffff);padding:1rem;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000000d;overflow-x:auto}.dashboard-table{width:100%;font-size:.875rem;text-align:left;color:var(--text-main, #334155)}.dashboard-table th{padding:.75rem 1rem;font-size:.75rem;text-transform:uppercase;color:var(--text-muted, #64748b);background-color:var(--input-bg, #f8fafc);white-space:nowrap}.dashboard-table td{padding:.75rem 1rem;border-bottom:1px solid var(--border-color, #e2e8f0);white-space:nowrap}.dashboard-table__roi--positive{color:#16a34a;font-weight:600}.dashboard-table__roi--negative{color:#dc2626;font-weight:600}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0009;z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem}.modal-content{background-color:var(--card-bg, #ffffff);border-radius:.75rem;box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:42rem;max-height:90vh;display:flex;flex-direction:column}.modal-header{padding:1.5rem;border-bottom:1px solid var(--border-color, #e2e8f0);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background-color:var(--card-bg, #ffffff)}.modal-body{padding:1.5rem;background-color:var(--input-bg, #f8fafc);overflow-y:auto;white-space:pre-wrap;color:var(--text-main, #334155)}.modal-footer{padding:1rem;border-top:1px solid var(--border-color, #e2e8f0);display:flex;justify-content:flex-end;position:sticky;bottom:0;background-color:var(--card-bg, #ffffff)}:root{--card-bg: #ffffff;--text-main: #0f172a;--text-muted: #64748b;--input-bg: #f8fafc;--border-color: #e2e8f0;--chart-axis: #6b7280;--chart-grid: #e5e7eb}:root.dark{--card-bg: #1e293b;--text-main: #f8fafc;--text-muted: #94a3b8;--input-bg: #334155;--border-color: #475569;--chart-axis: #9ca3af;--chart-grid: #374151}:root{--bg-page: #f8fafc;--bg-card: #ffffff;--bg-subtle: #f1f5f9;--bg-input: #f1f5f9;--border-color: #e2e8f0;--text-primary: #0f172a;--text-secondary: #64748b;--text-muted: #94a3b8;--accent-blue: #2563eb;--accent-blue-hover: #1d4ed8;--shadow-color: rgba(0, 0, 0, .05)}.dark{--bg-page: #0f172a;--bg-card: #1e293b;--bg-subtle: #334155;--bg-input: #334155;--border-color: #334155;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-blue: #3b82f6;--accent-blue-hover: #2563eb;--shadow-color: rgba(0, 0, 0, .3)}.reports-page-header{display:flex;flex-direction:column;justify-content:space-between;margin-bottom:1.5rem;gap:1rem}@media(min-width:768px){.reports-page-header{flex-direction:row;align-items:center}}.reports-title{font-size:2.25rem;font-weight:700;color:var(--text-primary);margin:0}.reports-subtitle{color:var(--text-secondary);margin-top:.25rem}.btn-back{color:var(--accent-blue);font-size:.875rem;font-weight:600;display:inline-flex;align-items:center;background:none;border:none;cursor:pointer;margin-bottom:1rem;padding:0}.btn-back:hover{text-decoration:underline}.btn-back svg{width:1.25rem;height:1.25rem;margin-right:.25rem}.btn-primary{background-color:var(--accent-blue);color:#fff;font-weight:700;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;border:none;cursor:pointer;transition:transform .15s ease,background-color .15s ease}.btn-primary:hover{background-color:var(--accent-blue-hover);transform:scale(1.02)}.btn-secondary{background-color:var(--bg-card);color:var(--text-primary);font-weight:700;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;display:flex;align-items:center;gap:.5rem;border:1px solid var(--border-color);cursor:pointer;transition:background-color .15s ease}.btn-secondary:hover{background-color:var(--bg-subtle)}.btn-success{background-color:#16a34a;color:#fff;font-weight:700;padding:.75rem 2rem;border-radius:.5rem;font-size:1rem;border:none;cursor:pointer;box-shadow:0 4px 6px -1px #0000001a;transition:transform .15s ease,background-color .15s ease}.btn-success:hover{background-color:#15803d;transform:scale(1.02)}.btn-danger-icon{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem}.btn-danger-icon:hover{color:#ef4444}.reports-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:640px){.reports-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.reports-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1280px){.reports-grid{grid-template-columns:repeat(4,1fr)}}.report-card{background-color:var(--bg-card);border-radius:.75rem;padding:1rem;box-shadow:0 10px 15px -3px var(--shadow-color);display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--border-color);transition:transform .2s ease,box-shadow .2s ease}.report-card:hover{transform:scale(1.02);box-shadow:0 20px 25px -5px #3b82f626}.badge-status{font-size:.75rem;font-weight:600;padding:.25rem .5rem;background-color:#22c55e26;color:#16a34a;border-radius:9999px}.card-panel{background-color:var(--bg-card);padding:1.5rem;border-radius:.75rem;box-shadow:0 4px 6px -1px var(--shadow-color);border:1px solid var(--border-color);overflow-x:auto;margin-bottom:1.5rem}.custom-table{width:100%;font-size:.875rem;border-collapse:collapse}.custom-table th{text-align:left;padding:.5rem .75rem;font-weight:500;color:var(--text-secondary);background-color:var(--bg-subtle);white-space:nowrap}.custom-table td{padding:.75rem;border-bottom:1px solid var(--border-color);color:var(--text-primary)}.custom-table tr:last-child td{border-bottom:none}.form-input,.form-select{width:100%;background-color:var(--bg-input);color:var(--text-primary);padding:.5rem;border-radius:.5rem;border:1px solid var(--border-color);outline:none}.form-input:focus,.form-select:focus{border-color:var(--accent-blue)}.upload-dropzone{border:2px dashed var(--border-color);border-radius:.75rem;padding:2.5rem;text-align:center}.chart-tooltip{background-color:var(--bg-card);padding:.75rem;border:1px solid var(--border-color);border-radius:.5rem;box-shadow:0 10px 15px -3px var(--shadow-color)}:root{--bg-modal: #ffffff;--bg-card: #ffffff;--bg-subcard: #f8fafc;--bg-input: #f1f5f9;--border-color: #e2e8f0;--text-main: #0f172a;--text-muted: #64748b;--text-subtle: #94a3b8;--badge-green-bg: #dcfce7;--badge-green-text: #166534;--badge-yellow-bg: #fef9c3;--badge-yellow-text: #854d0e;--badge-red-bg: #fee2e2;--badge-red-text: #991b1b;--badge-blue-bg: #dbeafe;--badge-blue-text: #1e40af;--badge-cyan-bg: #cffaff;--badge-cyan-text: #155e75;--table-head-bg: #f8fafc;--table-hover-bg: #f8fafc;--btn-default-bg: #ffffff;--btn-default-hover: #f8fafc}.dark{--bg-modal: #1e293b;--bg-card: #1e293b;--bg-subcard: rgba(15, 23, 42, .5);--bg-input: #334155;--border-color: #334155;--text-main: #f8fafc;--text-muted: #94a3b8;--text-subtle: #64748b;--badge-green-bg: rgba(20, 83, 45, .4);--badge-green-text: #86efac;--badge-yellow-bg: rgba(113, 63, 18, .4);--badge-yellow-text: #fde047;--badge-red-bg: rgba(127, 29, 29, .4);--badge-red-text: #fca5a5;--badge-blue-bg: rgba(30, 58, 138, .4);--badge-blue-text: #93c5fd;--badge-cyan-bg: rgba(22, 78, 99, .4);--badge-cyan-text: #67e8f9;--table-head-bg: #334155;--table-hover-bg: rgba(51, 65, 85, .5);--btn-default-bg: #334155;--btn-default-hover: #475569}.cp-page-container{display:flex;flex-direction:column;gap:1.5rem;font-family:inherit;color:var(--text-main)}.cp-header-title{font-size:1.875rem;font-weight:700;margin:0}.cp-header-subtitle{color:var(--text-muted);margin-top:.5rem;margin-bottom:0}.cp-grid-metrics{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem;font-variant-numeric:tabular-nums}@media(min-width:640px){.cp-grid-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.cp-grid-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}}.cp-metric-card{background-color:var(--bg-card);padding:1rem;border-radius:.75rem;border:1px solid var(--border-color);box-shadow:0 1px 3px #0000001a}.cp-metric-label{font-size:.875rem;color:var(--text-muted);margin:0}.cp-metric-value{font-size:1.5rem;font-weight:700;margin:.25rem 0 0}.cp-metric-value.cyan{color:#0891b2}.cp-metric-value.green{color:#16a34a}.cp-metric-value.yellow{color:#ca8a04}.cp-metric-subtext{font-size:.75rem;color:var(--text-subtle);margin:0}.cp-filters-card{background-color:var(--bg-card);padding:1rem;border-radius:.75rem;border:1px solid var(--border-color)}.cp-filters-flex{display:flex;flex-direction:column;gap:.5rem}@media(min-width:768px){.cp-filters-flex{flex-direction:row;align-items:center}}.cp-input-search{background-color:var(--bg-input);color:var(--text-main);padding:.5rem;border-radius:.5rem;font-size:.875rem;width:100%;border:1px solid var(--border-color);outline:none}@media(min-width:768px){.cp-input-search{width:33.333333%}}.cp-select{background-color:var(--bg-input);color:var(--text-main);padding:.5rem;border-radius:.5rem;font-size:.875rem;width:100%;border:1px solid var(--border-color);outline:none}@media(min-width:768px){.cp-select{width:auto}}.cp-tabs-nav{display:flex;gap:.5rem;border-bottom:1px solid var(--border-color)}.cp-tab-btn{padding:.75rem 1rem;font-weight:600;font-size:.875rem;border-top-left-radius:.5rem;border-top-right-radius:.5rem;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-muted);cursor:pointer;white-space:nowrap}.cp-tab-btn.active-rti{color:#2563eb;border-bottom-color:#3b82f6}.cp-tab-btn.active-3d{color:#16a34a;border-bottom-color:#22c55e}.cp-content-section{background-color:var(--bg-card);padding:1rem;border-radius:.75rem;border:1px solid var(--border-color);display:flex;flex-direction:column}.cp-section-header{display:flex;flex-direction:column;justify-content:space-between;margin-bottom:1rem;gap:.5rem}@media(min-width:768px){.cp-section-header{flex-direction:row;align-items:center}}.cp-section-title{font-size:1.5rem;font-weight:700;margin:0;display:flex;align-items:center;gap:.5rem}.cp-dot-blue{width:.75rem;height:.75rem;background-color:#3b82f6;border-radius:50%}.cp-dot-green{width:.75rem;height:.75rem;background-color:#22c55e;border-radius:50%}.cp-btn-primary{color:#fff;font-weight:700;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;border:none;cursor:pointer;transition:transform .15s ease}.cp-btn-primary:hover{transform:scale(1.03)}.cp-btn-primary.blue{background-color:#2563eb}.cp-btn-primary.blue:hover{background-color:#1d4ed8}.cp-btn-primary.green{background-color:#16a34a}.cp-btn-primary.green:hover{background-color:#15803d}.cp-mini-stats{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem;margin-bottom:1rem;font-variant-numeric:tabular-nums}@media(min-width:640px){.cp-mini-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.cp-mini-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}.cp-mini-box{padding:.75rem;border-radius:.5rem;border:1px solid var(--border-color);text-align:center}@media(min-width:768px){.cp-mini-box{text-align:left}}.cp-mini-box.cyan{background-color:#06b6d41a}.cp-mini-box.blue{background-color:#3b82f61a}.cp-mini-box.green{background-color:#22c55e1a}.cp-mini-box.yellow{background-color:#eab3081a}.cp-mini-box.gray{background-color:var(--bg-input)}.cp-table-wrapper{overflow-x:auto}.cp-table{width:100%;font-size:.875rem;text-align:left;border-collapse:collapse}.cp-table th{padding:.75rem 1rem;font-size:.75rem;text-transform:uppercase;background-color:var(--table-head-bg);color:var(--text-muted);white-space:nowrap}.cp-table td{padding:.75rem 1rem;border-bottom:1px solid var(--border-color);white-space:nowrap}.cp-table tbody{font-variant-numeric:tabular-nums}.cp-table tbody tr:hover{background-color:var(--table-hover-bg)}.cp-table-item-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-badge{padding:.25rem .5rem;border-radius:9999px;font-size:11px;font-weight:700;border:1px solid transparent}.cp-badge.status-paid{background-color:var(--badge-green-bg);color:var(--badge-green-text)}.cp-badge.status-waiting{background-color:var(--badge-yellow-bg);color:var(--badge-yellow-text)}.cp-badge.status-cancelled{background-color:var(--badge-red-bg);color:var(--badge-red-text)}.cp-b24-badge{font-size:10px;font-weight:700;color:#3b82f6;background-color:var(--badge-blue-bg);padding:.25rem .5rem;border-radius:.375rem;border:1px solid var(--border-color)}.cp-action-btn{background:none;border:none;cursor:pointer;color:var(--text-subtle);font-size:1rem;padding:0}.cp-action-btn:hover{filter:brightness(1.2)}.cp-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.cp-pagination-btn{padding:.25rem .75rem;font-size:.875rem;background-color:var(--btn-default-bg);color:var(--text-main);border:1px solid var(--border-color);border-radius:.375rem;cursor:pointer}.cp-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.cp-pagination-btn:not(:disabled):hover{background-color:var(--btn-default-hover)}.cp-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0009;z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem}.cp-modal-window{background-color:var(--bg-modal);border-radius:.75rem;box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:42rem;max-height:90vh;display:flex;flex-direction:column}.cp-modal-header{padding:1.5rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background-color:var(--bg-modal)}.cp-modal-body{padding:1.5rem;background-color:var(--bg-subcard);overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem}.cp-modal-footer{padding:1.5rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;position:sticky;bottom:0;background-color:var(--bg-modal)}.cp-form-group{background-color:var(--bg-card);padding:1rem;border-radius:.5rem;border:1px solid var(--border-color)}.cp-form-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@media(min-width:768px){.cp-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cp-col-span-2{grid-column:span 2 / span 2}}.cp-label{display:block;font-size:.875rem;color:var(--text-muted);margin-bottom:.25rem}.cp-input{width:100%;background-color:var(--bg-input);color:var(--text-main);padding:.5rem;border-radius:.5rem;border:1px solid var(--border-color);outline:none;box-sizing:border-box}:root{--bg-card: #ffffff;--bg-subtle: #f1f5f9;--bg-input: #f3f4f6;--border-color: #e2e8f0;--text-primary: #0f172a;--text-secondary: #64748b;--text-muted: #94a3b8;--accent-blue: #3b82f6;--accent-blue-hover: #2563eb;--trend-up: #22c55e;--trend-down: #ef4444;--alert-bg: #fef9c3;--alert-border: #eab308;--alert-text: #854d0e;--card-bg-0: #eff6ff;--card-bg-1: #f0fdf4;--card-bg-2: #faf5ff;--card-bg-3: #fff7ed;--card-bg-4: #fdf2f8;--card-bg-5: #fefce8;--card-bg-6: #eef2ff;--card-bg-7: #f0fdfa}.dark{--bg-card: #1e293b;--bg-subtle: #0f172a;--bg-input: #0f172a;--border-color: #334155;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--alert-bg: rgba(234, 179, 8, .15);--alert-border: #ca8a04;--alert-text: #fef08a;--card-bg-0: rgba(59, 130, 246, .1);--card-bg-1: rgba(34, 197, 94, .1);--card-bg-2: rgba(168, 85, 247, .1);--card-bg-3: rgba(249, 115, 22, .1);--card-bg-4: rgba(236, 72, 153, .1);--card-bg-5: rgba(234, 179, 8, .1);--card-bg-6: rgba(99, 102, 241, .1);--card-bg-7: rgba(20, 184, 166, .1)}.compare-container{display:flex;flex-direction:column;gap:1.5rem}.compare-title{font-size:2.25rem;font-weight:700;color:var(--text-primary);margin:0}.compare-subtitle{color:var(--text-secondary);margin-top:.25rem;margin-bottom:1.5rem}.card-panel{background-color:var(--bg-card);padding:1rem;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid var(--border-color)}.panel-title{font-size:1rem;font-weight:600;margin-top:0;margin-bottom:.75rem;color:var(--text-primary)}.select-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:768px){.select-grid{grid-template-columns:repeat(2,1fr)}}.select-control{width:100%;background-color:var(--bg-input);color:var(--text-primary);padding:.625rem;border-radius:.5rem;border:1px solid var(--border-color);outline:none;font-size:.875rem;box-sizing:border-box}.select-control:focus{border-color:var(--accent-blue)}.alert-warning{background-color:var(--alert-bg);border-left:4px solid var(--alert-border);color:var(--alert-text);padding:1rem;border-top-right-radius:.5rem;border-bottom-right-radius:.5rem;margin-bottom:1.5rem}.alert-title{font-weight:700;margin:0}.alert-desc{margin:.25rem 0 0;font-size:.875rem}.direction-group{display:inline-flex;align-items:center;gap:.25rem;background-color:var(--bg-subtle);padding:.25rem;border-radius:.5rem}.btn-direction{padding:.375rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:600;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;transition:background-color .15s ease,color .15s ease}.btn-direction.active{background-color:var(--bg-card);color:var(--text-primary);box-shadow:0 1px 2px #0000000d}.btn-direction:hover:not(.active){background-color:#fff6}.tab-button{padding:.5rem 1rem;font-weight:600;font-size:.875rem;border-top-left-radius:.5rem;border-top-right-radius:.5rem;border:none;background:transparent;color:var(--text-secondary);cursor:pointer}.tab-button.active{color:var(--accent-blue);background-color:var(--bg-card);border-bottom:2px solid var(--accent-blue)}.metrics-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:768px){.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.metrics-grid{grid-template-columns:repeat(3,1fr)}}.compare-card{padding:1rem;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a;border:1px solid var(--border-color)}.card-color-0{background-color:var(--card-bg-0)}.card-color-1{background-color:var(--card-bg-1)}.card-color-2{background-color:var(--card-bg-2)}.card-color-3{background-color:var(--card-bg-3)}.card-color-4{background-color:var(--card-bg-4)}.card-color-5{background-color:var(--card-bg-5)}.card-color-6{background-color:var(--card-bg-6)}.card-color-7{background-color:var(--card-bg-7)}.card-label{font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem;margin-top:0}.card-body{display:flex;align-items:center;justify-content:space-between}.card-period-val{text-align:center}.card-period-name{font-size:.75rem;color:var(--text-secondary);margin:0}.card-period-number{font-weight:700;font-size:1.125rem;color:var(--text-primary);margin:0}.card-arrow-icon{width:1.5rem;height:1.5rem;color:var(--text-muted)}.card-trend{text-align:center;margin-top:.5rem;margin-bottom:0;font-weight:600;font-size:.875rem}.trend-up{color:var(--trend-up)}.trend-down{color:var(--trend-down)}.table-wrapper{overflow-x:auto}.conversion-table{width:100%;font-size:.875rem;border-collapse:collapse}.conversion-table th{padding:.5rem;color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border-color)}.conversion-table td{padding:.75rem .5rem;border-bottom:1px solid var(--border-color)}.conversion-table tr:last-child td{border-bottom:none}.text-left{text-align:left}.col-stage{color:var(--text-primary);font-weight:500}.col-p1{font-weight:600;color:var(--text-primary)}.col-p2{color:var(--text-secondary)}.col-change{font-weight:700}.direction-group{display:inline-flex;align-items:center;gap:.25rem;background-color:var(--bg-subtle);border:1px solid var(--border-color);padding:.25rem;border-radius:.5rem}.dark .direction-group{background-color:#ffffff0d}.btn-direction{padding:.375rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:600;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.btn-direction.active{background-color:var(--bg-card);color:var(--text-primary);box-shadow:0 1px 3px #0003}.btn-direction:hover:not(.active){color:var(--text-primary)}.tabs-header{border-bottom:1px solid var(--border-color);margin-bottom:1.5rem}.tabs-nav{display:flex;gap:.5rem}.tab-button{padding:.5rem 1rem;font-weight:600;font-size:.875rem;border-radius:.5rem .5rem 0 0;border:1px solid transparent;border-bottom:none;background:transparent;color:var(--text-secondary);cursor:pointer;margin-bottom:-1px;transition:color .15s ease}.tab-button.active{color:var(--accent-blue);background-color:var(--bg-card);border-color:var(--border-color);border-bottom:2px solid var(--accent-blue)}:root{--bg-card: #ffffff;--bg-input: #f1f5f9;--bg-progress-track: #e2e8f0;--border-color: #e2e8f0;--text-main: #0f172a;--text-muted: #64748b;--text-subtle: #94a3b8;--table-head-bg: #f8fafc;--table-hover-bg: #f8fafc}.dark{--bg-card: #1e293b;--bg-input: #334155;--bg-progress-track: #334155;--border-color: #334155;--text-main: #f8fafc;--text-muted: #94a3b8;--text-subtle: #64748b;--table-head-bg: #334155;--table-hover-bg: rgba(51, 65, 85, .5)}.conv-page-container{display:flex;flex-direction:column;gap:1.5rem;font-family:inherit;color:var(--text-main)}.conv-header-title{font-size:2.25rem;font-weight:700;margin:0}.conv-header-subtitle{color:var(--text-muted);margin-top:.25rem;margin-bottom:1.5rem}.conv-filters-card{display:flex;align-items:center;gap:.5rem;background-color:var(--bg-card);padding:.75rem;border-radius:.75rem;flex-wrap:wrap;box-shadow:0 1px 3px #0000001a;border:1px solid var(--border-color)}@media(min-width:768px){.conv-filters-card{gap:1rem}}.conv-select{background-color:var(--bg-input);color:var(--text-main);padding:.375rem .75rem;border-radius:9999px;font-size:.875rem;border:1px solid var(--border-color);outline:none;cursor:pointer}.conv-grid-stages{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem;font-variant-numeric:tabular-nums}@media(min-width:768px){.conv-grid-stages{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.conv-grid-stages{grid-template-columns:repeat(4,minmax(0,1fr))}}.conv-stage-card{background-color:var(--bg-card);padding:1.25rem;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000000d;border:1px solid var(--border-color)}.conv-stage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.conv-stage-label{font-size:.875rem;font-weight:600;color:var(--text-main);margin:0}.conv-stage-value{font-weight:700;font-size:1.125rem;margin:0}.conv-progress-track{width:100%;background-color:var(--bg-progress-track);border-radius:9999px;height:.625rem;overflow:hidden}.conv-progress-bar{height:.625rem;border-radius:9999px;transition:width .3s ease}.conv-stage-subtext{font-size:.75rem;color:var(--text-muted);margin-top:.5rem;margin-bottom:0}.conv-card-block{background-color:var(--bg-card);padding:1.5rem;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000000d;border:1px solid var(--border-color)}.conv-block-title{font-weight:600;margin-top:0;margin-bottom:1rem;color:var(--text-main);font-size:1.125rem}.conv-table-wrapper{overflow-x:auto}.conv-table{width:100%;font-size:.875rem;text-align:left;border-collapse:collapse}.conv-table th{padding:.75rem;font-size:.75rem;text-transform:uppercase;background-color:var(--table-head-bg);color:var(--text-muted)}.conv-table td{padding:.75rem;border-bottom:1px solid var(--border-color)}.conv-table tbody{font-variant-numeric:tabular-nums}.conv-table tbody tr:hover{background-color:var(--table-hover-bg)}.conv-table-stage-name{font-weight:600;color:var(--text-main)}:root{--bg-card: #ffffff;--bg-subcard: #f8fafc;--bg-input: #f1f5f9;--bg-modal: #ffffff;--bg-progress-track: #e2e8f0;--border-color: #e2e8f0;--text-main: #0f172a;--text-muted: #64748b;--text-subtle: #94a3b8;--btn-default-bg: #f1f5f9;--btn-default-hover: #e2e8f0;--btn-active-bg: #e2e8f0;--summary-box-bg: #eff6ff;--summary-box-border: #bfdbfe;--summary-box-text: #1e40af;--btn-delete-bg: rgba(239, 68, 68, .1);--btn-delete-hover: rgba(239, 68, 68, .2);--btn-delete-text: #b91c1c;--btn-primary-bg: #2563eb;--btn-primary-hover: #1d4ed8;--btn-primary-text: #ffffff}.dark{--bg-card: #1e293b;--bg-subcard: rgba(15, 23, 42, .5);--bg-input: #334155;--bg-modal: #1e293b;--bg-progress-track: #334155;--border-color: #334155;--text-main: #f8fafc;--text-muted: #94a3b8;--text-subtle: #64748b;--btn-default-bg: #334155;--btn-default-hover: #475569;--btn-active-bg: #475569;--summary-box-bg: rgba(30, 58, 138, .3);--summary-box-border: #1e3a8a;--summary-box-text: #93c5fd;--btn-delete-bg: rgba(239, 68, 68, .2);--btn-delete-hover: rgba(239, 68, 68, .3);--btn-delete-text: #fca5a5;--btn-primary-bg: #2563eb;--btn-primary-hover: #1d4ed8;--btn-primary-text: #ffffff}.nc-page-container{display:flex;flex-direction:column;gap:1.5rem;font-family:inherit;color:var(--text-main)}.nc-header-title{font-size:2.25rem;font-weight:700;margin:0}.nc-header-subtitle{color:var(--text-muted);margin-top:.25rem;margin-bottom:1.5rem}.nc-tabs-wrapper{display:flex;align-items:center;gap:.25rem;background-color:var(--bg-card);padding:.25rem;border-radius:.5rem;border:1px solid var(--border-color);width:fit-content;margin-bottom:1.5rem}.nc-tab-btn{padding:.375rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:600;border:none;background:transparent;color:var(--text-muted);cursor:pointer;transition:background-color .15s ease,color .15s ease}.nc-tab-btn:hover{background-color:var(--btn-default-hover)}.nc-tab-btn.active{background-color:var(--btn-active-bg);color:var(--text-main)}.nc-card{background-color:var(--bg-card);padding:1.5rem;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000000d;border:1px solid var(--border-color)}.nc-card-header{display:flex;flex-direction:column;justify-content:space-between;margin-bottom:1.5rem;gap:1rem}@media(min-width:768px){.nc-card-header{flex-direction:row;align-items:center}}.nc-select-group{flex-grow:1}.nc-label{display:block;font-size:.875rem;color:var(--text-muted);margin-bottom:.25rem}.nc-select{background-color:var(--bg-input);color:var(--text-main);padding:.625rem;border-radius:.5rem;border:1px solid var(--border-color);outline:none;width:100%}@media(min-width:768px){.nc-select{width:auto}}.nc-actions-group{display:flex;gap:.5rem}.nc-btn{padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:700;border:none;cursor:pointer;transition:background-color .15s ease}.nc-btn-default{background-color:var(--btn-default-bg);color:var(--text-main);border:1px solid var(--border-color)}.nc-btn-default:hover{background-color:var(--btn-default-hover)}.nc-btn-delete{background-color:var(--btn-delete-bg);color:var(--btn-delete-text)}.nc-btn-delete:hover{background-color:var(--btn-delete-hover)}.nc-btn-primary{background-color:var(--btn-primary-bg);color:var(--btn-primary-text)}.nc-btn-primary:hover{background-color:var(--btn-primary-hover)}.nc-section-title{font-weight:600;font-size:1.125rem;margin-top:0;margin-bottom:1rem;color:var(--text-main)}.nc-stages-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;font-variant-numeric:tabular-nums}.nc-stage-card{background-color:var(--bg-subcard);padding:1rem;border-radius:.5rem;border:1px solid var(--border-color)}.nc-stage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.nc-stage-title{font-weight:600;color:var(--text-main);margin:0}.nc-stage-percent{font-size:1.25rem;font-weight:700;color:#9333ea;margin:0}.nc-progress-track{width:100%;background-color:var(--bg-progress-track);border-radius:9999px;height:.625rem;overflow:hidden}.nc-progress-bar{height:.625rem;border-radius:9999px;background-color:#9333ea;transition:width .3s ease}.nc-stage-subtext{font-size:.75rem;color:var(--text-muted);margin-top:.5rem;margin-bottom:0}.nc-summary-box{background-color:var(--summary-box-bg);padding:1rem;border-radius:.5rem;border:1px solid var(--summary-box-border);margin-bottom:1.5rem;text-align:center;font-variant-numeric:tabular-nums}.nc-summary-title{font-size:.875rem;color:var(--summary-box-text);margin:0}.nc-summary-value{font-size:1.5rem;font-weight:700;color:var(--text-main);margin:.25rem 0}.nc-summary-subtext{font-size:.75rem;color:var(--text-muted);margin:0}.nc-metrics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;font-variant-numeric:tabular-nums}@media(min-width:768px){.nc-metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1024px){.nc-metrics-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.nc-metric-card{background-color:var(--bg-subcard);padding:.75rem;border-radius:.5rem;border:1px solid var(--border-color)}.nc-metric-value{font-size:1.25rem;font-weight:700;color:var(--text-main);margin:0}.nc-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0009;z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem}.nc-modal-window{background-color:var(--bg-modal);border-radius:.75rem;box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:28rem;border:1px solid var(--border-color);color:var(--text-main)}.nc-modal-header{padding:1.5rem;border-bottom:1px solid var(--border-color)}.nc-modal-title{font-size:1.25rem;font-weight:700;margin:0}.nc-modal-body{padding:1.5rem}.nc-modal-input{width:100%;background-color:var(--bg-input);color:var(--text-main);padding:.5rem;border-radius:.5rem;border:1px solid var(--border-color);outline:none;box-sizing:border-box}.nc-modal-footer{padding:1.5rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:.5rem}:root{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--text-main: #0f172a;--text-muted: #64748b;--border-color: #e2e8f0;--accent-blue: #2563eb;--accent-blue-hover: #1d4ed8;--accent-green: #16a34a;--accent-green-bg: #dcfce7;--accent-yellow: #ca8a04;--accent-yellow-bg: #fef9c3;--accent-orange: #ea580c;--accent-red: #dc2626;--accent-red-bg: #fee2e2;--accent-gray-bg: #f1f5f9;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--overlay-bg: rgba(0, 0, 0, .6)}.dark,[data-theme=dark]{--bg-primary: #1e293b;--bg-secondary: #0f172a;--bg-tertiary: #334155;--text-main: #f8fafc;--text-muted: #94a3b8;--border-color: #334155;--accent-green-bg: rgba(22, 163, 74, .2);--accent-yellow-bg: rgba(202, 138, 4, .2);--accent-red-bg: rgba(220, 38, 38, .2);--accent-gray-bg: #334155}.campaigns-container{display:flex;flex-direction:column;gap:1.5rem;padding-bottom:5rem;animation:fadeIn .3s ease-in-out}.campaigns-header{display:flex;flex-direction:column;gap:1rem}@media(min-width:768px){.campaigns-header{flex-direction:row;justify-content:space-between;align-items:flex-end}}.title-main{font-size:2.25rem;font-weight:700;color:var(--text-main);margin:0}.subtitle-main{color:var(--text-muted);margin-top:.25rem;font-size:.875rem}.header-actions{display:flex;flex-wrap:wrap;gap:.5rem}.btn-primary{background-color:var(--accent-blue);color:#fff;font-weight:700;padding:.625rem 1.5rem;border-radius:.75rem;font-size:.875rem;border:none;cursor:pointer;box-shadow:var(--shadow-lg);transition:all .2s;text-transform:uppercase;letter-spacing:.1em}.btn-primary:active{transform:scale(.95)}.btn-secondary{background-color:var(--bg-primary);color:var(--text-main);font-weight:700;padding:.625rem 1.25rem;border-radius:.75rem;font-size:.875rem;border:1px solid var(--border-color);cursor:pointer;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:.5rem;transition:all .2s}.btn-secondary:hover{background-color:var(--bg-secondary)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-cancel{background-color:var(--bg-tertiary);color:var(--text-main);font-weight:700;padding:.625rem 1.5rem;border-radius:.75rem;font-size:.875rem;border:none;cursor:pointer}.tabs-navigation{display:flex;align-items:center;gap:.25rem;background-color:var(--bg-primary);padding:.375rem;border-radius:1rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);width:fit-content}.tab-btn{padding:.5rem 1.5rem;border-radius:.75rem;font-weight:700;font-size:.875rem;border:none;background:transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s}.tab-btn.active{background-color:var(--accent-blue);color:#fff;box-shadow:var(--shadow-md)}.pulse-dot{width:.375rem;height:.375rem;background-color:var(--accent-green);border-radius:50%;animation:pulse 2s infinite}.summary-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem;font-variant-numeric:tabular-nums}@media(min-width:640px){.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.metric-card{background-color:var(--bg-primary);padding:1.5rem;border-radius:1rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:all .2s}.campaigns-container .summary-grid{align-items:stretch}.campaigns-container .metric-card{display:block;height:auto;min-height:7.5rem;overflow:visible}.metric-card:hover{box-shadow:var(--shadow-md)}.metric-label{font-size:.625rem;font-weight:900;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.375rem}.metric-value{font-size:1.875rem;font-weight:900;color:var(--text-main);margin:0}.metric-value.blue{color:var(--accent-blue)}.metric-value.orange{color:var(--accent-orange)}.metric-value.green{color:var(--accent-green)}.metric-sub{font-size:.625rem;font-weight:700;color:var(--text-muted);margin-top:.25rem;text-transform:uppercase}.table-card{background-color:var(--bg-primary);border-radius:1.5rem;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);overflow:hidden}.table-filters{padding:1.5rem;border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:1rem}@media(min-width:640px){.table-filters{flex-direction:row;justify-content:space-between;align-items:center}}.filters-wrapper{display:flex;align-items:center;background-color:var(--bg-secondary);padding:.375rem;border-radius:.75rem;gap:.5rem}.filter-select{background:transparent;border:none;font-size:.625rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;padding:0 1rem;color:var(--text-main);outline:none}.filter-select.primary{color:var(--accent-blue)}.filter-divider{width:1px;height:1rem;background-color:var(--border-color)}.table-responsive{overflow-x:auto}.campaigns-table{width:100%;font-size:.6875rem;text-align:left;color:var(--text-main);min-width:800px;table-layout:fixed;border-collapse:collapse}.campaigns-table th{background-color:var(--bg-secondary);padding:.75rem .5rem;font-size:.5625rem;font-weight:900;text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;cursor:pointer}.campaigns-table th:hover{color:var(--text-main)}.campaigns-table td{padding:.5rem;border-bottom:1px solid var(--border-color)}.campaigns-table tr:hover{background-color:var(--bg-secondary)}.text-right{text-align:right}.th-content{display:flex;align-items:center;gap:.25rem}.th-content.right{justify-content:flex-end}.badge{padding:.125rem .375rem;border-radius:.25rem;font-size:.5rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;display:inline-block}.badge-green{background-color:var(--accent-green-bg);color:var(--accent-green)}.badge-yellow{background-color:var(--accent-yellow-bg);color:var(--accent-yellow)}.badge-red{background-color:var(--accent-red-bg);color:var(--accent-red)}.badge-gray{background-color:var(--accent-gray-bg);color:var(--text-muted)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--overlay-bg);z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background-color:var(--bg-primary);border-radius:1rem;box-shadow:var(--shadow-2xl);width:100%;max-width:42rem;max-height:90vh;overflow-y:auto;animation:fadeIn .2s ease-out}.modal-header{padding:1.5rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background-color:var(--bg-primary);z-index:10}.modal-title{font-size:1.25rem;font-weight:700;color:var(--text-main);margin:0}.modal-close{background:none;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer}.modal-body{padding:1.5rem;display:flex;flex-direction:column;gap:1rem;background-color:var(--bg-secondary)}.modal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.form-group{display:flex;flex-direction:column;gap:.25rem}.form-label{font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase}.form-input,.form-select{width:100%;background-color:var(--bg-primary);color:var(--text-main);padding:.625rem;border-radius:.75rem;border:1px solid var(--border-color);outline:none;box-sizing:border-box}.modal-footer{padding:1.5rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:.75rem;position:sticky;bottom:0;background-color:var(--bg-primary)}.audit-header-card{background-color:var(--bg-primary);padding:2rem;border-radius:2rem;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);display:flex;flex-direction:column;gap:2rem}@media(min-width:768px){.audit-header-card{flex-direction:row;justify-content:space-between;align-items:center}}.audit-row{border-bottom:1px solid var(--border-color)}.audit-row-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;cursor:pointer}.audit-row-header:hover{background-color:var(--bg-secondary)}.audit-details{padding:1.25rem;background-color:var(--bg-secondary);display:flex;flex-direction:column;gap:1rem}.audit-details-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:768px){.audit-details-grid{grid-template-columns:repeat(2,1fr)}}.audit-block{padding:1rem;background-color:var(--bg-primary);border-radius:.75rem;border:1px solid var(--border-color)}.icon{width:1.25rem;height:1.25rem;fill:currentColor}.icon-sm{width:.875rem;height:.875rem}.spin{animation:spin 1s linear infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}:root{--ue-bg-card: #ffffff;--ue-bg-input: #f8fafc;--ue-bg-filter: #f1f5f9;--ue-bg-progress: #f1f5f9;--ue-border-color: #e2e8f0;--ue-border-hover: #bfdbfe;--ue-text-primary: #0f172a;--ue-text-secondary: #64748b;--ue-text-muted: #94a3b8;--ue-text-dark: #334155;--ue-primary-blue: #2563eb;--ue-primary-blue-focus: rgba(37, 99, 235, .2);--ue-green: #16a34a;--ue-red: #dc2626;--ue-card-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1)}.dark,[data-theme=dark]{--ue-bg-card: #1e293b;--ue-bg-input: rgba(15, 23, 42, .5);--ue-bg-filter: #1e293b;--ue-bg-progress: #334155;--ue-border-color: #334155;--ue-border-hover: rgba(30, 58, 138, .3);--ue-text-primary: #f8fafc;--ue-text-secondary: #94a3b8;--ue-text-muted: #64748b;--ue-text-dark: #e2e8f0;--ue-green: #22c55e;--ue-red: #ef4444;--ue-card-shadow: 0 1px 3px 0 rgba(0, 0, 0, .3)}.ue-page{display:flex;flex-direction:column;gap:2rem;padding-bottom:5rem}.ue-header{display:flex;flex-direction:column;gap:1rem;border-bottom:1px solid var(--ue-border-color);padding-bottom:1.5rem}@media(min-width:768px){.ue-header{flex-direction:row;justify-content:space-between;align-items:flex-end}}.ue-title{font-size:2.25rem;line-height:2.5rem;font-weight:700;color:var(--ue-text-primary);margin:0}.ue-subtitle{color:var(--ue-text-secondary);margin-top:.25rem;font-size:.875rem}.ue-filters-group{display:flex;flex-wrap:wrap;gap:.5rem}.ue-select{background-color:var(--ue-bg-filter);border:none;border-radius:.5rem;font-size:.875rem;font-weight:700;padding:.5rem 1rem;color:var(--ue-text-secondary);box-shadow:var(--ue-card-shadow);outline:none;transition:all .2s ease;cursor:pointer;font-family:inherit}.ue-select--accent{color:var(--ue-primary-blue)}.ue-select:focus{box-shadow:0 0 0 2px var(--ue-primary-blue-focus)}.ue-inputs-card{background-color:var(--ue-bg-card);padding:1.5rem;border-radius:1rem;border:1px solid var(--ue-border-color);box-shadow:var(--ue-card-shadow)}.ue-inputs-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.ue-inputs-grid{grid-template-columns:repeat(2,1fr)}}.ue-interactive-input{background-color:var(--ue-bg-input);padding:.75rem;border-radius:.75rem;border:1px solid var(--ue-border-color);transition:all .2s ease}.ue-interactive-input:hover{border-color:var(--ue-border-hover)}.ue-input-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.ue-input-label{font-size:.625rem;font-weight:900;color:var(--ue-text-muted);text-transform:uppercase;letter-spacing:.1em}.ue-number-wrapper{display:flex;align-items:center;gap:.25rem}.ue-number-input{width:5rem;background:transparent;text-align:right;font-size:.75rem;font-weight:700;outline:none;border:none;font-variant-numeric:tabular-nums;color:var(--ue-text-primary)}.ue-number-input:focus{color:var(--ue-primary-blue)}.ue-number-suffix{font-size:.5625rem;font-weight:900;color:var(--ue-text-muted)}.ue-range-slider{width:100%;height:.25rem;background-color:var(--ue-bg-progress);border-radius:.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;accent-color:var(--ue-primary-blue)}.ue-section-header{font-size:.75rem;font-weight:900;color:var(--ue-text-muted);text-transform:uppercase;letter-spacing:.2em;margin-bottom:1rem;border-bottom:1px solid var(--ue-border-color);padding-bottom:.5rem}.ue-metrics-grid-4{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:768px){.ue-metrics-grid-4{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.ue-metrics-grid-4{grid-template-columns:repeat(4,1fr)}}.ue-card{background-color:var(--ue-bg-card);padding:1.5rem;border-radius:1rem;border:1px solid var(--ue-border-color);box-shadow:var(--ue-card-shadow)}.ue-card-lg{background-color:var(--ue-bg-card);padding:2rem;border-radius:1.5rem;border:1px solid var(--ue-border-color);box-shadow:var(--ue-card-shadow);text-align:center}@media(min-width:768px){.ue-card-lg{text-align:left}}.ue-card-xl{background-color:var(--ue-bg-card);padding:2rem;border-radius:2.5rem;border:1px solid var(--ue-border-color);box-shadow:var(--ue-card-shadow)}.ue-metric-label{font-size:.625rem;font-weight:900;color:var(--ue-text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem}.ue-metric-value{font-size:1.875rem;line-height:2.25rem;font-weight:900;margin:0}.ue-metric-value--lg{font-size:2.25rem;line-height:2.5rem;font-weight:900;color:var(--ue-text-primary);margin:0}.ue-metric-subtext{font-size:.75rem;color:var(--ue-text-secondary);margin-top:.25rem}.ue-text-green{color:var(--ue-green)}.ue-text-red{color:var(--ue-red)}.ue-text-blue{color:var(--ue-primary-blue)}.ue-text-dark{color:var(--ue-text-dark)}.ue-metrics-grid-3{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.ue-metrics-grid-3{grid-template-columns:repeat(3,1fr)}}.ue-funnel-grid{display:grid;grid-template-columns:1fr;gap:2.5rem}@media(min-width:768px){.ue-funnel-grid{grid-template-columns:repeat(3,1fr)}}.ue-funnel-step{display:flex;flex-direction:column;gap:.5rem}.ue-funnel-title{font-size:.875rem;font-weight:700;color:var(--ue-text-dark);margin:0}.ue-funnel-value{font-size:1.875rem;line-height:2.25rem;font-weight:900;color:var(--ue-primary-blue);margin:0}.ue-progress-track{width:100%;background-color:var(--ue-bg-progress);height:.5rem;border-radius:9999px;overflow:hidden}.ue-progress-bar{background-color:var(--ue-primary-blue);height:.5rem;border-radius:9999px;transition:width .3s ease}.ue-empty-state{text-align:center;padding:5rem 1rem;background-color:var(--ue-bg-card);border-radius:3rem;border:2px dashed var(--ue-border-color)}.ue-empty-wrapper{max-width:20rem;margin-left:auto;margin-right:auto;display:flex;flex-direction:column;gap:1rem}.ue-empty-icon{font-size:3rem}.ue-empty-title{font-size:1.25rem;font-weight:700;color:var(--ue-text-primary);margin:0}.ue-empty-text{color:var(--ue-text-secondary);font-size:.875rem;margin:0}.ue-fade-in{animation:ueSlideUp .3s cubic-bezier(0,0,.2,1)}@keyframes ueSlideUp{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.ue-page{gap:1.5rem}.ue-header{padding-bottom:1.25rem}@media(min-width:768px){.ue-header{align-items:center}}.ue-filters-group{gap:.25rem;padding:.25rem;background:var(--ue-bg-card);border:1px solid var(--ue-border-color);border-radius:.875rem;box-shadow:var(--ue-card-shadow)}.ue-select{min-height:2.5rem;padding:.5rem .875rem;background:transparent;border-radius:.625rem;box-shadow:none}.ue-select:hover{background:var(--ue-bg-filter)}.ue-select--accent{background:color-mix(in srgb,var(--ue-primary-blue) 8%,transparent)}.ue-inputs-card{padding:1rem;border-radius:1rem;box-shadow:0 1px 2px #0f172a0f}.ue-inputs-grid{gap:1rem}.ue-interactive-input{padding:.875rem 1rem;border-radius:.75rem}.ue-card,.ue-card-lg,.ue-card-xl{border-radius:1rem;box-shadow:0 1px 2px #0f172a0f}.ue-card{min-height:7.75rem;padding:1.25rem}.ue-card-lg{min-height:9rem;padding:1.5rem}.ue-card-xl{padding:1.5rem}.ue-metrics-grid-3,.ue-metrics-grid-4{gap:1rem}.ue-metric-value,.ue-metric-value--lg{font-size:clamp(1.65rem,2.3vw,2rem);line-height:1.15;letter-spacing:-.025em;overflow-wrap:anywhere}.ue-funnel-grid{gap:1.5rem}.ue-section-header{margin-bottom:1.25rem;padding-bottom:.75rem;letter-spacing:.16em}@media(max-width:767px){.ue-filters-group{width:100%}.ue-select{flex:1 1 9rem}}.login-page-container{--bg-page: #f3f4f6;--bg-card: #ffffff;--border-card: transparent;--text-title: #0f172a;--text-subtitle: #64748b;--text-label: #475569;--text-input: #0f172a;--bg-input: #f9fafb;--border-input: #e5e7eb;--border-tab: #e5e7eb;--tab-inactive: #64748b;--tab-inactive-hover: #334155;position:relative;min-height:100vh;background-color:var(--bg-page);display:flex;align-items:center;justify-content:center;padding:1rem;transition:background-color .3s ease}.login-page-container.dark{--bg-page: #0b0f19;--bg-card: #1e293b;--border-card: #334155;--text-title: #f8fafc;--text-subtitle: #94a3b8;--text-label: #cbd5e1;--text-input: #f8fafc;--bg-input: #0f172a;--border-input: #334155;--border-tab: #334155;--tab-inactive: #94a3b8;--tab-inactive-hover: #f1f5f9}.theme-toggle-btn{position:absolute;top:1.5rem;right:1.5rem;background-color:var(--bg-card);color:var(--text-title);border:1px solid var(--border-input);padding:.625rem;border-radius:9999px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px -1px #0000001a;transition:transform .2s ease,background-color .3s ease,border-color .3s ease,color .3s ease}.theme-toggle-btn:hover{transform:scale(1.08)}.login-card-wrapper{width:100%;max-width:28rem;transition:max-width .35s cubic-bezier(.4,0,.2,1)}.login-card-wrapper.wide{max-width:32rem}.login-header{text-align:center;margin-bottom:1.5rem}.login-logo{margin-left:auto;margin-right:auto;height:3.5rem;width:auto}.login-subtitle{color:var(--text-subtitle);margin-top:.75rem;font-size:.875rem;transition:color .3s ease}.login-card{background-color:var(--bg-card);border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;padding:1.5rem;border:1px solid var(--border-card);overflow:hidden;transition:background-color .3s ease,border-color .3s ease}@media(min-width:640px){.login-card{padding:2rem}}.fade-step{animation:fadeInStep .25s cubic-bezier(.4,0,.2,1) forwards}@keyframes fadeInStep{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.auth-tabs{display:flex;background-color:var(--bg-input);padding:.25rem;border-radius:.75rem;border:1px solid var(--border-input);margin-bottom:1.5rem;transition:background-color .3s ease,border-color .3s ease}.tab-button{flex:1;padding-top:.625rem;padding-bottom:.625rem;text-align:center;font-size:.875rem;font-weight:600;border:none;border-radius:.5rem;background:transparent;color:var(--tab-inactive);cursor:pointer;transition:all .2s ease}.tab-button:hover{color:var(--tab-inactive-hover)}.tab-button.active{background-color:#2563eb;color:#fff;box-shadow:0 4px 6px -1px #2563eb40}.auth-form{display:flex;flex-direction:column;gap:1rem}.register-form{gap:.875rem}.form-grid{display:grid;grid-template-columns:1fr;gap:.75rem}@media(min-width:640px){.form-grid{grid-template-columns:repeat(2,1fr)}}.form-group{display:flex;flex-direction:column}.form-label,.form-label-sm{font-size:.875rem;font-weight:500;color:var(--text-label);transition:color .3s ease}.form-label-sm{font-size:.75rem}.form-input{width:100%;padding:.75rem;margin-top:.25rem;background-color:var(--bg-input);color:var(--text-input);border-radius:.5rem;border:1px solid var(--border-input);outline:none;font-size:.875rem;box-sizing:border-box;transition:border-color .2s ease,background-color .3s ease,color .3s ease}.form-input-sm{padding:.625rem}.form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.form-input:disabled{opacity:.5}.checkbox-container{display:flex;align-items:center;justify-content:space-between}.checkbox-label{display:flex;align-items:center;font-size:.875rem;color:var(--text-label);-webkit-user-select:none;user-select:none;cursor:pointer}.checkbox-input{height:1rem;width:1rem;border-radius:.25rem;border:1px solid var(--border-input);background-color:var(--bg-input);accent-color:#2563eb}.checkbox-text{margin-left:.5rem;font-size:.75rem}.submit-button{width:100%;background:linear-gradient(to right,#2563eb,#3b82f6);color:#fff;font-weight:700;padding:.75rem 1rem;border-radius:.5rem;border:none;font-size:.875rem;cursor:pointer;box-shadow:0 10px 15px -3px #3b82f640;transition:transform .2s ease,background .2s ease,opacity .2s ease;display:flex;justify-content:center;align-items:center}.submit-button:hover:not(:disabled){background:linear-gradient(to right,#1d4ed8,#2563eb);transform:translateY(-1px)}.submit-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.alert-box{padding:.75rem;border-radius:.5rem;display:flex;gap:.5rem;font-size:.75rem;animation:fadeInStep .2s ease forwards}.alert-error{background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;align-items:center}.alert-pending{background-color:#f59e0b1a;border:1px solid rgba(245,158,11,.3);color:#f59e0b;align-items:flex-start}.alert-title{font-weight:600}.alert-desc{margin-top:.125rem}.alert-icon{flex-shrink:0}.help-text{font-size:11px;color:var(--text-subtitle)}.success-screen{text-align:center;padding-top:1rem;padding-bottom:1rem;display:flex;flex-direction:column;gap:1rem}.success-icon-wrapper{width:4rem;height:4rem;background-color:#2563eb26;color:#3b82f6;border-radius:9999px;display:flex;align-items:center;justify-content:center;margin-left:auto;margin-right:auto}.success-title{font-size:1.25rem;font-weight:700;color:var(--text-title)}.success-text{font-size:.875rem;color:var(--text-label);line-height:1.625}.secondary-button{width:100%;margin-top:1rem;background-color:#2563eb;color:#fff;font-weight:500;padding:.625rem 1rem;border-radius:.5rem;border:none;cursor:pointer;transition:background-color .2s ease}.secondary-button:hover{background-color:#1d4ed8}.spinner{animation:spin 1s linear infinite;height:1.25rem;width:1.25rem;color:#fff}.login-page-container{--bg-page: #f3f4f6;--bg-card: #ffffff;--text-title: #0f172a;--logo-text: #0f172a}.login-page-container.dark{--bg-page: #0b0f19;--bg-card: #1e293b;--text-title: #f8fafc;--logo-text: #ffffff}.login-logo{margin-left:auto;margin-right:auto;height:3.5rem;width:auto;color:var(--logo-text);fill:var(--logo-text);transition:color .3s ease,fill .3s ease}.login-logo text,.login-logo path:not([fill^="#2563"],[fill^="#22c5"]){fill:var(--logo-text)}:root{--sp-bg-primary: #ffffff;--sp-bg-secondary: #f8fafc;--sp-bg-input: #ffffff;--sp-bg-bin: #eff6ff;--sp-bg-hover-danger: #fef2f2;--sp-border-color: #e2e8f0;--sp-border-bin: #dbeafe;--sp-text-main: #0f172a;--sp-text-secondary: #475569;--sp-text-muted: #64748b;--sp-text-bin-title: #1e40af;--sp-text-bin-desc: #1d4ed8;--sp-color-primary: #0891b2;--sp-color-primary-hover: #0e7490;--sp-color-accent: #2563eb;--sp-color-accent-hover: #1d4ed8;--sp-color-danger: #ef4444;--sp-shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--sp-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)}.dark,[data-theme=dark]{--sp-bg-primary: #1e293b;--sp-bg-secondary: rgba(15, 23, 42, .4);--sp-bg-input: #334155;--sp-bg-bin: rgba(30, 58, 138, .2);--sp-bg-hover-danger: rgba(127, 29, 29, .2);--sp-border-color: #334155;--sp-border-bin: rgba(30, 58, 138, .5);--sp-text-main: #f8fafc;--sp-text-secondary: #cbd5e1;--sp-text-muted: #94a3b8;--sp-text-bin-title: #bfdbfe;--sp-text-bin-desc: #93c5fd;--sp-shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--sp-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3)}.settings-container{display:flex;flex-direction:column;gap:1.5rem;padding-bottom:3rem;animation:spFadeIn .3s ease-in-out}@keyframes spFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.settings-title{font-size:2.25rem;font-weight:700;color:var(--sp-text-main);margin:0}.settings-card{background-color:var(--sp-bg-primary);border-radius:.75rem;box-shadow:var(--sp-shadow-md);border:1px solid var(--sp-border-color);overflow:hidden}.settings-card-header{padding:1.5rem;border-bottom:1px solid var(--sp-border-color);display:flex;justify-content:space-between;align-items:center;background-color:var(--sp-bg-secondary)}.settings-card-header h2{font-size:1.25rem;font-weight:700;color:var(--sp-text-main);margin:0}.settings-card-body{padding:1.5rem;display:flex;flex-direction:column;gap:2rem}.sp-btn-primary{background-color:var(--sp-color-primary);color:#fff;font-weight:700;padding:.5rem 1.5rem;border-radius:.5rem;font-size:.875rem;border:none;cursor:pointer;transition:background-color .2s,box-shadow .2s;box-shadow:var(--sp-shadow-sm)}.sp-btn-primary:hover:not(:disabled){background-color:var(--sp-color-primary-hover);box-shadow:var(--sp-shadow-md)}.sp-btn-primary:disabled{background-color:#94a3b8;cursor:not-allowed}.sp-btn-accent{background-color:var(--sp-color-accent);color:#fff;font-weight:700;padding:.5rem 1.5rem;border-radius:.5rem;font-size:.875rem;border:none;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;gap:.5rem}.sp-btn-accent:hover:not(:disabled){background-color:var(--sp-color-accent-hover)}.sp-btn-accent:disabled{opacity:.5;cursor:not-allowed}.sp-btn-outline{background-color:var(--sp-bg-primary);color:var(--sp-text-main);font-weight:700;padding:.625rem 1.5rem;border-radius:.5rem;font-size:.875rem;border:1px solid var(--sp-border-color);cursor:pointer;transition:background-color .2s}.sp-btn-outline:hover{background-color:var(--sp-bg-secondary)}.sp-btn-remove{color:var(--sp-color-danger);padding:.25rem .5rem;background:transparent;border:none;border-radius:.375rem;cursor:pointer;font-size:1rem;line-height:1;transition:background-color .2s}.sp-btn-remove:hover{background-color:var(--sp-bg-hover-danger)}.sp-btn-link{background:transparent;border:none;color:var(--sp-color-primary);font-weight:700;font-size:.875rem;cursor:pointer;padding:0;text-align:left}.sp-btn-link:hover{text-decoration:underline}.sp-label{display:block;font-size:.875rem;font-weight:500;color:var(--sp-text-secondary);margin-bottom:.25rem}.sp-input,.sp-textarea{width:100%;box-sizing:border-box;background-color:var(--sp-bg-input);color:var(--sp-text-main);padding:.5rem .75rem;border-radius:.5rem;border:1px solid var(--sp-border-color);font-size:.875rem;outline:none;transition:border-color .2s,box-shadow .2s}.sp-input:focus,.sp-textarea:focus{border-color:var(--sp-color-primary)}.sp-textarea{line-height:1.6;resize:vertical}.sp-bin-box{padding:1.25rem;background-color:var(--sp-bg-bin);border-radius:1rem;border:1px solid var(--sp-border-bin)}.sp-bin-layout{display:flex;flex-direction:column;gap:1rem}@media(min-width:768px){.sp-bin-layout{flex-direction:row;align-items:center;justify-content:space-between}}.sp-bin-title{color:var(--sp-text-bin-title);font-weight:700;display:flex;align-items:center;gap:.5rem;margin:0}.sp-bin-desc{color:var(--sp-text-bin-desc);font-size:.75rem;margin-top:.25rem;margin-bottom:0}.sp-bin-input-group{display:flex;gap:.5rem}.sp-bin-input-wrapper{position:relative;flex-grow:1;min-width:200px}.sp-error-text{position:absolute;top:100%;left:0;font-size:.625rem;color:var(--sp-color-danger);font-weight:700;margin-top:.125rem}.sp-grid-2{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:768px){.sp-grid-2{grid-template-columns:repeat(2,1fr)}}.sp-section-title{font-size:1.125rem;font-weight:700;color:var(--sp-text-main);display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.sp-indicator{width:.375rem;height:1.5rem;border-radius:9999px;display:inline-block}.sp-indicator.cyan{background-color:#06b6d4}.sp-indicator.blue{background-color:#3b82f6}.sp-indicator.green{background-color:#22c55e}.sp-form-space{display:flex;flex-direction:column;gap:1rem}.sp-subcard{padding:1rem;background-color:var(--sp-bg-secondary);border-radius:.75rem;border:1px solid var(--sp-border-color);display:flex;flex-direction:column;gap:.5rem}.sp-subcard h4{font-weight:600;color:var(--sp-text-main);margin:0}.sp-contact-box{padding:1.5rem;background-color:var(--sp-bg-secondary);border-radius:1rem;border:1px solid var(--sp-border-color)}.sp-row-item{display:flex;align-items:center;gap:.5rem}.sp-export-box{display:flex;flex-direction:column;gap:1.5rem}@media(min-width:768px){.sp-export-box{flex-direction:row;align-items:center}}.sp-export-text{flex:1}.sp-export-text h3{font-size:1.125rem;font-weight:700;color:var(--sp-text-main);margin:0}.sp-export-text p{font-size:.875rem;color:var(--sp-text-muted);margin:.25rem 0 0}.sp-hidden{display:none!important}.sp-spin{animation:spSpin 1s linear infinite;width:1rem;height:1rem}@keyframes spSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--pay-bg-card: #ffffff;--pay-bg-input: #ffffff;--pay-bg-input-alt: #f8fafc;--pay-bg-filter: #f1f5f9;--pay-bg-modal: #f8fafc;--pay-bg-upcoming: #fefce8;--pay-border-color: #e2e8f0;--pay-border-hover: #cbd5e1;--pay-border-yellow: #fef08a;--pay-text-primary: #0f172a;--pay-text-secondary: #64748b;--pay-text-muted: #94a3b8;--pay-text-dark: #334155;--pay-primary-blue: #2563eb;--pay-primary-hover: #1d4ed8;--pay-blue-light: #eff6ff;--pay-blue-text: #1d4ed8;--pay-green-text: #16a34a;--pay-orange-text: #ea580c;--pay-yellow-text: #854d0e;--pay-yellow-bg: #fef9c3;--pay-red-bg: #fef2f2;--pay-red-border: #f87171;--pay-red-text: #b91c1c;--pay-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--pay-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1)}.dark,[data-theme=dark]{--pay-bg-card: #1e293b;--pay-bg-input: #1e293b;--pay-bg-input-alt: rgba(15, 23, 42, .5);--pay-bg-filter: #334155;--pay-bg-modal: rgba(15, 23, 42, .5);--pay-bg-upcoming: rgba(113, 63, 18, .1);--pay-border-color: #334155;--pay-border-hover: #475569;--pay-border-yellow: rgba(113, 63, 18, .3);--pay-text-primary: #f8fafc;--pay-text-secondary: #94a3b8;--pay-text-muted: #64748b;--pay-text-dark: #e2e8f0;--pay-primary-blue: #3b82f6;--pay-primary-hover: #2563eb;--pay-blue-light: rgba(30, 58, 138, .4);--pay-blue-text: #93c5fd;--pay-green-text: #22c55e;--pay-orange-text: #fb923c;--pay-yellow-text: #facc15;--pay-yellow-bg: rgba(113, 63, 18, .4);--pay-red-bg: rgba(153, 27, 27, .2);--pay-red-border: #b91c1c;--pay-red-text: #f87171;--pay-shadow: 0 1px 3px 0 rgba(0, 0, 0, .3);--pay-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4)}.pay-page{display:flex;flex-direction:column;gap:1.5rem;padding-bottom:3rem}.pay-header{display:flex;flex-direction:column;gap:1rem}@media(min-width:768px){.pay-header{flex-direction:row;justify-content:space-between;align-items:flex-end}}.pay-title{font-size:2.25rem;line-height:2.5rem;font-weight:700;color:var(--pay-text-primary);margin:0}.pay-subtitle{color:var(--pay-text-secondary);margin-top:.25rem;font-size:.875rem}.pay-actions{display:flex;flex-wrap:wrap;gap:.5rem}.pay-btn-secondary{background-color:var(--pay-bg-card);color:var(--pay-text-primary);font-weight:700;padding:.625rem 1.25rem;border-radius:.75rem;font-size:.875rem;border:1px solid var(--pay-border-color);display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s ease;box-shadow:var(--pay-shadow)}.pay-btn-secondary:hover{background-color:var(--pay-bg-filter)}.pay-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.pay-btn-primary{background-color:var(--pay-primary-blue);color:#fff;font-weight:700;padding:.625rem 1.5rem;border-radius:.75rem;font-size:.875rem;border:none;cursor:pointer;box-shadow:0 10px 15px -3px #2563eb33;transition:all .2s ease;text-transform:uppercase;letter-spacing:.05em}.pay-btn-primary:hover{background-color:var(--pay-primary-hover)}.pay-btn-primary:active{transform:scale(.95)}.pay-error{background-color:var(--pay-red-bg);border-left:4px solid var(--pay-red-border);padding:1rem;color:var(--pay-red-text);border-top-right-radius:.75rem;border-bottom-right-radius:.75rem;font-size:.875rem}.pay-summary-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;font-variant-numeric:tabular-nums}@media(min-width:640px){.pay-summary-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.pay-summary-grid{grid-template-columns:repeat(4,1fr)}}.pay-summary-card{background-color:var(--pay-bg-card);padding:1.5rem;border-radius:1rem;box-shadow:var(--pay-shadow);border:1px solid var(--pay-border-color)}.pay-summary-label{font-size:.625rem;font-weight:900;color:var(--pay-text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem}.pay-summary-value{font-size:1.875rem;line-height:2.25rem;font-weight:900;color:var(--pay-text-primary);margin:0}.pay-summary-value--blue{color:var(--pay-primary-blue)}.pay-summary-value--green{color:var(--pay-green-text)}.pay-summary-value--orange{color:var(--pay-orange-text)}.pay-upcoming-box{background-color:var(--pay-bg-upcoming);border:1px solid var(--pay-border-yellow);padding:1.5rem;border-radius:1rem;box-shadow:var(--pay-shadow)}.pay-upcoming-title{font-size:.75rem;font-weight:900;color:var(--pay-yellow-text);margin-bottom:1.25rem;display:flex;align-items:center;gap:.5rem;text-transform:uppercase;letter-spacing:.2em}.pay-upcoming-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:768px){.pay-upcoming-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.pay-upcoming-grid{grid-template-columns:repeat(3,1fr)}}.pay-upcoming-item{background-color:var(--pay-bg-card);padding:1rem;border-radius:.75rem;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--pay-shadow);border:1px solid var(--pay-border-yellow)}.pay-upcoming-name{font-weight:700;color:var(--pay-text-primary);font-size:.875rem;line-height:1.25;margin-bottom:.25rem}.pay-upcoming-date{font-size:.625rem;color:var(--pay-text-secondary);font-weight:900;text-transform:uppercase;letter-spacing:.05em}.pay-upcoming-amount{font-weight:900;color:var(--pay-text-primary);text-align:right}.pay-badge-waiting{font-size:.5625rem;font-weight:900;color:var(--pay-yellow-text);text-transform:uppercase;background-color:var(--pay-yellow-bg);padding:.125rem .5rem;border-radius:9999px}.pay-table-container{background-color:var(--pay-bg-card);border-radius:1.5rem;box-shadow:var(--pay-shadow-lg);border:1px solid var(--pay-border-color);overflow:hidden}.pay-table-header{padding:1.5rem;border-bottom:1px solid var(--pay-border-color);display:flex;flex-direction:column;gap:1rem}@media(min-width:640px){.pay-table-header{flex-direction:row;justify-content:space-between;align-items:center}}.pay-filter-group{display:flex;align-items:center;gap:.375rem;background-color:var(--pay-bg-filter);padding:.375rem;border-radius:.75rem}.pay-select-filter{background:transparent;border:none;font-size:.75rem;font-weight:700;outline:none;padding:.25rem 1rem;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;color:var(--pay-text-primary)}.pay-filter-divider{width:1px;height:1rem;background-color:var(--pay-border-color)}.pay-table-wrapper{overflow-x:auto}.pay-table{width:100%;font-size:.875rem;text-align:left;color:var(--pay-text-secondary);border-collapse:collapse}.pay-thead{background-color:var(--pay-bg-filter)}.pay-th{padding:1.25rem 1rem;font-size:.625rem;font-weight:900;text-transform:uppercase;color:var(--pay-text-muted);letter-spacing:.15em}.pay-tbody{font-variant-numeric:tabular-nums}.pay-tr{border-top:1px solid var(--pay-border-color);transition:background-color .2s ease}.pay-tr:hover{background-color:var(--pay-bg-filter)}.pay-td{padding:1.25rem 1rem}.pay-cell-service{font-weight:700;color:var(--pay-text-primary);max-width:7.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}.pay-cell-comment{font-size:.625rem;color:var(--pay-text-muted);margin-top:.25rem;max-width:7.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:italic}.pay-cell-date{font-weight:700;color:var(--pay-text-dark);margin:0}.pay-cell-period{font-size:.5rem;color:var(--pay-text-muted);text-transform:uppercase;font-weight:900;letter-spacing:.1em}.pay-cell-amount{text-align:right;font-weight:900;color:var(--pay-text-primary)}.pay-recipient-name{font-weight:700;color:var(--pay-text-dark);max-width:8.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}.pay-recipient-info{font-size:.5625rem;color:var(--pay-text-muted);display:flex;align-items:center;gap:.25rem;margin-top:.125rem}.pay-method-badge{padding:.125rem .5rem;border-radius:.5rem;font-size:.5rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.pay-method-badge--wire{background-color:var(--pay-blue-light);color:var(--pay-blue-text)}.pay-method-badge--card{background-color:var(--pay-bg-filter);color:var(--pay-text-secondary)}.pay-actions-cell{display:flex;gap:.25rem;justify-content:flex-end;opacity:0;transition:opacity .2s ease}.pay-tr:hover .pay-actions-cell{opacity:1}.pay-icon-btn{background:transparent;border:none;padding:.375rem;color:var(--pay-text-muted);border-radius:.5rem;cursor:pointer;transition:all .2s ease}.pay-icon-btn:hover{color:var(--pay-primary-blue);background-color:var(--pay-blue-light)}.pay-icon-btn--danger:hover{color:var(--pay-red-text);background-color:var(--pay-red-bg)}.pay-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0009;z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pay-modal{background-color:var(--pay-bg-card);border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:42rem;max-height:90vh;display:flex;flex-direction:column}.pay-modal-header{padding:1.5rem;border-bottom:1px solid var(--pay-border-color);display:flex;justify-content:space-between;align-items:center;border-top-left-radius:1rem;border-top-right-radius:1rem}.pay-modal-title{font-size:1.25rem;font-weight:700;color:var(--pay-text-primary);margin:0}.pay-close-btn{background:transparent;border:none;color:var(--pay-text-muted);font-size:1.5rem;cursor:pointer}.pay-close-btn:hover{color:var(--pay-text-primary)}.pay-modal-body{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto;background-color:var(--pay-bg-modal)}.pay-form-section-title{font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:var(--pay-blue-text);margin-bottom:1rem}.pay-form-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:768px){.pay-form-grid{grid-template-columns:repeat(2,1fr)}}.pay-col-span-2{grid-column:span 1}@media(min-width:768px){.pay-col-span-2{grid-column:span 2}}.pay-field-label{font-size:.75rem;font-weight:700;color:var(--pay-text-secondary);display:block;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.05em}.pay-input{width:100%;background-color:var(--pay-bg-input);padding:.75rem;border-radius:.75rem;border:1px solid var(--pay-border-color);outline:none;transition:all .2s ease;box-shadow:var(--pay-shadow);color:var(--pay-text-primary);font-family:inherit;font-size:.875rem}.pay-input:focus{border-color:var(--pay-primary-blue);box-shadow:0 0 0 2px #2563eb33}.pay-input-highlight{background-color:var(--pay-blue-light);border-color:var(--pay-border-hover);font-weight:700}.pay-section-divider{padding-top:1rem;border-top:1px solid var(--pay-border-color)}.pay-modal-footer{padding:1.5rem;border-top:1px solid var(--pay-border-color);display:flex;justify-content:flex-end;gap:.75rem;background-color:var(--pay-bg-card);border-bottom-left-radius:1rem;border-bottom-right-radius:1rem;position:sticky;bottom:0;box-shadow:0 -4px 6px -1px #0000000d}.pay-btn-cancel{background-color:var(--pay-bg-filter);color:var(--pay-text-dark);font-weight:700;padding:.625rem 1.5rem;border-radius:.75rem;border:none;cursor:pointer;transition:all .2s ease;font-size:.875rem}.pay-btn-cancel:hover{background-color:var(--pay-border-color)}:root{--ai-sidebar-width: 255px;--ai-header-height: 60px;--ai-bg: #f8fafc;--ai-card-bg: #ffffff;--ai-border: #e2e8f0;--ai-text-main: #0f172a;--ai-text-muted: #64748b;--ai-text-subtle: #94a3b8;--ai-primary: #2563eb;--ai-primary-hover: #1d4ed8;--ai-primary-light: #eff6ff;--ai-accent-green: #16a34a;--ai-hover-bg: #f1f5f9;--ai-modal-overlay: rgba(0, 0, 0, .6);--ai-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--ai-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1)}.dark{--ai-bg: #0f172a;--ai-card-bg: #1e293b;--ai-border: #334155;--ai-text-main: #f8fafc;--ai-text-muted: #cbd5e1;--ai-text-subtle: #64748b;--ai-primary: #3b82f6;--ai-primary-hover: #2563eb;--ai-primary-light: rgba(59, 130, 246, .15);--ai-hover-bg: #334155;--ai-modal-overlay: rgba(0, 0, 0, .8)}.ai-assistant-page{display:flex;height:calc(100% + 1rem);margin:0 -1rem -1rem;background-color:var(--ai-bg);overflow:hidden;color:var(--ai-text-main);box-sizing:border-box;transition:background-color .2s ease,color .2s ease}@media(min-width:640px){.ai-assistant-page{height:calc(100% + 1.5rem);margin:0 -1.5rem -1.5rem}}@media(min-width:1024px){.ai-assistant-page{height:calc(100% + 2rem);margin:0 -2rem -2rem}}.ai-assistant-container{flex:1;display:flex;flex-direction:column;height:100%;position:relative;overflow:hidden}.ai-header{height:var(--ai-header-height);padding:.5rem 1.5rem 0;background-color:var(--ai-card-bg);border-bottom:1px solid var(--ai-border);display:flex;justify-content:space-between;align-items:center;box-shadow:var(--ai-shadow-sm);z-index:10;flex-shrink:0;box-sizing:border-box}.ai-header-info{display:flex;flex-direction:column;justify-content:center;gap:.125rem}.ai-header-title{font-size:1.125rem;font-weight:600;line-height:1.25;color:var(--ai-text-main);margin:0;padding:0}.ai-header-subtitle{font-size:.75rem;line-height:1.2;color:var(--ai-text-subtle);margin:0;padding:0}.ai-settings-btn{width:2.25rem;height:2.25rem;border-radius:.5rem;border:1px solid var(--ai-border);background:transparent;color:var(--ai-text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .2s ease}.ai-settings-btn:hover{color:var(--ai-primary);border-color:var(--ai-primary);background-color:var(--ai-primary-light)}.ai-settings-icon{width:1.25rem;height:1.25rem}.ai-messages-area{flex:1 1 auto;overflow-y:auto;padding:1.5rem 1rem;background-color:var(--ai-bg);position:relative;min-height:0}.ai-messages-wrapper{max-width:48rem;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem;padding-bottom:1rem}.ai-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--ai-modal-overlay);z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem}.ai-modal-card{background-color:var(--ai-card-bg);border-radius:.75rem;box-shadow:var(--ai-shadow-xl);width:100%;max-width:28rem;border:1px solid var(--ai-border);overflow:hidden}.ai-modal-header{padding:1.5rem;border-bottom:1px solid var(--ai-border);display:flex;justify-content:space-between;align-items:center}.ai-modal-header h2{font-size:1.25rem;font-weight:700;margin:0}.ai-modal-close{background:none;border:none;color:var(--ai-text-subtle);font-size:1.5rem;cursor:pointer}.ai-modal-close:hover{color:var(--ai-text-main)}.ai-modal-body{padding:1.5rem}.ai-modal-body p{color:var(--ai-text-muted);margin-top:0;margin-bottom:1rem}.ai-modal-actions{display:flex;flex-direction:column;gap:.75rem}.ai-modal-btn{width:100%;text-align:left;padding:.75rem;background-color:var(--ai-hover-bg);border:1px solid var(--ai-border);border-radius:.5rem;color:var(--ai-text-main);font-weight:500;cursor:pointer;transition:all .2s ease}.ai-modal-btn.primary{background-color:var(--ai-primary-light);border-color:var(--ai-primary)}.ai-modal-btn:hover{background-color:var(--ai-primary-light);border-color:var(--ai-primary);color:var(--ai-primary)}.ai-modal-btn-title{font-size:.95rem;font-weight:600;margin-bottom:.25rem}.ai-modal-btn-desc{font-size:.8rem;color:var(--ai-text-muted);line-height:1.3}.ai-modal-separator{text-align:center;font-size:.75rem;color:var(--ai-text-subtle);margin:.25rem 0;position:relative}.ai-welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:1rem}.ai-welcome-header{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1rem}.ai-welcome-logo{height:3rem;width:3rem}.ai-welcome-title{font-size:2.25rem;font-weight:700;margin:0}.ai-welcome-subtitle{color:var(--ai-text-muted);font-size:1.125rem;margin:0}.ai-prompts-grid{display:grid;grid-template-columns:1fr;gap:.75rem;margin-top:2rem;width:100%;max-width:42rem}@media(min-width:640px){.ai-prompts-grid{grid-template-columns:repeat(2,1fr)}}.ai-prompt-card{padding:1rem;background-color:var(--ai-card-bg);border:1px solid var(--ai-border);border-radius:.5rem;text-align:left;color:var(--ai-text-main);cursor:pointer;box-shadow:var(--ai-shadow-sm);transition:all .2s ease}.ai-prompt-card:hover{background-color:var(--ai-primary-light);border-color:var(--ai-primary);color:var(--ai-primary)}.ai-prompt-card p{margin:0;font-size:.875rem;font-weight:500}.ai-message-row{display:flex;width:100%}.ai-message-row.user{justify-content:flex-end}.ai-message-row.ai{justify-content:flex-start}.ai-bubble{max-width:85%;border-radius:1rem;padding:1rem;box-shadow:var(--ai-shadow-sm);position:relative}.ai-bubble.user{background-color:var(--ai-primary);color:#fff;border-top-right-radius:0}.ai-bubble.ai{background-color:var(--ai-card-bg);color:var(--ai-text-main);border:1px solid var(--ai-border);border-top-left-radius:0}.ai-avatar{position:absolute;left:-2.5rem;top:0;display:none}@media(min-width:768px){.ai-avatar{display:block}}.ai-avatar-icon{background-color:var(--ai-primary-light);padding:.375rem;border-radius:.5rem;color:var(--ai-primary);display:flex}.ai-avatar-icon svg{width:1.25rem;height:1.25rem}.ai-message-content{line-height:1.625}.ai-actions{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;opacity:0;transition:opacity .2s ease}.ai-bubble:hover .ai-actions{opacity:1}.ai-action-btn{display:flex;align-items:center;gap:.375rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500;color:var(--ai-text-muted);background-color:var(--ai-hover-bg);border:1px solid var(--ai-border);border-radius:.25rem;cursor:pointer;transition:all .2s ease}.ai-action-btn:hover{color:var(--ai-primary);border-color:var(--ai-primary)}.ai-action-btn svg{width:.875rem;height:.875rem}.ai-suggestions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-start;margin-left:.5rem}.ai-suggestion-pill{padding:.5rem 1rem;background-color:var(--ai-primary-light);color:var(--ai-primary);border-radius:9999px;font-size:.875rem;font-weight:500;border:1px solid var(--ai-border);cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.ai-suggestion-pill:hover{background-color:var(--ai-primary);color:#fff}.ai-suggestion-pill svg{width:1rem;height:1rem;opacity:0;transition:opacity .2s ease}.ai-suggestion-pill:hover svg{opacity:1}.ai-loading-bubble{background-color:var(--ai-card-bg);padding:1rem;border-radius:1rem;border-top-left-radius:0;border:1px solid var(--ai-border);display:flex;gap:.5rem;align-items:center;box-shadow:var(--ai-shadow-sm)}.ai-loading-dot{width:.5rem;height:.5rem;background-color:var(--ai-primary);border-radius:50%;animation:ai-bounce 1.4s infinite ease-in-out both}.ai-loading-dot:nth-child(1){animation-delay:-.32s}.ai-loading-dot:nth-child(2){animation-delay:-.16s}@keyframes ai-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.ai-input-area{position:relative;padding:.75rem 1rem 1rem;z-index:10;flex-shrink:0;background-color:var(--ai-bg)}.ai-input-wrapper{position:relative;max-width:48rem;margin:0 auto;display:flex;align-items:center;gap:.75rem;background-color:var(--ai-card-bg);padding:.625rem 1rem;min-height:52px;border-radius:1rem;border:1px solid var(--ai-border);box-shadow:var(--ai-shadow-sm);box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease}.ai-input-wrapper:focus-within{border-color:var(--ai-primary);box-shadow:0 0 0 3px var(--ai-primary-light)}.ai-attach-btn,.ai-send-btn{margin-bottom:0;flex-shrink:0;display:flex;align-items:center;justify-content:center}.ai-attach-btn{padding:.5rem;color:var(--ai-text-subtle);background:transparent;border:none;border-radius:.75rem;cursor:pointer;transition:all .2s ease}.ai-attach-btn:hover{color:var(--ai-primary);background-color:var(--ai-hover-bg)}.ai-attach-btn svg{width:1.25rem;height:1.25rem}.ai-textarea{flex:1;min-height:24px;max-height:120px;padding:0;margin:0;font-size:.95rem;line-height:1.4;color:var(--ai-text-main);border:none;outline:none;background:transparent;resize:none}.ai-textarea::placeholder{color:var(--ai-text-subtle);opacity:1}.ai-send-btn{padding:.5rem;border-radius:.75rem;border:none;cursor:pointer;transition:background-color .2s ease}.ai-send-btn.active{background-color:var(--ai-primary);color:#fff}.ai-send-btn.active:hover{background-color:var(--ai-primary-hover)}.ai-send-btn.disabled{background-color:var(--ai-hover-bg);color:var(--ai-text-subtle);cursor:not-allowed}.ai-send-btn svg{width:1.25rem;height:1.25rem}.ai-disclaimer{text-align:center;font-size:.75rem;color:var(--ai-text-subtle);margin-top:.5rem}.ai-message-attachments{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.5rem}.ai-message-attachment-item{max-width:100%}.ai-attachment-image-link{display:inline-block;border-radius:.5rem;overflow:hidden;border:1px solid var(--ai-border);transition:transform .2s ease}.ai-attachment-image-link:hover{transform:scale(1.02)}.ai-attachment-image-thumb{max-width:260px;max-height:200px;object-fit:cover;display:block}.ai-attachment-file-card{display:flex;align-items:center;gap:.625rem;padding:.5rem .75rem;border-radius:.5rem;background-color:var(--ai-hover-bg);border:1px solid var(--ai-border);color:var(--ai-text-main);text-decoration:none;transition:all .2s ease;max-width:320px}.ai-bubble.user .ai-attachment-file-card{background-color:#ffffff26;border-color:#ffffff40;color:#fff}.ai-attachment-file-card:hover{border-color:var(--ai-primary);background-color:var(--ai-primary-light)}.ai-bubble.user .ai-attachment-file-card:hover{background-color:#ffffff40;border-color:#fff}.ai-attachment-file-info{display:flex;flex-direction:column;min-width:0;flex:1}.ai-attachment-filename{font-size:.85rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ai-attachment-filesize{font-size:.7rem;opacity:.75}.ai-file-icon{width:1.5rem;height:1.5rem;flex-shrink:0;color:var(--ai-primary)}.ai-file-icon.red{color:#ef4444}.ai-file-icon.blue{color:#3b82f6}.ai-file-icon.green{color:#10b981}.ai-attachment-download-icon{width:1.125rem;height:1.125rem;opacity:.6;flex-shrink:0}.ai-attached-previews{max-width:48rem;margin:0 auto .5rem;display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.25rem}.ai-attachment-chip{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;background-color:var(--ai-card-bg);border:1px solid var(--ai-border);border-radius:9999px;font-size:.8rem;color:var(--ai-text-main);box-shadow:var(--ai-shadow-sm);white-space:nowrap;flex-shrink:0}.ai-chip-name{font-weight:500;max-width:160px;overflow:hidden;text-overflow:ellipsis}.ai-chip-size{color:var(--ai-text-muted);font-size:.7rem}.ai-chip-remove{border:none;background:transparent;color:var(--ai-text-subtle);font-size:1rem;line-height:1;cursor:pointer;padding:0 .125rem;margin-left:.125rem;border-radius:50%}.ai-chip-remove:hover{color:#ef4444}.ai-chip-spinner{width:.875rem;height:.875rem;border:2px solid var(--ai-border);border-top-color:var(--ai-primary);border-radius:50%;animation:ai-spin .8s linear infinite}@keyframes ai-spin{to{transform:rotate(360deg)}}.ai-assistant-page{display:flex;height:calc(100% + 2rem);margin:-1rem;background-color:var(--ai-bg);overflow:hidden;color:var(--ai-text-main);box-sizing:border-box;transition:background-color .2s ease,color .2s ease}@media(min-width:640px){.ai-assistant-page{height:calc(100% + 3rem);margin:-1.5rem}}@media(min-width:1024px){.ai-assistant-page{height:calc(100% + 4rem);margin:-2rem}}:root{--bg-card: #ffffff;--bg-subtle: #f8fafc;--bg-input: #f8fafc;--border-color: #e2e8f0;--text-primary: #0f172a;--text-secondary: #64748b;--text-muted: #94a3b8;--accent-blue: #2563eb;--accent-blue-hover: #1d4ed8;--accent-blue-bg: #eff6ff;--accent-emerald: #059669;--accent-emerald-bg: #ecfdf5;--accent-amber: #92400e;--accent-amber-bg: #fffbeb;--accent-amber-border: #fef3c7;--shadow-color: rgba(0, 0, 0, .05)}.dark{--bg-card: #1e293b;--bg-subtle: #0f172a;--bg-input: #0f172a;--border-color: #334155;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-blue: #3b82f6;--accent-blue-hover: #2563eb;--accent-blue-bg: rgba(59, 130, 246, .1);--accent-emerald: #6ee7b7;--accent-emerald-bg: rgba(16, 185, 129, .1);--accent-amber: #fde68a;--accent-amber-bg: rgba(245, 158, 11, .1);--accent-amber-border: rgba(245, 158, 11, .2);--shadow-color: rgba(0, 0, 0, .3)}.metrica-container{max-width:80rem;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.metrica-header{display:flex;flex-direction:column;justify-content:space-between;gap:1rem}@media(min-width:1024px){.metrica-header{flex-direction:row;align-items:flex-end}}.page-category{font-size:.875rem;font-weight:600;color:var(--accent-blue);margin:0}.page-title{margin-top:.25rem;font-size:1.875rem;font-weight:700;color:var(--text-primary)}.page-subtitle{margin-top:.5rem;color:var(--text-secondary);max-width:42rem;margin-bottom:0}.grid-main{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:1024px){.grid-main{grid-template-columns:.9fr 1.1fr}}.card-section{background-color:var(--bg-card);border-radius:1rem;border:1px solid var(--border-color);padding:1.25rem}@media(min-width:640px){.card-section{padding:1.5rem}}.right-column-stack{display:flex;flex-direction:column;gap:1.5rem}.btn-primary{padding:.625rem 1rem;border-radius:.75rem;background-color:var(--accent-blue);color:#fff;font-size:.875rem;font-weight:600;border:none;cursor:pointer;transition:background-color .15s ease}.btn-primary:hover{background-color:var(--accent-blue-hover)}.btn-outline-blue{width:100%;margin-top:.75rem;padding:.625rem;border-radius:.5rem;border:1px solid var(--border-color);color:var(--accent-blue);background:transparent;font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color .15s ease}.btn-outline-blue:hover:not(:disabled){background-color:var(--accent-blue-bg)}.btn-outline-blue:disabled{opacity:.4;cursor:not-allowed}.btn-text-link{margin-top:.75rem;background:transparent;border:none;font-size:.75rem;color:var(--text-secondary);cursor:pointer;padding:0}.btn-text-link:hover{color:var(--accent-blue)}.form-input{width:100%;border-radius:.5rem;border:1px solid var(--border-color);background-color:var(--bg-input);padding:.625rem .75rem;font-size:.875rem;color:var(--text-primary);outline:none;box-sizing:border-box}.form-input:focus{border-color:var(--accent-blue)}.form-select{border-radius:.5rem;border:1px solid var(--border-color);background-color:var(--bg-input);padding:.5rem .75rem;font-size:.875rem;color:var(--text-primary);outline:none}.form-label{display:block;font-size:.75rem;font-weight:600;color:var(--text-secondary);margin-bottom:.5rem}.section-header{display:flex;align-items:center;justify-content:space-between}.section-title{font-weight:600;color:var(--text-primary);margin:0}.section-desc{margin-top:.25rem;font-size:.75rem;color:var(--text-secondary);margin-bottom:0}.counters-list{margin-top:1.25rem;display:flex;flex-direction:column;gap:.5rem}.counter-item-btn{width:100%;text-align:left;border-radius:.75rem;border:1px solid var(--border-color);padding:.75rem;background:transparent;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.counter-item-btn.selected{border-color:var(--accent-blue);background-color:var(--accent-blue-bg)}.counter-item-btn:hover:not(.selected){background-color:var(--bg-subtle)}.metric-grid-4{margin-top:1.25rem;display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}@media(min-width:640px){.metric-grid-4{grid-template-columns:repeat(4,1fr)}}.metric-grid-3{margin-top:1rem;display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;text-align:center}.metric-box{border-radius:.75rem;background-color:var(--bg-subtle);padding:1rem}.metric-box.accent{background-color:var(--accent-blue-bg)}.info-banner-amber{margin-top:.5rem;border-radius:.5rem;background-color:var(--accent-amber-bg);border:1px solid var(--accent-amber-border);padding:.75rem;font-size:.75rem;line-height:1.25rem;color:var(--accent-amber)}.info-banner-emerald{margin-top:1rem;border-radius:.5rem;background-color:var(--accent-emerald-bg);padding:.5rem .75rem;font-size:.75rem;color:var(--accent-emerald)}:root{--bg-page: #f8fafc;--bg-card: #ffffff;--bg-subtle: #f1f5f9;--bg-input: #f1f5f9;--border-color: #e2e8f0;--text-primary: #0f172a;--text-secondary: #64748b;--text-muted: #94a3b8;--accent-blue: #2563eb;--accent-blue-hover: #1d4ed8;--accent-green: #16a34a;--accent-red: #ef4444;--shadow-color: rgba(0, 0, 0, .05)}.dark{--bg-page: #0f172a;--bg-card: #1e293b;--bg-subtle: #0f172a;--bg-input: #0f172a;--border-color: #334155;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-blue: #3b82f6;--accent-blue-hover: #2563eb;--accent-green: #22c55e;--accent-red: #f87171;--shadow-color: rgba(0, 0, 0, .3)}.brand-health-container{display:flex;flex-direction:column;gap:1.5rem;padding-bottom:2.5rem}.brand-page-header{display:flex;flex-direction:column;justify-content:space-between;gap:1rem}@media(min-width:768px){.brand-page-header{flex-direction:row;align-items:flex-end}}.page-title{font-size:2.25rem;font-weight:700;color:var(--text-primary);margin:0}.page-subtitle{color:var(--text-secondary);margin-top:.25rem}.navigation-tabs{background-color:var(--bg-card);padding:.375rem;border-radius:.75rem;border:1px solid var(--border-color);display:flex;gap:.5rem;overflow-x:auto;box-shadow:0 1px 2px var(--shadow-color)}.tab-button{padding:.5rem 1.25rem;border-radius:.5rem;font-weight:700;font-size:.875rem;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:all .2s ease}.tab-button.active{background-color:var(--accent-blue);color:#fff;box-shadow:0 4px 6px -1px #0000001a}.tab-button:hover:not(.active){color:var(--text-primary)}.btn-primary{background-color:var(--accent-blue);color:#fff;font-weight:700;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;border:none;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:background-color .15s ease}.btn-primary:hover:not(:disabled){background-color:var(--accent-blue-hover)}.form-control{width:100%;background-color:var(--bg-input);color:var(--text-primary);padding:.625rem;border-radius:.5rem;border:1px solid var(--border-color);font-size:.875rem;outline:none;box-sizing:border-box}.form-control:focus{border-color:var(--accent-blue)}.label-title{font-size:.75rem;font-weight:800;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;display:block}.card-panel,.metric-card{background-color:var(--bg-card);padding:1.5rem;border-radius:.75rem;border:1px solid var(--border-color);box-shadow:0 4px 6px -1px var(--shadow-color)}.metric-score{font-size:2.25rem;font-weight:900;line-height:1}.swot-block{padding:1.25rem;border-radius:.75rem;border:1px solid var(--border-color);height:100%;box-shadow:0 1px 2px var(--shadow-color);box-sizing:border-box}.swot-block.strengths{background-color:#2563eb0d;border-color:#2563eb33}.swot-block.weaknesses{background-color:#f973160d;border-color:#f9731633}.swot-block.opportunities{background-color:#16a34a0d;border-color:#16a34a33}.swot-block.threats{background-color:#ef44440d;border-color:#ef444433}.custom-table{width:100%;font-size:.875rem;border-collapse:collapse;text-align:left}.custom-table th{padding:.75rem 1.5rem;font-size:.625rem;font-weight:800;text-transform:uppercase;color:var(--text-secondary);background-color:var(--bg-subtle);letter-spacing:.05em}.custom-table td{padding:1rem 1.5rem;border-top:1px solid var(--border-color);color:var(--text-primary)}.badge-sentiment{font-size:.5rem;font-weight:800;text-transform:uppercase;padding:.125rem .5rem;border-radius:9999px}.badge-sentiment.positive{background-color:#22c55e26;color:#16a34a}.badge-sentiment.negative{background-color:#ef444426;color:#ef4444}.badge-sentiment.neutral{background-color:var(--bg-subtle);color:var(--text-secondary)}.spin-animation{animation:spin 1s linear infinite}.shewhart-page{display:flex;flex-direction:column;gap:1.5rem;padding-bottom:5rem;color:var(--text-primary, #0f172a)}.shewhart-title{font-size:2.25rem;font-weight:700;color:var(--text-primary, #0f172a);margin:0}.shewhart-subtitle{color:var(--text-muted, #64748b);margin-top:.25rem;font-size:.875rem}.control-group{display:flex;flex-direction:column;background-color:var(--bg-surface, #ffffff);padding:.5rem;border-radius:.75rem;border:1px solid var(--border-color, #e2e8f0);box-shadow:0 1px 2px #0000000d}.control-label{font-size:.625rem;font-weight:700;color:var(--text-muted, #64748b);text-transform:uppercase;letter-spacing:.05em;padding:0 .25rem;margin-bottom:.25rem}.control-toggle{display:flex;background-color:var(--bg-subtle, #f1f5f9);padding:.25rem;border-radius:.5rem}.toggle-btn{padding:.375rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:700;border:none;cursor:pointer;color:var(--text-muted, #64748b);background:transparent;transition:all .2s ease}.control-select{background-color:var(--bg-surface, #ffffff);border:1px solid var(--border-color, #cbd5e1);border-radius:.5rem;font-size:.875rem;font-weight:700;padding:.375rem .75rem;cursor:pointer;outline:none;color:var(--text-primary, #0f172a)}.control-select option{background-color:var(--bg-surface, #ffffff);color:var(--text-primary, #0f172a)}.shewhart-banner{display:flex;flex-direction:column;gap:1.25rem;align-items:center;padding:1.25rem;border-radius:1rem;border:1px solid}.shewhart-banner.target-banner{background:linear-gradient(135deg,#6366f114,#a855f714);border-color:#6366f133}.shewhart-banner.classic-banner{background:linear-gradient(135deg,#2563eb14,#38bdf814);border-color:#2563eb33}.banner-icon{width:3.5rem;height:3.5rem;background-color:var(--bg-surface, #ffffff);border-radius:1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.5rem;box-shadow:0 1px 3px #0000000d}.banner-title{font-size:1rem;font-weight:700;margin:0;color:var(--text-primary, #0f172a)}.banner-text{font-size:.75rem;margin-top:.25rem;line-height:1.5;font-weight:500;color:var(--text-muted, #475569)}.tabs-container{background-color:var(--bg-subtle, #f1f5f9);padding:.25rem;border-radius:.75rem;display:inline-flex;flex-wrap:wrap;gap:.25rem;border:1px solid var(--border-color, #e2e8f0)}.tab-btn{padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:700;border:none;cursor:pointer;background:transparent;color:var(--text-muted, #64748b);transition:all .2s ease}.tab-btn.active{background-color:var(--bg-surface, #ffffff);color:var(--text-primary, #0f172a);box-shadow:0 1px 3px #0000001a}.warning-box{background-color:#f973161a;color:#c2410c;padding:1rem;border-radius:.75rem;border:1px solid rgba(249,115,22,.25);font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:.75rem}.metric-card{background-color:var(--bg-surface, #ffffff);padding:1rem;border-radius:.75rem;box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;height:340px;border:1px solid var(--border-color, #e2e8f0);transition:box-shadow .2s ease}.metric-card:hover{box-shadow:0 4px 12px #00000014}.card-title-container{flex:1;min-width:0;padding-right:.5rem}.card-title{font-size:.875rem;font-weight:700;color:var(--text-primary, #0f172a);margin:0;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-indicator{display:flex;align-items:center;gap:.375rem;margin-top:.25rem}.status-dot{width:.375rem;height:.375rem;border-radius:9999px}.status-text{font-size:.625rem;font-weight:700}.fact-container{text-align:right;flex-shrink:0}.label-micro{font-size:.625rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700;color:var(--text-muted, #64748b);margin:0 0 .125rem}.fact-value{font-size:.875rem;font-weight:700;margin:0;color:var(--text-primary, #0f172a)}.stats-panel-target{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-bottom:.75rem;background-color:var(--bg-subtle, #f8fafc);padding:.625rem;border-radius:.5rem;border:1px solid var(--border-color, #f1f5f9);flex-shrink:0}.stats-panel-classic{margin-bottom:.75rem;text-align:right;background-color:var(--bg-subtle, #f8fafc);padding:.375rem .5rem;border-radius:.375rem;align-self:flex-end;width:fit-content;flex-shrink:0;border:1px solid var(--border-color, #f1f5f9)}.stat-value{font-size:.75rem;font-weight:700;margin:0;color:var(--text-primary, #1e293b)}.progress-bar-bg{width:100%;background-color:#e2e8f0;border-radius:9999px;height:.375rem;overflow:hidden}.chart-container{flex:1;width:100%;position:relative;min-height:180px;display:flex;flex-direction:column}.chart-hover-info{position:absolute;top:0;right:0;display:flex;flex-direction:column;gap:.125rem;opacity:0;transition:opacity .2s ease;background-color:var(--bg-surface, #ffffff);border-radius:.25rem;border:1px solid var(--border-color, #cbd5e1);padding:.375rem;font-size:.5625rem;font-weight:700;box-shadow:0 2px 4px #00000014;pointer-events:none;z-index:10}.chart-container:hover .chart-hover-info{opacity:1}.text-muted{color:var(--text-muted, #64748b)}.shewhart-page{display:flex;flex-direction:column;gap:1.5rem;padding-bottom:5rem;color:var(--text-primary)}.shewhart-header{display:flex;flex-direction:column;justify-content:space-between;gap:1.5rem}@media(min-width:1280px){.shewhart-header{flex-direction:row;align-items:center}}.shewhart-title{font-size:2.25rem;font-weight:700;color:var(--text-primary);margin:0}.shewhart-subtitle{color:var(--text-muted);margin-top:.25rem;font-size:.875rem}.shewhart-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.control-group{display:flex;flex-direction:column;background-color:var(--bg-surface);padding:.5rem;border-radius:.75rem;border:1px solid var(--border-color);box-shadow:0 1px 2px #0000000d}.control-label{font-size:.625rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:0 .25rem;margin-bottom:.25rem}.control-toggle{display:flex;background-color:var(--bg-subtle);padding:.25rem;border-radius:.5rem}.toggle-btn{padding:.375rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:700;border:none;cursor:pointer;color:var(--text-muted);background:transparent;transition:all .2s ease}.toggle-btn.active-target{background-color:#6366f1;color:#fff}.toggle-btn.active-classic{background-color:#2563eb;color:#fff}.control-select{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:.5rem;font-size:.875rem;font-weight:700;padding:.375rem .75rem;cursor:pointer;outline:none;color:var(--text-primary)}.control-select option{background-color:var(--bg-surface);color:var(--text-primary)}.shewhart-banner{display:flex;flex-direction:column;gap:1.25rem;align-items:center;padding:1.25rem;border-radius:1rem;border:1px solid var(--border-color)}@media(min-width:768px){.shewhart-banner{flex-direction:row}}.shewhart-banner.target-banner{background:var(--banner-target-bg, rgba(99, 102, 241, .08))}.shewhart-banner.classic-banner{background:var(--banner-classic-bg, rgba(37, 99, 235, .08))}.banner-icon{width:3.5rem;height:3.5rem;background-color:var(--bg-surface);border-radius:1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.5rem}.banner-title{font-size:1rem;font-weight:700;margin:0;color:var(--text-primary)}.banner-text{font-size:.75rem;margin-top:.25rem;line-height:1.5;font-weight:500;color:var(--text-muted)}.tabs-wrapper{display:flex;justify-content:center}@media(min-width:768px){.tabs-wrapper{justify-content:flex-start}}.tabs-container{background-color:var(--bg-subtle);padding:.25rem;border-radius:.75rem;display:inline-flex;flex-wrap:wrap;gap:.25rem;border:1px solid var(--border-color)}.tab-btn{padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:700;border:none;cursor:pointer;background:transparent;color:var(--text-muted);transition:all .2s ease}.tab-btn.active{background-color:var(--bg-surface);color:var(--text-primary);box-shadow:0 1px 3px #0000001a}.warning-box{background-color:#f973161a;color:#ea580c;padding:1rem;border-radius:.75rem;border:1px solid rgba(249,115,22,.2);font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:.75rem}.metrics-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.25rem}@media(min-width:640px){.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1280px){.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.metric-card{background-color:var(--bg-surface);padding:1rem;border-radius:.75rem;box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;height:340px;border:1px solid var(--border-color);transition:box-shadow .2s ease,background-color .2s ease}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;height:42px}.card-title{font-size:.875rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.label-micro{font-size:.625rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700;color:var(--text-muted);margin:0 0 .125rem}.fact-value{font-size:.875rem;font-weight:700;margin:0;color:var(--text-primary)}.stats-panel-target,.stats-panel-classic{margin-bottom:.75rem;background-color:var(--bg-subtle);padding:.625rem;border-radius:.5rem;border:1px solid var(--border-color);flex-shrink:0}.stats-panel-target{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.stat-value{font-size:.75rem;font-weight:700;margin:0;color:var(--text-primary)}.progress-bar-bg{width:100%;background-color:var(--border-color);border-radius:9999px;height:.375rem;overflow:hidden}.progress-bar-fill{height:100%;border-radius:9999px;transition:width 1s ease-in-out}.text-green{color:#16a34a}.text-red{color:#dc2626}.text-blue{color:#2563eb}.text-muted{color:var(--text-muted)}.bg-green{background-color:#16a34a}.bg-red{background-color:#dc2626}.bg-blue{background-color:#2563eb}.bg-orange{background-color:#ea580c}.metric-card{background-color:var(--bg-surface);padding:1rem;border-radius:.75rem;box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;height:380px;border:1px solid var(--border-color);transition:box-shadow .2s ease,background-color .2s ease;overflow:hidden}.chart-container{flex:1;width:100%;position:relative;min-height:160px;display:flex;flex-direction:column;justify-content:flex-end}:root{--dept-bg-main: #f3f4f6;--dept-bg-card: #ffffff;--dept-bg-subtle: #f9fafb;--dept-bg-input: #f3f4f6;--dept-border: #e5e7eb;--dept-border-hover: #d1d5db;--dept-grid-line: rgba(100, 116, 139, .12);--dept-text-main: #1e293b;--dept-text-muted: #64748b;--dept-text-light: #94a3b8;--dept-primary: #2563eb;--dept-primary-hover: #1d4ed8;--dept-primary-light: #eff6ff;--dept-shadow: rgba(0, 0, 0, .05);--status-green-bg: #dcfce7;--status-green-text: #15803d;--status-blue-bg: #dbeafe;--status-blue-text: #1d4ed8;--status-sky-bg: #e0f2fe;--status-sky-text: #0369a1;--status-amber-bg: #fef3c7;--status-amber-text: #b45309;--status-rose-bg: #ffe4e6;--status-rose-text: #be123c}.dark,[data-theme=dark]{--dept-bg-main: #0f172a;--dept-bg-card: #1e293b;--dept-bg-subtle: #0f172a;--dept-bg-input: #334155;--dept-border: rgba(71, 85, 105, .48);--dept-border-hover: rgba(100, 116, 139, .68);--dept-grid-line: rgba(148, 163, 184, .13);--dept-text-main: #f8fafc;--dept-text-muted: #94a3b8;--dept-text-light: #64748b;--dept-primary: #3b82f6;--dept-primary-hover: #2563eb;--dept-primary-light: rgba(59, 130, 246, .15);--dept-shadow: rgba(0, 0, 0, .3);--status-green-bg: rgba(22, 101, 52, .4);--status-green-text: #4ade80;--status-blue-bg: rgba(30, 58, 138, .4);--status-blue-text: #60a5fa;--status-sky-bg: rgba(12, 74, 110, .4);--status-sky-text: #38bdf8;--status-amber-bg: rgba(120, 53, 15, .4);--status-amber-text: #fbbf24;--status-rose-bg: rgba(136, 19, 55, .4);--status-rose-text: #f87171}.dept-container{display:flex;flex-direction:column;height:100vh;background-color:var(--dept-bg-main);color:var(--dept-text-main);margin:-1.5rem;box-sizing:border-box}.dept-header{flex:none;background-color:var(--dept-bg-card);border-bottom:1px solid var(--dept-border)}.dept-header-content{min-height:4rem;padding:.75rem 1.25rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.dept-title{font-size:1.125rem;font-weight:600;margin:0;color:var(--dept-text-main)}.dept-subtitle{font-size:.75rem;color:var(--dept-text-muted);margin:.125rem 0 0}.dept-tab-switch{display:flex;background-color:var(--dept-bg-main);border-radius:.5rem;padding:.25rem;gap:.25rem}.dept-tab-btn{padding:.375rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;border:none;background:transparent;color:var(--dept-text-muted);cursor:pointer;transition:all .2s ease}.dept-tab-btn.active{background-color:var(--dept-bg-card);color:var(--dept-primary);box-shadow:0 1px 3px var(--dept-shadow)}.dept-header-stats{display:flex;align-items:center;gap:1rem;font-size:.75rem;color:var(--dept-text-muted)}.dept-text-warning{color:var(--status-amber-text)}.dept-main{flex:1;overflow:hidden;position:relative}.dept-loader{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.dept-spinner{width:1.75rem;height:1.75rem;border:2px solid rgba(59,130,246,.3);border-top-color:var(--dept-primary);border-radius:50%;animation:dept-spin .8s linear infinite}@keyframes dept-spin{to{transform:rotate(360deg)}}.dept-view-layout{height:100%;display:flex;flex-direction:column}.dept-toolbar{flex:none;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;padding:.625rem 1rem;border-bottom:1px solid var(--dept-border)}.dept-toolbar-group{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.dept-button-group{display:flex;background-color:var(--dept-bg-main);border:1px solid var(--dept-border);border-radius:.5rem;overflow:hidden}.dept-group-btn{padding:.375rem .75rem;font-size:.75rem;font-weight:600;border:none;background:transparent;color:var(--dept-text-muted);cursor:pointer;transition:all .2s}.dept-group-btn.active{background-color:var(--dept-primary);color:#fff}.dept-select{background-color:var(--dept-bg-main);border:1px solid var(--dept-border);border-radius:.5rem;padding:.375rem .75rem;font-size:.75rem;color:var(--dept-text-main);outline:none}.dept-select:focus{border-color:var(--dept-primary)}.dept-icon-btn{padding:.375rem;border-radius:.5rem;background-color:var(--dept-bg-main);border:1px solid var(--dept-border);color:var(--dept-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center}.dept-icon-btn:hover{color:var(--dept-text-main);background-color:var(--dept-border)}.dept-date-btn{padding:.375rem 1rem;background-color:var(--dept-bg-main);border:1px solid var(--dept-border);border-radius:.5rem;font-size:.75rem;font-weight:700;color:var(--dept-text-main);min-width:150px;text-align:center;cursor:pointer}.dept-btn-primary{display:flex;align-items:center;gap:.5rem;padding:.375rem 1rem;background-color:var(--dept-primary);color:#fff;border:none;border-radius:.5rem;font-size:.75rem;font-weight:600;cursor:pointer;transition:background-color .2s}.dept-btn-primary:hover{background-color:var(--dept-primary-hover)}.dept-content-scroll{flex:1;overflow:auto}.dept-gantt-header{display:flex;position:sticky;top:0;z-index:10;background-color:var(--dept-bg-card);border-bottom:1px solid var(--dept-border)}.dept-gantt-hour{flex:1;font-size:.625rem;font-weight:700;color:var(--dept-text-muted);padding:.5rem 0 .5rem .5rem;border-left:none;white-space:nowrap;overflow:hidden}.dept-gantt-hour:nth-child(odd){border-left:1px solid var(--dept-grid-line)}.dept-category-title{border-top:1px solid var(--dept-border);border-bottom:1px solid var(--dept-border);background-color:var(--dept-bg-subtle);padding:.25rem .75rem;font-size:.625rem;font-weight:900;text-transform:uppercase;letter-spacing:.15em;color:var(--dept-text-muted)}.dept-gantt-row{display:flex;border-bottom:1px solid color-mix(in srgb,var(--dept-border) 58%,transparent);transition:background-color .2s}.dept-gantt-row:nth-child(2n){background:color-mix(in srgb,var(--dept-bg-card) 36%,transparent)}.dept-gantt-row:hover{background-color:var(--dept-bg-card)}.dept-machine-label{flex:none;display:flex;align-items:center;gap:.625rem;padding:.625rem 1rem;border-right:1px solid color-mix(in srgb,var(--dept-border) 55%,transparent);box-sizing:border-box}.dept-machine-name{font-size:.75rem;font-weight:700;color:var(--dept-text-main);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dept-machine-sub{font-size:.625rem;color:var(--dept-text-muted);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dept-gantt-lane{flex:1;position:relative;height:52px}.dept-gantt-grid{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;pointer-events:none}.dept-gantt-col{flex:1;border-left:none}.dept-gantt-col:nth-child(odd){border-left:1px solid var(--dept-grid-line)}.dept-now-marker{position:absolute;top:0;bottom:0;width:1px;background-color:var(--status-rose-text);z-index:10;pointer-events:none}.dept-job-block{position:absolute;top:.425rem;bottom:.425rem;border-radius:.55rem;border:1px solid transparent;padding:0 .65rem;font-size:.625rem;font-weight:700;display:flex;flex-direction:column;justify-content:center;overflow:hidden;cursor:pointer;box-shadow:0 5px 12px -7px #0f172acc;transition:transform .15s ease,filter .2s ease,box-shadow .2s ease}.dept-job-block:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 9px 18px -9px #0f172ae6}.dept-job-block:active{transform:scale(.98)}.dept-job-block.status-default{background:linear-gradient(135deg,#475569,#334155);color:#fff}.dept-job-block.status-working{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff}.dept-job-block.status-completed{background:linear-gradient(135deg,#059669,#10b981);color:#fff}.dept-job-block.status-error{background:linear-gradient(135deg,#e11d48,#f43f5e);color:#fff}.dept-legend{flex:none;display:flex;align-items:center;gap:1rem;padding:.5rem 1rem;border-top:1px solid var(--dept-border);background-color:var(--dept-bg-subtle)}.dept-legend-item{display:flex;align-items:center;gap:.375rem}.dept-legend-dot{width:.625rem;height:.625rem;border-radius:.125rem}.dept-legend-label{font-size:.625rem;color:var(--dept-text-muted)}.dept-month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.25rem;padding:1rem}.dept-month-header{text-align:center;font-size:.625rem;font-weight:600;color:var(--dept-text-muted);padding:.5rem 0}.dept-month-cell{min-height:80px;border-radius:.75rem;border:1px solid var(--dept-border);padding:.5rem;background-color:var(--dept-bg-card);transition:border-color .2s}.dept-month-cell.is-today{border-color:var(--dept-primary);background-color:var(--dept-primary-light)}.dept-month-daynum{font-size:.75rem;font-weight:700;margin-bottom:.375rem;color:var(--dept-text-muted)}.dept-month-daynum.is-today{color:var(--dept-primary)}.dept-month-job-item{display:flex;align-items:center;gap:.25rem;overflow:hidden;font-size:.5625rem;color:var(--dept-text-muted);line-height:1.2}.dept-subtabs{flex:none;display:flex;align-items:center;border-bottom:1px solid var(--dept-border);padding:0 1rem}.dept-subtab-btn{padding:.75rem 1.25rem;font-size:.75rem;font-weight:600;border:none;border-bottom:2px solid transparent;background:transparent;color:var(--dept-text-muted);cursor:pointer;transition:all .2s}.dept-subtab-btn.active{border-bottom-color:var(--dept-primary);color:var(--dept-primary)}.dept-cards-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:.75rem}@media(min-width:640px){.dept-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.dept-cards-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1280px){.dept-cards-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.dept-card-add{border:2px dashed var(--dept-border);border-radius:1rem;height:10rem;display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent;color:var(--dept-text-muted);cursor:pointer;transition:all .2s}.dept-card-add:hover{border-color:var(--dept-primary);color:var(--dept-primary);background-color:var(--dept-primary-light)}.dept-resource-card{background-color:var(--dept-bg-card);border:1px solid var(--dept-border);border-radius:1rem;padding:1rem;display:flex;flex-direction:column}.dept-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.75rem}.dept-icon-box{width:2.25rem;height:2.25rem;border-radius:.75rem;background-color:var(--dept-primary-light);display:flex;align-items:center;justify-content:center;flex:none}.dept-card-actions{margin-top:auto;padding-top:.75rem;border-top:1px solid var(--dept-border);display:flex;justify-content:space-between}.dept-link-btn{font-size:.625rem;font-weight:500;background:none;border:none;color:var(--dept-text-muted);cursor:pointer}.dept-link-btn:hover{color:var(--dept-primary)}.dept-link-btn.danger:hover{color:var(--status-rose-text)}.dept-table-wrapper{background-color:var(--dept-bg-card);border:1px solid var(--dept-border);border-radius:1rem;overflow:hidden}.dept-table{width:100%;border-collapse:collapse;font-size:.875rem}.dept-table th{text-align:left;padding:.75rem 1rem;font-size:.625rem;font-weight:600;color:var(--dept-text-muted);border-bottom:1px solid var(--dept-border)}.dept-table td{padding:.75rem 1rem;border-bottom:1px solid var(--dept-border)}.dept-table tr:last-child td{border-bottom:none}.dept-progress-bar{width:4rem;height:.375rem;background-color:var(--dept-bg-main);border-radius:9999px;overflow:hidden}.dept-progress-fill{height:100%;border-radius:9999px}.dept-badge{display:inline-flex;padding:.125rem .5rem;border-radius:.25rem;font-size:.625rem;font-weight:600}.dept-badge.status-green{background-color:var(--status-green-bg);color:var(--status-green-text)}.dept-badge.status-blue{background-color:var(--status-blue-bg);color:var(--status-blue-text)}.dept-badge.status-sky{background-color:var(--status-sky-bg);color:var(--status-sky-text)}.dept-badge.status-amber{background-color:var(--status-amber-bg);color:var(--status-amber-text)}.dept-badge.status-rose{background-color:var(--status-rose-bg);color:var(--status-rose-text)}.dept-dot{width:.5rem;height:.5rem;border-radius:50%;display:inline-block;flex:none}.dept-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem}.dept-modal{background-color:var(--dept-bg-card);border:1px solid var(--dept-border);border-radius:1rem;width:100%;max-width:28rem;box-shadow:0 20px 25px -5px var(--dept-shadow);display:flex;flex-direction:column;max-height:95vh;overflow:hidden}.dept-modal-header{padding:1.5rem 1.75rem 1rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--dept-border)}.dept-modal-body{flex:1;overflow-y:auto;padding:1.25rem 1.75rem}.dept-modal-footer{padding:1rem 1.75rem 1.5rem;border-top:1px solid var(--dept-border);display:flex;gap:.75rem}.dept-form-label{display:block;font-size:.6875rem;font-weight:600;color:var(--dept-text-muted);margin-bottom:.25rem}.dept-form-input{width:100%;background-color:var(--dept-bg-input);border:1px solid var(--dept-border);border-radius:.75rem;padding:.625rem 1rem;font-size:.875rem;color:var(--dept-text-main);box-sizing:border-box;outline:none;transition:border-color .2s}.dept-form-input:focus{border-color:var(--dept-primary)}.dept-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.dept-form-group{margin-bottom:1rem}.dept-btn-danger{padding:.75rem 1.25rem;border-radius:.75rem;font-size:.75rem;font-weight:600;background-color:var(--status-rose-bg);color:var(--status-rose-text);border:1px solid var(--status-rose-text);cursor:pointer}:root{--strategy-bg: #ffffff;--strategy-text: #1e293b;--strategy-text-muted: #64748b;--strategy-border: #f1f5f9;--strategy-card-bg: #f8fafc;--strategy-primary: #2563eb;--strategy-primary-hover: #1d4ed8;--strategy-icon-bg: #dbeafe;--strategy-info-bg: #fffbeb;--strategy-info-border: #fef3c7;--strategy-info-icon-bg: #fef3c7;--strategy-info-title: #92400e;--strategy-info-text: #b45309}.dark{--strategy-bg: #1e293b;--strategy-text: #f8fafc;--strategy-text-muted: #94a3b8;--strategy-border: #334155;--strategy-card-bg: rgba(15, 23, 42, .5);--strategy-primary: #3b82f6;--strategy-primary-hover: #2563eb;--strategy-icon-bg: rgba(30, 58, 138, .3);--strategy-info-bg: rgba(120, 53, 15, .1);--strategy-info-border: rgba(120, 53, 15, .2);--strategy-info-icon-bg: rgba(120, 53, 15, .3);--strategy-info-title: #fbbf24;--strategy-info-text: rgba(245, 158, 11, .8)}.strategy-container{max-width:56rem;margin-left:auto;margin-right:auto;display:flex;flex-direction:column;gap:1.5rem}.strategy-header{display:flex;justify-content:space-between;align-items:center;background-color:var(--strategy-bg);padding:1.5rem;border-radius:1rem;border:1px solid var(--strategy-border);box-shadow:0 1px 2px #0000000d;transition:all .2s ease}.strategy-title-wrapper{display:flex;align-items:center;gap:1rem}.strategy-header-icon{background-color:var(--strategy-icon-bg);padding:.75rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center}.strategy-header-icon svg{width:1.75rem;height:1.75rem;color:var(--strategy-primary)}.strategy-title-text h1{font-size:1.5rem;font-weight:700;color:var(--strategy-text);margin:0}.strategy-title-text p{font-size:.875rem;color:var(--strategy-text-muted);margin:.25rem 0 0}.btn-primary{display:inline-flex;align-items:center;padding:.625rem 1.25rem;background-color:var(--strategy-primary);color:#fff;font-weight:600;border-radius:.75rem;border:none;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.btn-primary:hover:not(:disabled){background-color:var(--strategy-primary-hover)}.btn-primary:active:not(:disabled){transform:scale(.95)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{padding:.625rem 1.25rem;background-color:var(--strategy-border);color:var(--strategy-text);font-weight:500;border-radius:.75rem;border:none;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{filter:brightness(.95)}.btn-cancel{padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:var(--strategy-text-muted);background:transparent;border:none;cursor:pointer;transition:color .2s ease}.btn-cancel:hover{color:var(--strategy-text)}.btn-edit{display:flex;align-items:center;gap:.375rem;font-size:.875rem;font-weight:500;color:var(--strategy-primary);background:transparent;border:none;cursor:pointer;transition:color .2s ease}.btn-edit:hover{filter:brightness(.85)}.strategy-card{background-color:var(--strategy-bg);border-radius:1rem;border:1px solid var(--strategy-border);box-shadow:0 1px 2px #0000000d;overflow:hidden;transition:all .2s ease}.strategy-card-header{padding:1.5rem;border-bottom:1px solid var(--strategy-border);display:flex;justify-content:space-between;align-items:center}.strategy-card-title{font-size:1.125rem;font-weight:600;color:var(--strategy-text);display:flex;align-items:center;gap:.5rem;margin:0}.strategy-card-body{padding:2rem}.strategy-edit-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:1024px){.strategy-edit-grid{grid-template-columns:1fr 1fr}}.strategy-form-group{display:flex;flex-direction:column;gap:1rem}.strategy-label{font-size:.875rem;font-weight:500;color:var(--strategy-text-muted)}.strategy-textarea{width:100%;min-height:500px;padding:1rem;background-color:var(--strategy-card-bg);border-radius:.75rem;border:1px solid var(--strategy-border);color:var(--strategy-text);outline:none;font-family:monospace;font-size:.875rem;line-height:1.625;box-sizing:border-box;resize:vertical;transition:all .2s ease}.strategy-textarea:focus{border-color:var(--strategy-primary);box-shadow:0 0 0 3px #2563eb33}.strategy-preview-box{width:100%;min-height:500px;padding:2rem;background-color:var(--strategy-bg);border-radius:.75rem;border:1px dashed var(--strategy-border);box-sizing:border-box;max-height:600px;overflow-y:auto}.strategy-preview-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:var(--strategy-text-muted);font-style:italic}.strategy-view-box{background-color:var(--strategy-card-bg);border-radius:.75rem;padding:2rem;border:1px solid var(--strategy-border)}.strategy-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 1rem;text-align:center}.strategy-empty-icon{background-color:var(--strategy-card-bg);padding:1.5rem;border-radius:9999px;margin-bottom:1rem}.strategy-empty h3{font-size:1.125rem;font-weight:600;color:var(--strategy-text);margin:0 0 .25rem}.strategy-empty p{color:var(--strategy-text-muted);max-width:24rem;margin:0 0 1.5rem;font-size:.875rem}.strategy-info-card{background-color:var(--strategy-info-bg);border:1px solid var(--strategy-info-border);border-radius:1rem;padding:1.5rem}.strategy-info-wrapper{display:flex;gap:1rem}.strategy-info-icon{padding:.5rem;background-color:var(--strategy-info-icon-bg);border-radius:.5rem;height:fit-content;display:flex;align-items:center;justify-content:center}.strategy-info-icon svg{width:1.5rem;height:1.5rem;color:var(--strategy-info-title)}.strategy-info-content h4{color:var(--strategy-info-title);font-weight:700;margin:0 0 .25rem}.strategy-info-content p{color:var(--strategy-info-text);font-size:.875rem;line-height:1.625;margin:0}.spinner{animation:spin 1s linear infinite;margin-right:.75rem;width:1.25rem;height:1.25rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hidden-input{display:none}.icon-sm{width:1rem;height:1rem}.icon-md{width:1.25rem;height:1.25rem}.flex-end-gap{display:flex;justify-content:flex-end;gap:.75rem;padding-top:.5rem}:root{--kb-bg-modal-overlay: rgba(0, 0, 0, .6);--kb-bg-card: #ffffff;--kb-bg-input: #f8fafc;--kb-bg-footer: #f8fafc;--kb-bg-icon-wrapper: #f8fafc;--kb-border-color: #e2e8f0;--kb-text-primary: #0f172a;--kb-text-secondary: #64748b;--kb-text-muted: #94a3b8;--kb-primary-blue: #2563eb;--kb-primary-blue-hover: #1d4ed8;--kb-primary-indigo: #6366f1;--kb-blue-badge-bg: #eff6ff;--kb-blue-badge-text: #2563eb;--kb-purple-badge-bg: #f5f3ff;--kb-purple-badge-text: #7c3aed;--kb-green-badge-bg: #f0fdf4;--kb-green-badge-text: #16a34a;--kb-red-color: #ef4444;--kb-red-hover-bg: #fef2f2;--kb-card-shadow: 0 1px 3px 0 rgba(0, 0, 0, .08), 0 1px 2px -1px rgba(0, 0, 0, .06);--kb-card-hover-shadow: 0 12px 24px -6px rgba(0, 0, 0, .12), 0 4px 10px -3px rgba(0, 0, 0, .06);--kb-glass-bg: rgba(255, 255, 255, .7);--kb-code-bg: #f1f5f9}.dark,[data-theme=dark]{--kb-bg-card: #1e293b;--kb-bg-input: rgba(15, 23, 42, .6);--kb-bg-footer: rgba(30, 41, 59, .7);--kb-bg-icon-wrapper: #0f172a;--kb-border-color: #334155;--kb-text-primary: #f8fafc;--kb-text-secondary: #94a3b8;--kb-text-muted: #64748b;--kb-blue-badge-bg: rgba(37, 99, 235, .18);--kb-blue-badge-text: #60a5fa;--kb-purple-badge-bg: rgba(124, 58, 237, .18);--kb-purple-badge-text: #a78bfa;--kb-green-badge-bg: rgba(22, 163, 74, .18);--kb-green-badge-text: #4ade80;--kb-red-hover-bg: rgba(239, 68, 68, .15);--kb-card-shadow: 0 1px 3px 0 rgba(0, 0, 0, .3);--kb-card-hover-shadow: 0 20px 25px -5px rgba(0, 0, 0, .45);--kb-glass-bg: rgba(30, 41, 59, .7);--kb-code-bg: #0f172a}.kb-page{display:flex;flex-direction:column;gap:1.5rem;padding-bottom:3rem}.kb-header{display:flex;flex-direction:column;gap:1rem}@media(min-width:768px){.kb-header{flex-direction:row;justify-content:space-between;align-items:center}}.kb-title-wrap{display:flex;flex-direction:column}.kb-title{font-size:2rem;line-height:2.25rem;font-weight:800;color:var(--kb-text-primary);margin:0;display:flex;align-items:center;gap:.625rem}.kb-subtitle{color:var(--kb-text-secondary);margin-top:.375rem;font-size:.9375rem}.kb-header-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.kb-btn-primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-weight:600;padding:.625rem 1.25rem;border-radius:.75rem;font-size:.875rem;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 12px #2563eb40;transition:all .2s ease;border:none;cursor:pointer}.kb-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #2563eb59}.kb-btn-primary:active:not(:disabled){transform:scale(.97)}.kb-btn-primary:disabled{opacity:.6;cursor:not-allowed}.kb-btn-secondary{padding:.625rem 1.125rem;border-radius:.75rem;font-weight:600;font-size:.875rem;color:var(--kb-text-primary);background-color:var(--kb-bg-card);border:1px solid var(--kb-border-color);cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.kb-btn-secondary:hover:not(:disabled){background-color:var(--kb-border-color)}.kb-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.kb-btn-danger-outline{padding:.625rem 1rem;border-radius:.75rem;font-weight:600;font-size:.875rem;color:var(--kb-red-color);background:transparent;border:1px solid rgba(239,68,68,.3);cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.kb-btn-danger-outline:hover:not(:disabled){background-color:var(--kb-red-hover-bg);border-color:var(--kb-red-color)}.kb-btn-danger{background-color:var(--kb-red-color);color:#fff;font-weight:600;padding:.625rem 1.25rem;border-radius:.75rem;font-size:.875rem;display:flex;align-items:center;gap:.5rem;border:none;cursor:pointer;transition:all .2s ease}.kb-btn-danger:hover:not(:disabled){background-color:#dc2626}.kb-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.kb-stat-card{background-color:var(--kb-bg-card);border:1px solid var(--kb-border-color);border-radius:1rem;padding:1rem 1.25rem;display:flex;align-items:center;gap:1rem;box-shadow:var(--kb-card-shadow);transition:border-color .2s ease}.kb-stat-icon{width:2.75rem;height:2.75rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.kb-stat-icon.blue{background-color:var(--kb-blue-badge-bg);color:var(--kb-primary-blue)}.kb-stat-icon.purple{background-color:var(--kb-purple-badge-bg);color:var(--kb-purple-badge-text)}.kb-stat-icon.green{background-color:var(--kb-green-badge-bg);color:var(--kb-green-badge-text)}.kb-stat-info{display:flex;flex-direction:column}.kb-stat-value{font-size:1.375rem;font-weight:800;color:var(--kb-text-primary);line-height:1.2}.kb-stat-label{font-size:.75rem;font-weight:600;color:var(--kb-text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-top:.125rem}.kb-tabs-bar{display:flex;align-items:center;gap:.5rem;border-bottom:1px solid var(--kb-border-color);padding-bottom:.5rem}.kb-tab-btn{background:transparent;border:none;color:var(--kb-text-secondary);padding:.5rem 1rem;border-radius:.625rem;font-size:.9375rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.kb-tab-btn:hover{color:var(--kb-text-primary);background-color:var(--kb-bg-input)}.kb-tab-btn.active{color:var(--kb-primary-blue);background-color:var(--kb-blue-badge-bg)}.kb-filter-bar{display:flex;flex-direction:column;gap:.75rem}@media(min-width:768px){.kb-filter-bar{flex-direction:row;align-items:center;justify-content:space-between}}.kb-search-box{position:relative;flex:1;max-width:500px}.kb-search-icon{position:absolute;top:0;bottom:0;left:0;padding-left:.875rem;display:flex;align-items:center;pointer-events:none;color:var(--kb-text-muted)}.kb-search-icon svg{width:1.125rem;height:1.125rem}.kb-search-input{display:block;width:100%;padding:.625rem .875rem .625rem 2.5rem;border:1px solid var(--kb-border-color);border-radius:.75rem;line-height:1.25;background-color:var(--kb-bg-card);color:var(--kb-text-primary);font-size:.875rem;box-shadow:0 1px 2px #0000000a;transition:all .2s ease;outline:none;box-sizing:border-box}.kb-search-input:focus{border-color:var(--kb-primary-blue);box-shadow:0 0 0 2px #2563eb33}.kb-filter-controls{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.kb-select{padding:.625rem .875rem;background-color:var(--kb-bg-card);border:1px solid var(--kb-border-color);border-radius:.75rem;color:var(--kb-text-primary);font-size:.875rem;outline:none;cursor:pointer}.kb-select:focus{border-color:var(--kb-primary-blue)}.kb-grid{display:grid;grid-template-columns:1fr;gap:1.25rem}@media(min-width:768px){.kb-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1100px){.kb-grid{grid-template-columns:repeat(3,1fr)}}.kb-card{background-color:var(--kb-bg-card);padding:1.25rem;border-radius:1.25rem;border:1px solid var(--kb-border-color);box-shadow:var(--kb-card-shadow);transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer;display:flex;flex-direction:column;height:100%;box-sizing:border-box;position:relative}.kb-card:hover{box-shadow:var(--kb-card-hover-shadow);transform:translateY(-3px);border-color:#2563eb66}.kb-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.75rem}.kb-card-type-icon{width:2.25rem;height:2.25rem;border-radius:.625rem;background-color:var(--kb-bg-input);display:flex;align-items:center;justify-content:center;color:var(--kb-primary-blue);flex-shrink:0}.kb-card-title-block{flex:1;min-width:0}.kb-card-title{font-size:1.0625rem;font-weight:700;color:var(--kb-text-primary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .2s ease}.kb-card:hover .kb-card-title{color:var(--kb-primary-blue)}.kb-card-category-tag{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--kb-text-muted);margin-top:.125rem;display:block}.kb-card-delete-btn{padding:.375rem;color:var(--kb-text-muted);background:transparent;border:none;cursor:pointer;border-radius:.5rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.kb-card-delete-btn:hover{color:var(--kb-red-color);background-color:var(--kb-red-hover-bg)}.kb-card-content{font-size:.875rem;color:var(--kb-text-secondary);line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:1rem;flex:1}.kb-card-tags{display:flex;flex-wrap:wrap;gap:.375rem;margin-bottom:.75rem}.kb-tag-chip{font-size:.6875rem;padding:.1875rem .5rem;border-radius:.375rem;background-color:var(--kb-bg-input);color:var(--kb-text-secondary);border:1px solid var(--kb-border-color)}.kb-card-footer{padding-top:.75rem;border-top:1px solid var(--kb-border-color);display:flex;justify-content:space-between;align-items:center}.kb-vector-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .5rem;background-color:var(--kb-purple-badge-bg);color:var(--kb-purple-badge-text);border-radius:.5rem;font-size:.6875rem;font-weight:700}.kb-card-date{font-size:.6875rem;color:var(--kb-text-muted);font-weight:600}.kb-empty-state{background-color:var(--kb-bg-card);border-radius:1.5rem;padding:3.5rem 1.5rem;text-align:center;border:2px dashed var(--kb-border-color)}.kb-empty-icon-wrapper{margin:0 auto 1.25rem;width:5rem;height:5rem;background-color:var(--kb-bg-input);border-radius:9999px;display:flex;align-items:center;justify-content:center;color:var(--kb-text-muted)}.kb-empty-title{font-size:1.25rem;font-weight:700;color:var(--kb-text-primary);margin-bottom:.5rem}.kb-empty-desc{color:var(--kb-text-secondary);max-width:26rem;margin:0 auto 1.5rem;font-size:.875rem;line-height:1.5}.kb-search-sandbox{background-color:var(--kb-bg-card);border:1px solid var(--kb-border-color);border-radius:1.25rem;padding:1.5rem;box-shadow:var(--kb-card-shadow);display:flex;flex-direction:column;gap:1.25rem}.kb-sandbox-header{display:flex;flex-direction:column;gap:.375rem}.kb-sandbox-title{font-size:1.25rem;font-weight:800;color:var(--kb-text-primary);margin:0;display:flex;align-items:center;gap:.5rem}.kb-sandbox-desc{color:var(--kb-text-secondary);font-size:.875rem}.kb-sandbox-form{display:flex;gap:.75rem}.kb-sandbox-input-wrap{flex:1;position:relative}.kb-sandbox-input{width:100%;padding:.75rem 1rem;border-radius:.75rem;border:1px solid var(--kb-border-color);background-color:var(--kb-bg-input);color:var(--kb-text-primary);font-size:.9375rem;outline:none;box-sizing:border-box;transition:all .2s ease}.kb-sandbox-input:focus{border-color:var(--kb-primary-blue);box-shadow:0 0 0 2px #2563eb33}.kb-sandbox-results{display:flex;flex-direction:column;gap:1rem;margin-top:.5rem}.kb-sandbox-meta{display:flex;align-items:center;justify-content:space-between;font-size:.8125rem;color:var(--kb-text-secondary);padding:0 .25rem}.kb-search-result-card{background-color:var(--kb-bg-input);border:1px solid var(--kb-border-color);border-radius:1rem;padding:1.25rem;display:flex;flex-direction:column;gap:.75rem;transition:border-color .2s ease}.kb-search-result-card:hover{border-color:var(--kb-primary-blue)}.kb-search-result-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.kb-search-result-doc-title{font-size:1rem;font-weight:700;color:var(--kb-text-primary);margin:0}.kb-score-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:.5rem;font-size:.75rem;font-weight:800;background-color:var(--kb-green-badge-bg);color:var(--kb-green-badge-text)}.kb-search-result-text{font-size:.875rem;color:var(--kb-text-primary);line-height:1.6;background-color:var(--kb-bg-card);padding:.875rem 1rem;border-radius:.625rem;border:1px solid var(--kb-border-color)}.kb-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--kb-bg-modal-overlay);z-index:999;display:flex;align-items:center;justify-content:center;padding:1rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.kb-modal-container{background-color:var(--kb-bg-card);border-radius:1.25rem;box-shadow:var(--kb-card-hover-shadow);width:100%;max-width:44rem;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:kbModalIn .2s ease-out;border:1px solid var(--kb-border-color)}.kb-modal-container.large{max-width:52rem}@keyframes kbModalIn{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.kb-modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--kb-border-color);display:flex;justify-content:space-between;align-items:center}.kb-modal-title{font-size:1.25rem;font-weight:700;color:var(--kb-text-primary);margin:0}.kb-modal-close{color:var(--kb-text-muted);background:transparent;border:none;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:.5rem;transition:all .2s ease}.kb-modal-close:hover{color:var(--kb-text-primary);background-color:var(--kb-bg-input)}.kb-modal-tabs{display:flex;border-bottom:1px solid var(--kb-border-color);background-color:var(--kb-bg-input);padding:.25rem 1.5rem 0;gap:.5rem}.kb-modal-tab-btn{background:transparent;border:none;padding:.625rem 1rem;font-size:.875rem;font-weight:600;color:var(--kb-text-secondary);border-bottom:2px solid transparent;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.kb-modal-tab-btn.active{color:var(--kb-primary-blue);border-bottom-color:var(--kb-primary-blue);background-color:var(--kb-bg-card);border-top-left-radius:.5rem;border-top-right-radius:.5rem}.kb-modal-body{padding:1.5rem;display:flex;flex-direction:column;gap:1rem;overflow-y:auto;flex:1}.kb-form-group{display:flex;flex-direction:column}.kb-form-row{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:640px){.kb-form-row{grid-template-columns:1fr 1fr}}.kb-form-label{font-size:.75rem;font-weight:700;color:var(--kb-text-muted);text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:.375rem}.kb-input,.kb-textarea{width:100%;background-color:var(--kb-bg-input);border:1px solid var(--kb-border-color);padding:.625rem .875rem;border-radius:.75rem;outline:none;transition:all .2s ease;color:var(--kb-text-primary);font-family:inherit;font-size:.875rem;box-sizing:border-box}.kb-input:focus,.kb-textarea:focus{border-color:var(--kb-primary-blue);box-shadow:0 0 0 2px #2563eb33}.kb-textarea{height:9rem;resize:vertical;line-height:1.5}.kb-dropzone{border:2px dashed var(--kb-border-color);background-color:var(--kb-bg-input);border-radius:1rem;padding:2rem 1.5rem;text-align:center;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:.75rem}.kb-dropzone:hover,.kb-dropzone.drag-active{border-color:var(--kb-primary-blue);background-color:var(--kb-blue-badge-bg)}.kb-dropzone-icon{width:3rem;height:3rem;color:var(--kb-primary-blue)}.kb-dropzone-title{font-size:.9375rem;font-weight:700;color:var(--kb-text-primary);margin:0}.kb-dropzone-desc{font-size:.75rem;color:var(--kb-text-secondary);margin:0}.kb-selected-file-badge{display:flex;align-items:center;justify-content:space-between;background-color:var(--kb-bg-card);border:1px solid var(--kb-border-color);padding:.75rem 1rem;border-radius:.75rem}.kb-chunks-list{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.kb-chunk-card{background-color:var(--kb-code-bg);border:1px solid var(--kb-border-color);border-radius:.75rem;padding:.875rem 1rem;font-size:.8125rem;line-height:1.5;color:var(--kb-text-primary)}.kb-chunk-header{display:flex;justify-content:space-between;margin-bottom:.375rem;font-size:.6875rem;font-weight:700;text-transform:uppercase;color:var(--kb-purple-badge-text)}.kb-modal-footer{padding:1.25rem 1.5rem;border-top:1px solid var(--kb-border-color);display:flex;justify-content:flex-end;gap:.75rem;background-color:var(--kb-bg-footer)}.kb-pagination{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem}.kb-page-btn{padding:.5rem .875rem;border-radius:.5rem;border:1px solid var(--kb-border-color);background-color:var(--kb-bg-card);color:var(--kb-text-primary);font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s ease}.kb-page-btn:hover:not(:disabled){background-color:var(--kb-border-color)}.kb-page-btn.active{background-color:var(--kb-primary-blue);color:#fff;border-color:var(--kb-primary-blue)}.kb-page-btn:disabled{opacity:.4;cursor:not-allowed}.kb-alert{padding:.75rem 1rem;border-radius:.75rem;font-size:.875rem;display:flex;align-items:center;gap:.625rem}.kb-alert-error{background-color:var(--kb-red-hover-bg);border:1px solid rgba(239,68,68,.3);color:var(--kb-red-color)}.kb-alert-success{background-color:var(--kb-green-badge-bg);border:1px solid rgba(22,163,74,.3);color:var(--kb-green-badge-text)}.kb-spinner{animation:kbSpin 1s linear infinite}@keyframes kbSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root,.light,[data-theme=light]{--cad-bg: #ffffff;--cad-card-bg: #ffffff;--cad-border: #e2e8f0;--cad-text-main: #0f172a;--cad-text-muted: #64748b;--cad-text-subtle: #94a3b8;--cad-primary: #2563eb;--cad-primary-hover: #1d4ed8;--cad-primary-bg: #eff6ff;--cad-primary-text: #1e40af;--cad-secondary-bg: #f8fafc;--cad-secondary-border: #cbd5e1;--cad-secondary-hover: #f1f5f9;--cad-success-bg: #ecfdf5;--cad-success-text: #047857;--cad-warning-bg: #fffbeb;--cad-warning-border: #fde68a;--cad-warning-text: #92400e;--cad-preview-bg: #f8fafc;--cad-preview-border: #cbd5e1}.dark,[data-theme=dark]{--cad-bg: #0f172a;--cad-card-bg: #1e293b;--cad-border: #334155;--cad-text-main: #f8fafc;--cad-text-muted: #94a3b8;--cad-text-subtle: #64748b;--cad-primary: #3b82f6;--cad-primary-hover: #60a5fa;--cad-primary-bg: rgba(59, 130, 246, .15);--cad-primary-text: #93c5fd;--cad-secondary-bg: #0f172a;--cad-secondary-border: #475569;--cad-secondary-hover: #334155;--cad-success-bg: rgba(16, 185, 129, .15);--cad-success-text: #6ee7b7;--cad-warning-bg: rgba(245, 158, 11, .15);--cad-warning-border: rgba(245, 158, 11, .3);--cad-warning-text: #fcd34d;--cad-preview-bg: #0f172a;--cad-preview-border: #334155}.cad-workspace{margin:-1.5rem;width:calc(100% + 3rem);min-height:100vh;display:flex;flex-direction:column;background-color:var(--cad-bg);color:var(--cad-text-main);font-family:inherit;box-sizing:border-box;transition:background-color .2s ease,color .2s ease}.cad-workspace *,.cad-workspace *:before,.cad-workspace *:after{box-sizing:border-box}.cad-toast{position:fixed;top:1.5rem;right:1.5rem;z-index:50;background-color:var(--cad-text-main);color:var(--cad-bg);padding:.625rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;box-shadow:0 10px 15px -3px #0000001a}.cad-btn{padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s ease;border:1px solid transparent}.cad-btn:disabled{opacity:.4;cursor:not-allowed}.cad-btn-primary{background-color:var(--cad-primary);color:#fff}.cad-btn-primary:hover:not(:disabled){background-color:var(--cad-primary-hover)}.cad-btn-secondary{background-color:var(--cad-card-bg);border-color:var(--cad-border);color:var(--cad-text-main)}.cad-btn-secondary:hover:not(:disabled){background-color:var(--cad-secondary-hover)}.cad-header{padding:1rem 1.5rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between;border-bottom:1px solid var(--cad-border);background-color:var(--cad-bg);flex-shrink:0}.cad-title{font-size:1.5rem;font-weight:700;letter-spacing:-.025em;margin:0;color:var(--cad-text-main)}.cad-subtitle{margin-top:.25rem;margin-bottom:0;font-size:.8125rem;color:var(--cad-text-muted)}.cad-header-actions{display:flex;align-items:center;gap:.5rem}.cad-nav{padding:0 1.5rem;display:flex;gap:1.5rem;border-bottom:1px solid var(--cad-border);background-color:var(--cad-bg);flex-shrink:0}.cad-nav-item{white-space:nowrap;padding:.625rem 0;font-size:.8125rem;font-weight:600;background:none;border:none;border-bottom:2px solid transparent;color:var(--cad-text-muted);cursor:pointer}.cad-nav-item:hover{color:var(--cad-text-main)}.cad-nav-item.active{border-bottom-color:var(--cad-primary);color:var(--cad-primary)}.cad-generation-layout{display:grid;grid-template-columns:260px minmax(0,1fr) 560px;flex:1;min-height:0;background-color:var(--cad-bg)}@media(max-width:1023px){.cad-generation-layout{grid-template-columns:1fr;overflow-y:auto}}.cad-sidebar-panel{border-right:1px solid var(--cad-border);background-color:var(--cad-bg);display:flex;flex-direction:column;min-height:0}.cad-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--cad-border);flex-shrink:0}.cad-tab-item{padding:.625rem .5rem;font-size:.75rem;font-weight:600;background:none;border:none;border-bottom:2px solid transparent;color:var(--cad-text-subtle);cursor:pointer}.cad-tab-item.active{border-bottom-color:var(--cad-primary);color:var(--cad-primary)}.cad-panel-content{padding:1rem;flex:1;overflow-y:auto}.cad-form-group{display:flex;flex-direction:column;gap:.875rem}.cad-label{display:block;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--cad-text-muted);margin-bottom:.25rem}.cad-input{width:100%;padding:.45rem .625rem;border-radius:.375rem;border:1px solid var(--cad-border);background-color:var(--cad-card-bg);color:var(--cad-text-main);font-size:.8125rem;outline:none}.cad-input:focus{border-color:var(--cad-primary)}.cad-textarea-lg{height:7rem;resize:none;line-height:1.25}.cad-textarea-sm{height:4.5rem;resize:none}.cad-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.375rem}.cad-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.cad-mode-btn{border-radius:.375rem;border:1px solid var(--cad-border);padding:.5rem .25rem;font-size:.75rem;font-weight:600;background:var(--cad-card-bg);color:var(--cad-text-muted);cursor:pointer}.cad-mode-btn.active{border-color:var(--cad-primary);background-color:var(--cad-primary-bg);color:var(--cad-primary-text)}.cad-dropzone{width:100%;min-height:6rem;border-radius:.375rem;border:1px dashed var(--cad-border);padding:.75rem;display:grid;place-items:center;text-align:center;background-color:var(--cad-secondary-bg);cursor:pointer}.cad-dropzone.dragging{border-color:var(--cad-primary);background-color:var(--cad-primary-bg)}.cad-dropzone-title{display:block;font-size:.8125rem;color:var(--cad-text-main)}.cad-dropzone-sub{display:block;margin-top:.125rem;font-size:.6875rem;color:var(--cad-text-subtle)}.cad-alert-warning{border-radius:.375rem;border:1px solid var(--cad-warning-border);background-color:var(--cad-warning-bg);padding:.5rem .625rem;font-size:.6875rem;line-height:1.25;color:var(--cad-warning-text)}.cad-input-axis-wrapper{position:relative}.cad-input-axis-label{position:absolute;left:.5rem;top:.45rem;font-size:.6875rem;font-weight:700;color:var(--cad-text-subtle)}.cad-input-axis{padding-left:1.375rem}.cad-summary-panel{display:flex;flex-direction:column;min-height:0;background-color:var(--cad-bg)}.cad-summary-header{padding:.625rem 1.25rem;border-bottom:1px solid var(--cad-border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.cad-summary-title{font-size:.8125rem;font-weight:600;margin:0;color:var(--cad-text-main)}.cad-summary-version{font-size:.75rem;color:var(--cad-text-subtle)}.cad-summary-body{padding:1rem;flex:1;min-height:0;display:flex;flex-direction:column}.cad-preview-field{flex:1;width:100%;border-radius:.5rem;border:1px dashed var(--cad-preview-border);background-color:var(--cad-preview-bg);display:flex;align-items:center;justify-content:center}.cad-preview-content{text-align:center;padding:0 1rem}.cad-preview-title{display:block;font-size:.8125rem;font-weight:500;color:var(--cad-text-muted)}.cad-preview-sub{margin-top:.25rem;font-size:.75rem;color:var(--cad-text-subtle)}.cad-summary-footer{padding:.75rem 1.25rem;border-top:1px solid var(--cad-border);display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-shrink:0}.cad-completion-text{font-size:.75rem;color:var(--cad-text-subtle)}.cad-tree-panel{display:flex;flex-direction:column;height:100%;overflow:hidden;padding:1rem;box-sizing:border-box;border-left:1px solid var(--cad-border);background-color:var(--cad-bg)}.cad-tree-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.cad-tree-title{font-size:.875rem;font-weight:600;margin:0;color:var(--cad-text-main)}.cad-tree-subtitle{font-size:.75rem;color:var(--cad-text-muted)}.cad-graph-controls{display:flex;gap:.25rem}.cad-graph-controls button{padding:.25rem .5rem;font-size:.75rem;font-weight:600;border:1px solid var(--cad-border);background:var(--cad-card-bg);color:var(--cad-text-main);border-radius:.25rem;cursor:pointer;transition:background .15s ease}.cad-graph-controls button:hover{background:var(--cad-secondary-hover)}.cad-graph-viewport{flex:1;width:100%;height:100%;min-height:300px;position:relative;overflow:hidden;cursor:grab;-webkit-user-select:none;user-select:none;background-color:var(--cad-bg);border:1px solid var(--cad-border);border-radius:.5rem}.cad-graph-viewport:active{cursor:grabbing}.cad-graph-svg{width:100%;height:100%;display:block}.cad-graph-edge,.cad-graph-edge-curved{stroke:var(--cad-secondary-border);stroke-width:1.5px;stroke-linecap:round;fill:none;transition:stroke .2s ease,stroke-width .2s ease}.cad-graph-node-group:hover~.cad-graph-edge,.cad-graph-node-group.selected .cad-graph-edge{stroke:var(--cad-primary)}.cad-graph-node{fill:var(--cad-card-bg);stroke:var(--cad-border);stroke-width:1px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.04));transition:all .2s ease}.cad-graph-node-group:hover .cad-graph-node{stroke:var(--cad-primary-text);filter:drop-shadow(0 4px 12px rgba(37,99,235,.12))}.cad-graph-node-group.selected .cad-graph-node{fill:var(--cad-card-bg);stroke:var(--cad-primary);stroke-width:2px;filter:drop-shadow(0 4px 12px rgba(37,99,235,.2))}.cad-graph-node-group.dragging .cad-graph-node{stroke:var(--cad-primary);stroke-dasharray:4 2;filter:drop-shadow(0 8px 20px rgba(37,99,235,.3));cursor:move}.cad-graph-label-id{fill:var(--cad-text-main);font-size:11px;font-weight:600;font-family:system-ui,-apple-system,sans-serif;text-anchor:middle;dominant-baseline:middle;pointer-events:none}.cad-graph-label-sub{fill:var(--cad-text-muted);font-size:9.5px;font-weight:400;font-family:system-ui,-apple-system,sans-serif;text-anchor:middle;dominant-baseline:middle;pointer-events:none}.cad-graph-node-group.selected .cad-graph-label-id{fill:var(--cad-primary)}.cad-p-5{padding:1rem}.cad-mt-2{margin-top:.375rem}.cad-mt-4{margin-top:.75rem}.cad-mt-5{margin-top:1rem}.cad-block{display:block}.cad-w-full{width:100%}.cad-hidden{display:none}.cad-chat-panel{display:flex;flex-direction:column;height:100%;gap:.75rem}.cad-chat-upload-zone{flex-shrink:0}.cad-file-list{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.5rem}.cad-file-item{display:flex;align-items:center;gap:.375rem;background-color:var(--cad-secondary-bg);border:1px solid var(--cad-border);padding:.25rem .5rem;border-radius:.375rem;font-size:.6875rem}.cad-file-name{color:var(--cad-text-main);max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cad-file-remove{background:none;border:none;color:var(--cad-text-subtle);cursor:pointer;padding:0;font-size:.75rem}.cad-file-remove:hover{color:#ef4444}.cad-chat-messages{flex:1;min-height:220px;max-height:420px;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem;padding-right:.25rem}.cad-chat-bubble-wrapper{display:flex;flex-direction:column;align-items:flex-start;max-width:90%}.cad-chat-bubble-wrapper.user{align-self:flex-end;align-items:flex-end}.cad-chat-bubble{padding:.625rem .75rem;border-radius:.625rem;font-size:.75rem;line-height:1.35;position:relative;word-break:break-word}.cad-chat-bubble.bot{background-color:var(--cad-secondary-bg);border:1px solid var(--cad-border);color:var(--cad-text-main);border-top-left-radius:.125rem}.cad-chat-bubble.user{background-color:var(--cad-primary);color:#fff;border-top-right-radius:.125rem}.cad-chat-text{margin:0}.cad-chat-time{display:block;font-size:.625rem;margin-top:.25rem;opacity:.7;text-align:right}.cad-chat-options{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.5rem}.cad-chat-option-btn{background-color:var(--cad-card-bg);border:1px solid var(--cad-primary);color:var(--cad-primary);padding:.25rem .5rem;border-radius:.375rem;font-size:.6875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.cad-chat-option-btn:hover{background-color:var(--cad-primary);color:#fff}.cad-chat-input-area{display:flex;gap:.375rem;align-items:flex-end;flex-shrink:0}.cad-chat-textarea{height:2.5rem;min-height:2.5rem;max-height:5rem;resize:none;font-size:.75rem;padding:.5rem}.cad-chat-send-btn{height:2.5rem;width:2.5rem;padding:0;display:grid;place-items:center;flex-shrink:0}.cad-branch-warning{background-color:#eab3081f;border:1px solid rgba(234,179,8,.35);color:#d97706;font-size:12px;padding:8px 12px;border-radius:8px;margin-top:10px;display:flex;align-items:center;gap:8px}.cad-branch-warning b{font-weight:600}.cad-workspace{margin:-1.5rem;width:calc(100% + 3rem);height:calc(100vh + -0px);max-height:100vh;display:flex;flex-direction:column;background-color:var(--cad-bg);color:var(--cad-text-main);font-family:inherit;box-sizing:border-box;overflow:hidden;transition:background-color .2s ease,color .2s ease}.cad-sidebar-panel{border-right:1px solid var(--cad-border);background-color:var(--cad-bg);display:flex;flex-direction:column;min-height:0;height:100%;overflow:hidden}.cad-panel-content{padding:1rem;flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.cad-chat-panel{display:flex;flex-direction:column;height:100%;min-height:0;gap:.75rem}.cad-chat-messages{flex:1;min-height:0;max-height:none;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem;padding-right:.25rem}.cad-source-collapsed{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background-color:var(--cad-secondary-bg);border:1px solid var(--cad-border);border-radius:.5rem;flex-shrink:0}.cad-source-summary{font-size:.75rem;color:var(--cad-text-muted)}.cad-source-summary b{color:var(--cad-text-main)}.cad-source-toggle-btn{background:none;border:none;color:var(--cad-primary);font-size:.75rem;font-weight:600;cursor:pointer;padding:0}.cad-source-toggle-btn:hover{text-decoration:underline}.cad-source-header-compact{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.cad-source-wrapper{display:flex;flex-direction:column;gap:.5rem;flex-shrink:0}:root{--wa-bg-page: #f8fafc;--wa-bg-card: #ffffff;--wa-bg-subtle: #f1f5f9;--wa-bg-hover: #f1f5f9;--wa-text-primary: #0f172a;--wa-text-secondary: #64748b;--wa-text-muted: #94a3b8;--wa-border-color: #e2e8f0;--wa-border-subtle: #f1f5f9;--wa-brand-primary: #2563eb;--wa-brand-primary-hover: #1d4ed8;--wa-brand-accent: #059669;--wa-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--wa-toggle-off: #cbd5e1;--wa-toggle-on: #2563eb;--wa-active-tab-bg: #0f172a;--wa-active-tab-text: #ffffff;--wa-status-ok-bg: #ecfdf5;--wa-status-ok-text: #047857;--wa-status-warn-bg: #fffbeb;--wa-status-warn-text: #b45309;--wa-chat-bubble-other-bg: #ffffff;--wa-chat-bubble-other-text: #0f172a}.dark,[data-theme=dark]{--wa-bg-page: #0f172a;--wa-bg-card: #1e293b;--wa-bg-subtle: rgba(15, 23, 42, .5);--wa-bg-hover: rgba(51, 65, 85, .4);--wa-text-primary: #f8fafc;--wa-text-secondary: #94a3b8;--wa-text-muted: #64748b;--wa-border-color: #334155;--wa-border-subtle: #334155;--wa-brand-primary: #3b82f6;--wa-brand-primary-hover: #2563eb;--wa-toggle-off: #475569;--wa-toggle-on: #2563eb;--wa-active-tab-bg: #2563eb;--wa-active-tab-text: #ffffff;--wa-status-ok-bg: rgba(16, 185, 129, .1);--wa-status-ok-text: #6ee7b7;--wa-status-warn-bg: rgba(245, 158, 11, .1);--wa-status-warn-text: #fcd34d;--wa-chat-bubble-other-bg: #1e293b;--wa-chat-bubble-other-text: #e2e8f0}.wa-page{max-width:1500px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem;color:var(--wa-text-primary)}.wa-header{display:flex;flex-direction:column;justify-content:space-between;gap:1.25rem}@media(min-width:1024px){.wa-header{flex-direction:row;align-items:flex-end}}.wa-badge-title{font-size:.875rem;font-weight:600;color:var(--wa-brand-accent)}.wa-page-title{margin-top:.5rem;font-size:1.875rem;font-weight:700;letter-spacing:-.025em;color:var(--wa-text-primary)}.wa-page-desc{margin-top:.5rem;font-size:.875rem;color:var(--wa-text-secondary);max-width:42rem}.wa-header-status-card{display:flex;align-items:center;gap:.75rem;border-radius:1rem;border:1px solid var(--wa-border-color);background-color:var(--wa-bg-card);padding:.75rem 1rem;box-shadow:var(--wa-shadow-sm)}.wa-nav-tabs{display:flex;gap:.25rem;overflow-x:auto;border-radius:1rem;border:1px solid var(--wa-border-color);background-color:var(--wa-bg-card);padding:.375rem;box-shadow:var(--wa-shadow-sm)}.wa-tab-btn{white-space:nowrap;padding:.625rem 1rem;border-radius:.75rem;font-size:.875rem;font-weight:600;color:var(--wa-text-secondary);background:transparent;border:none;cursor:pointer;transition:all .2s ease}.wa-tab-btn:hover{background-color:var(--wa-bg-hover)}.wa-tab-btn.active{background-color:var(--wa-active-tab-bg);color:var(--wa-active-tab-text)}.wa-card{border-radius:1rem;border:1px solid var(--wa-border-color);background-color:var(--wa-bg-card);box-shadow:var(--wa-shadow-sm)}.wa-card-p5{padding:1.25rem}.wa-card-p6{padding:1.5rem}.wa-field{display:block}.wa-field-label{display:block;font-size:.875rem;font-weight:600;color:var(--wa-text-primary);margin-bottom:.5rem}.wa-field-hint{display:block;margin-top:.375rem;font-size:.75rem;color:var(--wa-text-muted)}.wa-input{width:100%;border-radius:.75rem;border:1px solid var(--wa-border-color);background-color:var(--wa-bg-card);color:var(--wa-text-primary);padding:.625rem .875rem;font-size:.875rem;outline:none;box-sizing:border-box;transition:border-color .15s ease}.wa-input:focus{border-color:var(--wa-brand-primary)}.wa-input.textarea{height:18rem;resize:none;line-height:1.5}.primary-btn,.secondary-btn{font-size:.875rem;font-weight:600;padding:.625rem 1rem;border-radius:.75rem;cursor:pointer;transition:all .2s ease;border:none;display:inline-flex;align-items:center;justify-content:center}.primary-btn{background-color:var(--wa-brand-primary);color:#fff}.primary-btn:hover{background-color:var(--wa-brand-primary-hover)}.primary-btn:disabled{opacity:.4;cursor:not-allowed}.secondary-btn{background-color:var(--wa-bg-card);border:1px solid var(--wa-border-color);color:var(--wa-text-primary)}.secondary-btn:hover{background-color:var(--wa-bg-hover)}.wa-toggle{position:relative;width:2.75rem;height:1.5rem;flex-shrink:0;border-radius:9999px;background-color:var(--wa-toggle-off);border:none;cursor:pointer;transition:background-color .2s ease}.wa-toggle.active{background-color:var(--wa-toggle-on)}.wa-toggle-thumb{position:absolute;top:.25rem;left:.25rem;width:1rem;height:1rem;border-radius:9999px;background-color:#fff;box-shadow:0 1px 2px #0003;transition:transform .2s ease}.wa-toggle.active .wa-toggle-thumb{transform:translate(1.25rem)}.wa-status-badge{display:inline-flex;align-items:center;gap:.375rem;border-radius:9999px;padding:.25rem .625rem;font-size:.75rem;font-weight:600;background-color:var(--wa-status-ok-bg);color:var(--wa-status-ok-text)}.wa-status-badge.warn{background-color:var(--wa-status-warn-bg);color:var(--wa-status-warn-text)}.wa-status-dot{width:.375rem;height:.375rem;border-radius:9999px;background-color:#10b981}.wa-status-badge.warn .wa-status-dot{background-color:#f59e0b}.wa-space-y-4>*+*{margin-top:1rem}.wa-space-y-6>*+*{margin-top:1.5rem}.wa-grid-2{display:grid;gap:1rem}@media(min-width:640px){.wa-grid-2{grid-template-columns:repeat(2,1fr)}}.wa-grid-4{display:grid;gap:1rem}@media(min-width:640px){.wa-grid-4{grid-template-columns:repeat(2,1fr)}}@media(min-width:1280px){.wa-grid-4{grid-template-columns:repeat(4,1fr)}}.wa-grid-lg-2{display:grid;gap:1.5rem}@media(min-width:1024px){.wa-grid-lg-2{grid-template-columns:repeat(2,1fr)}}.wa-grid-xl-exceptions{display:grid;gap:1.5rem}@media(min-width:1280px){.wa-grid-xl-exceptions{grid-template-columns:1fr 340px}}.wa-stats-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.75rem;border-radius:1rem;border:1px solid var(--wa-border-color);background-color:var(--wa-bg-card);padding:1rem;box-shadow:var(--wa-shadow-sm)}.wa-dialogs-container{display:grid;height:680px;overflow:hidden}@media(min-width:768px){.wa-dialogs-container{grid-template-columns:330px 1fr}}.wa-dialogs-sidebar{border-right:1px solid var(--wa-border-color);display:flex;flex-direction:column;min-height:0}.wa-dialog-item{width:100%;padding:1rem;display:flex;gap:.75rem;text-align:left;border:none;border-bottom:1px solid var(--wa-border-subtle);background:transparent;cursor:pointer}.wa-dialog-item:hover,.wa-dialog-item.active{background-color:var(--wa-bg-hover)}.wa-chat-window{display:flex;flex-direction:column;min-height:0}.wa-chat-messages{flex:1;overflow-y:auto;padding:1.5rem;background-color:var(--wa-bg-subtle);display:flex;flex-direction:column;gap:1rem}.wa-bubble-wrapper{display:flex}.wa-bubble-wrapper.mine{justify-content:flex-end}.wa-bubble{max-width:75%;padding:.875rem;font-size:.875rem;box-shadow:var(--wa-shadow-sm);background-color:var(--wa-chat-bubble-other-bg);color:var(--wa-chat-bubble-other-text);border-radius:1rem 1rem 1rem .125rem}.wa-bubble-wrapper.mine .wa-bubble{background-color:var(--wa-brand-primary);color:#fff;border-bottom-left-radius:1rem;border-bottom-right-radius:.125rem}.wa-bubble-time{display:block;text-align:right;margin-top:.25rem;font-size:.75rem;opacity:.7}.wa-avatar{width:2.5rem;height:2.5rem;flex-shrink:0;border-radius:9999px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;display:grid;place-items:center;font-weight:700}.wa-divider{border-bottom:1px solid var(--wa-border-subtle)}.wa-toggle-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:.875rem;color:var(--wa-text-primary)}.wa-provider-btn{border-radius:.75rem;border:1px solid var(--wa-border-color);padding:.75rem;text-align:left;background:transparent;color:var(--wa-text-primary);cursor:pointer}.wa-provider-btn.active{border-color:var(--wa-brand-primary);background-color:var(--wa-bg-hover)}:root{--lumi-bg-page: #f8fafc;--lumi-bg-card: #ffffff;--lumi-bg-subcard: #f8fafc;--lumi-border: #e2e8f0;--lumi-text-primary: #0f172a;--lumi-text-secondary: #64748b;--lumi-text-muted: #94a3b8;--lumi-primary: #2563eb;--lumi-primary-hover: #1d4ed8;--lumi-primary-light: #eff6ff;--lumi-primary-light-text: #1d4ed8;--lumi-success-bg: #ecfdf5;--lumi-success-text: #047857;--lumi-error-bg: #fff1f2;--lumi-error-text: #be123c;--lumi-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1)}.dark,[data-theme=dark]{--lumi-bg-page: #0f172a;--lumi-bg-card: #1e293b;--lumi-bg-subcard: rgba(15, 23, 42, .4);--lumi-border: #334155;--lumi-text-primary: #f8fafc;--lumi-text-secondary: #94a3b8;--lumi-text-muted: #64748b;--lumi-primary: #3b82f6;--lumi-primary-hover: #60a5fa;--lumi-primary-light: rgba(59, 130, 246, .1);--lumi-primary-light-text: #93c5fd;--lumi-success-bg: rgba(16, 185, 129, .1);--lumi-success-text: #6ee7b7;--lumi-error-bg: rgba(244, 63, 94, .1);--lumi-error-text: #fda4af}.lumi-settings-page{max-width:72rem;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem;color:var(--lumi-text-primary);font-family:inherit}.lumi-settings-header{display:flex;flex-direction:column}.lumi-back-btn{background:none;border:none;padding:0;font-size:.875rem;font-weight:600;color:var(--lumi-primary);cursor:pointer;text-align:left;width:fit-content}.lumi-back-btn:hover{text-decoration:underline}.lumi-title-wrapper{margin-top:1rem}.lumi-settings-title{font-size:1.875rem;font-weight:700;letter-spacing:-.025em;margin:0;color:var(--lumi-text-primary)}.lumi-settings-description{margin-top:.75rem;margin-bottom:0;font-size:1rem;color:var(--lumi-text-secondary);max-width:42rem}.lumi-settings-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:1280px){.lumi-settings-grid{grid-template-columns:1fr 360px}}.lumi-card{background-color:var(--lumi-bg-card);border:1px solid var(--lumi-border);border-radius:1rem;overflow:hidden}.lumi-card-compact{padding:1.25rem}.lumi-card-header{padding:1.5rem;border-bottom:1px solid var(--lumi-border)}.lumi-card-body{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.lumi-card-title{font-size:1.125rem;font-weight:700;margin:0;color:var(--lumi-text-primary)}.lumi-card-subtitle{font-size:.875rem;color:var(--lumi-text-muted);margin:.25rem 0 0}.lumi-sidebar-column{display:flex;flex-direction:column;gap:1.25rem}.lumi-field{display:flex;flex-direction:column}.lumi-field-spacing{margin-top:1rem}.lumi-label{font-size:.875rem;font-weight:600;color:var(--lumi-text-primary);margin-bottom:.375rem}.lumi-input{width:100%;padding:.625rem .875rem;border-radius:.5rem;border:1px solid var(--lumi-border);background-color:var(--lumi-bg-card);color:var(--lumi-text-primary);font-size:.875rem;outline:none;box-sizing:border-box;transition:border-color .15s ease}.lumi-input:focus{border-color:var(--lumi-primary)}.lumi-textarea{height:20rem;resize:none;line-height:1.5}.lumi-field-hint{display:block;margin-top:.5rem;font-size:.75rem;color:var(--lumi-text-muted)}.lumi-form-row{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:640px){.lumi-form-row{grid-template-columns:1fr 1fr}}.lumi-input-relative{position:relative}.lumi-input-padded{padding-right:4.5rem}.lumi-toggle-key-btn{position:absolute;right:.75rem;top:.625rem;background:none;border:none;font-size:.75rem;font-weight:600;color:var(--lumi-primary);cursor:pointer}.lumi-toggles-block{border-radius:.75rem;border:1px solid var(--lumi-border);background-color:var(--lumi-bg-subcard);padding:1rem;display:flex;flex-direction:column;gap:1rem}.lumi-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.lumi-toggle-label{font-size:.875rem;color:var(--lumi-text-secondary)}.lumi-switch{position:relative;width:2.75rem;height:1.5rem;flex-shrink:0;border-radius:9999px;background-color:var(--lumi-border);border:none;cursor:pointer;transition:background-color .2s ease;padding:0}.lumi-switch.active{background-color:var(--lumi-primary)}.lumi-switch-thumb{position:absolute;left:.25rem;top:.25rem;width:1rem;height:1rem;background-color:#fff;border-radius:50%;transition:transform .2s ease}.lumi-switch.active .lumi-switch-thumb{transform:translate(1.25rem)}.lumi-badge-header{display:flex;justify-content:space-between;align-items:flex-start}.lumi-badge{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;padding:.25rem .5rem;background-color:var(--lumi-primary-light);color:var(--lumi-primary-light-text)}.lumi-provider-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:1.25rem}.lumi-provider-card{border-radius:.75rem;border:1px solid var(--lumi-border);padding:.75rem;text-align:left;background:transparent;color:var(--lumi-text-secondary);cursor:pointer;transition:all .2s ease}.lumi-provider-card:hover{border-color:var(--lumi-primary)}.lumi-provider-card.active{border-color:var(--lumi-primary);background-color:var(--lumi-primary-light);color:var(--lumi-primary-light-text)}.lumi-provider-name{display:block;font-size:.875rem}.lumi-provider-sub{font-size:.6875rem;opacity:.7}.lumi-btn{padding:.625rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:opacity .2s ease,background-color .2s ease;border:none}.lumi-btn-full{width:100%;margin-top:1rem}.lumi-btn-primary{background-color:var(--lumi-primary);color:#fff;min-width:10rem}.lumi-btn-primary:hover{background-color:var(--lumi-primary-hover)}.lumi-btn-secondary{background-color:transparent;border:1px solid var(--lumi-border);color:var(--lumi-text-primary)}.lumi-btn-secondary:hover{background-color:var(--lumi-bg-subcard)}.lumi-btn:disabled{opacity:.6;cursor:not-allowed}.lumi-status-msg{margin-top:.75rem;border-radius:.5rem;padding:.625rem;font-size:.75rem}.lumi-status-msg.success{background-color:var(--lumi-success-bg);color:var(--lumi-success-text)}.lumi-status-msg.error{background-color:var(--lumi-error-bg);color:var(--lumi-error-text)}.lumi-disclaimer{margin-top:1rem;margin-bottom:0;font-size:.6875rem;line-height:1rem;color:var(--lumi-text-muted)}.lumi-sticky-footer{position:sticky;bottom:.75rem;z-index:10;border-radius:1rem;border:1px solid var(--lumi-border);background-color:var(--lumi-bg-card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:1rem;box-shadow:var(--lumi-shadow);display:flex;align-items:center;justify-content:space-between;gap:1rem}.lumi-footer-text{font-size:.75rem;color:var(--lumi-text-muted);margin:0;display:none}@media(min-width:640px){.lumi-footer-text{display:block}}.lumi-footer-actions{margin-left:auto;display:flex;gap:.5rem}.app-container{display:flex;height:100vh;background-color:var(--bg-primary);color:var(--text-primary)}.main-wrapper{flex:1;display:flex;flex-direction:column;overflow:hidden}.main-content{flex:1;overflow-x:hidden;overflow-y:auto;padding:1.5rem;background-color:var(--bg-primary)}.sidebar{background-color:var(--bg-surface);color:var(--text-primary);border-right:1px solid var(--border-color);transition:background-color .2s ease}.card,.dashboard-card{background-color:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-color);border-radius:8px}.app-layout{display:flex;height:100vh;width:100vw;overflow:hidden;background-color:var(--bg-primary, #f3f4f6);color:var(--text-primary, #1e293b)}.main-wrapper{flex:1;display:flex;flex-direction:column;height:100%;min-width:0;overflow:hidden}.main-content{flex:1;overflow-x:hidden;overflow-y:auto;padding:1.5rem;position:relative;background-color:var(--bg-primary, #f3f4f6)}.mobile-menu-btn{display:none;position:fixed;top:1rem;left:1rem;z-index:20;padding:.5rem;border-radius:9999px;background:#fffc;border:none;cursor:pointer}@media(max-width:1024px){.mobile-menu-btn{display:block}}.sync-badge{position:fixed;top:1rem;right:1rem;z-index:50;display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:9999px;background:#0891b21a;border:1px solid rgba(6,182,212,.2)}.sync-dot{width:.5rem;height:.5rem;border-radius:50%;background-color:#06b6d4}.sync-text{font-size:.75rem;font-weight:700;color:#0891b2;text-transform:uppercase;letter-spacing:.05em}