@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--bg-primary:#0b0d13;--bg-secondary:#11131d;--bg-tertiary:#191c29;--glass-bg:#0d101b73;--glass-bg-hover:#ffffff08;--glass-border:#ffffff12;--glass-border-focus:#ffffff26;--glass-highlight:#ffffff03;--accent-blue:#39f;--accent-blue-glow:#3399ff26;--accent-purple:#9851fb;--accent-purple-glow:#9851fb26;--accent-cyan:#00f5f5;--accent-cyan-glow:#00f5f526;--accent-emerald:#18dc6a;--accent-emerald-glow:#18dc6a26;--accent-rose:#ef3966;--accent-rose-glow:#ef396626;--accent-amber:#f3991b;--accent-amber-glow:#f3991b26;--text-primary:#f2f5f8;--text-secondary:#a7b3be;--text-muted:#6e7a87;--font-family:"Inter", system-ui, -apple-system, sans-serif;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--shadow-sm:0 2px 8px #0003;--shadow-md:0 8px 24px #00000059;--shadow-lg:0 16px 48px #00000080;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(at 0 0,#8b42f00f 0,#0000 45%),radial-gradient(at 100% 100%,#1380ec0f 0,#0000 45%),radial-gradient(#1ae6e605 0,#0000 60%);background-attachment:fixed;width:100vw;min-height:100vh;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#00000026}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--radius-sm);border:1px solid var(--bg-primary)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}#root{width:100vw;height:100vh;display:flex;overflow:hidden}[data-theme=light]{--bg-primary:#f9fafb;--bg-secondary:#f0f2f5;--bg-tertiary:#e0e6eb;--glass-bg:#ffffffb3;--glass-bg-hover:#00000008;--glass-border:#00000014;--glass-border-focus:#00000026;--glass-highlight:#ffffff80;--accent-blue:#0080ff;--accent-blue-glow:#0080ff1a;--accent-purple:#7c2bee;--accent-purple-glow:#7c2bee1a;--accent-cyan:#0ac2c2;--accent-cyan-glow:#0ac2c21a;--accent-emerald:#169c4e;--accent-emerald-glow:#169c4e1a;--accent-rose:#e61a4d;--accent-rose-glow:#e61a4d1a;--accent-amber:#d48311;--accent-amber-glow:#d483111a;--text-primary:#171f26;--text-secondary:#4c5967;--text-muted:#818c98}[data-theme=light] body{background-image:radial-gradient(at 0 0,#8b42f008 0,#0000 45%),radial-gradient(at 100% 100%,#1380ec08 0,#0000 45%),radial-gradient(#1ae6e603 0,#0000 60%)}.tenant-switcher{display:inline-block;position:relative}.tenant-switcher-trigger{border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-primary);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;font-weight:500;display:flex}.tenant-switcher-trigger:hover,.tenant-switcher-trigger.active{border-color:var(--accent-blue);background:var(--glass-bg-hover);box-shadow:0 0 10px #3b82f61a}.tenant-switcher-icon{color:var(--accent-blue);flex-shrink:0}.tenant-switcher-label{text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.tenant-switcher-chevron{color:var(--text-muted);transition:transform var(--transition-fast);flex-shrink:0}.tenant-switcher-chevron.open{transform:rotate(180deg)}.tenant-switcher-menu{background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:1100;min-width:180px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.tenant-switcher-option{width:100%;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);text-align:left;background:0 0;border:0;align-items:center;gap:8px;padding:10px 16px;display:flex}.tenant-switcher-option:hover{color:var(--accent-blue);background:#3b82f614}.tenant-switcher-option.selected{color:var(--accent-blue);background:#3b82f60d;font-weight:600}.tenant-switcher-dot{opacity:.65;background:currentColor;border-radius:50%;flex-shrink:0;width:8px;height:8px}.tenant-switcher-option-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.tenant-header-brand{align-items:center;display:flex}.tenant-badge{background:var(--glass-bg);border:1px solid var(--glass-border);letter-spacing:.05em;box-shadow:var(--shadow-sm);border-radius:20px;align-items:center;gap:8px;padding:6px 12px;font-size:.8rem;display:inline-flex}.tenant-badge-tag{color:var(--text-muted);font-size:.7rem;font-weight:700}.tenant-badge-value{color:var(--accent-cyan);text-shadow:0 0 10px var(--accent-cyan-glow);font-weight:600}.hide-mobile{display:block}.show-mobile{display:none!important}@media (width<=768px){.hide-mobile{display:none!important}.show-mobile{display:flex!important}}.mobile-header{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-md);height:56px;box-shadow:var(--shadow-md);z-index:1500;touch-action:manipulation;justify-content:space-between;align-items:center;padding:0 14px;display:none;position:fixed;top:10px;left:10px;right:10px}.mobile-header-brand{text-align:center;flex-direction:column;flex:1;align-items:center;gap:2px;min-width:0;margin:0 8px;display:flex}.mobile-tenant-switcher{justify-content:center;width:100%;display:flex}.menu-toggle{color:var(--text-primary);cursor:pointer;touch-action:manipulation;background:0 0;border:none;justify-content:center;align-items:center;padding:6px;display:flex}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);z-index:1999;background:#0f172a80;animation:.2s ease-out fadeIn;display:none;position:fixed;inset:0}@media (width<=768px){.sidebar-overlay.show-mobile{display:block!important}.dashboard-header{display:none!important}.main-content{-webkit-overflow-scrolling:touch;width:100%;padding:76px 14px 14px;overflow-y:auto;margin-left:0!important}}.app-container{background-color:var(--bg-primary);width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.sidebar{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border-right:1px solid var(--glass-border);width:260px;height:100%;transition:width var(--transition-normal);z-index:10;flex-direction:column;flex-shrink:0;display:flex;position:relative}.sidebar:after{content:"";background:linear-gradient(#0000,#ffffff1a 20% 80%,#0000);width:1px;height:100%;position:absolute;top:0;right:0}.sidebar.collapsed{width:78px}.logo-section{border-bottom:1px solid var(--glass-border);white-space:nowrap;align-items:center;gap:16px;height:70px;padding:0 24px;display:flex;overflow:visible}.logo-icon-wrapper{justify-content:center;align-items:center;display:flex;position:relative}.logo-tooltip{z-index:100;border:1px solid var(--glass-border);background:var(--bg-secondary);width:max-content;max-width:min(320px,100vw - 32px);color:var(--text-primary);white-space:normal;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--transition-fast), transform var(--transition-fast), visibility var(--transition-fast);border-radius:6px;padding:7px 10px;font-size:.75rem;font-weight:500;line-height:1.35;position:absolute;top:calc(100% + 12px);left:0;transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}.logo-icon-wrapper:hover .logo-tooltip,.logo-icon-wrapper:focus-visible .logo-tooltip{opacity:1;visibility:visible;transform:translateY(0)}.logo-glow{background:var(--accent-blue);filter:blur(8px);opacity:.6;border-radius:50%;width:32px;height:32px;animation:3s infinite alternate pulse;position:absolute}.logo-icon{color:var(--accent-blue);z-index:1;position:relative}.logo-text{letter-spacing:.8px;background:linear-gradient(135deg, var(--text-primary) 30%, var(--accent-blue) 100%);-webkit-text-fill-color:transparent;transition:opacity var(--transition-fast);-webkit-background-clip:text;font-size:1.15rem;font-weight:800}.sidebar.collapsed .logo-text{opacity:0;pointer-events:none;width:0}.nav-section{flex-direction:column;flex:1;gap:8px;padding:24px 12px;display:flex;overflow-y:auto}.nav-item{border-radius:var(--radius-md);height:48px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:left;background:0 0;border:none;align-items:center;gap:16px;width:100%;padding:0 16px;text-decoration:none;display:flex;position:relative;overflow:hidden}.nav-item:hover{color:var(--text-primary);background:var(--glass-bg-hover)}.nav-item.active{color:var(--text-primary);box-shadow:inset 3px 0 0 0 var(--accent-blue);background:linear-gradient(90deg,#2678f226 0%,#2678f205 100%)}.nav-item-icon{color:var(--text-muted);transition:color var(--transition-fast);flex-shrink:0}.nav-item.active .nav-item-icon,.nav-item:hover .nav-item-icon{color:var(--accent-blue)}.nav-item-label{transition:opacity var(--transition-fast);font-size:.925rem;font-weight:500}.sidebar.collapsed .nav-item-label{opacity:0;pointer-events:none;width:0}.collapse-btn{border-top:1px solid var(--glass-border);justify-content:flex-end;align-items:center;height:50px;padding:0 24px;display:flex}.sidebar.collapsed .collapse-btn{justify-content:center;padding:0}.toggle-icon-btn{color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;display:flex}.toggle-icon-btn:hover{color:var(--text-primary);background:var(--glass-bg-hover)}.profile-section{border-top:1px solid var(--glass-border);align-items:center;gap:12px;padding:16px;display:flex;overflow:hidden}.profile-avatar-wrapper{flex-shrink:0;position:relative}.avatar{background:linear-gradient(135deg, var(--accent-blue) 0%, var(--accent-purple) 100%);border:1px solid var(--glass-border);color:#fff;cursor:pointer;width:38px;height:38px;box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.status-indicator{background:var(--accent-emerald);border:2px solid var(--bg-secondary);border-radius:50%;width:10px;height:10px;position:absolute;bottom:0;right:0}.profile-details{white-space:nowrap;transition:opacity var(--transition-fast);flex-direction:column;display:flex;overflow:hidden}.profile-name{color:var(--text-primary);font-size:.875rem;font-weight:600}.profile-role{color:var(--text-muted);font-size:.75rem}.sidebar.collapsed .profile-details{opacity:0;pointer-events:none;width:0}.main-dashboard{flex-direction:column;flex:1;height:100%;display:flex;position:relative;overflow:hidden}.main-inner-content{flex-direction:column;flex:1;height:calc(100% - 70px);display:flex;overflow:hidden}.dashboard-header{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);z-index:5;flex-shrink:0;justify-content:space-between;align-items:center;height:70px;padding:0 32px;display:flex;position:relative}.search-container{border:1px solid var(--glass-border);border-radius:var(--radius-md);width:320px;height:40px;transition:all var(--transition-fast);background:#ffffff08;align-items:center;padding:0 16px;display:flex}.search-container:focus-within{border-color:var(--accent-blue);background:#ffffff0d;box-shadow:0 0 0 3px #2678f226}.search-input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;padding-left:12px;font-family:inherit;font-size:.875rem}.search-input::placeholder{color:var(--text-muted)}.header-actions{align-items:center;gap:20px;display:flex}.clock-widget{text-align:right;flex-direction:column;justify-content:center;display:flex}.clock-time{color:var(--text-primary);letter-spacing:.5px;font-family:monospace;font-size:.95rem;font-weight:700}.clock-date{color:var(--text-muted);font-size:.725rem;font-weight:500}.notification-bell-btn,.theme-toggle-btn{border:1px solid var(--glass-border);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;width:40px;height:40px;transition:all var(--transition-fast);background:#ffffff08;justify-content:center;align-items:center;display:flex;position:relative}.notification-bell-btn:hover,.theme-toggle-btn:hover{background:var(--glass-bg-hover);color:var(--text-primary);border-color:var(--glass-border-focus)}.notification-badge{background:var(--accent-rose);width:8px;height:8px;box-shadow:0 0 10px var(--accent-rose-glow);border-radius:50%;position:absolute;top:8px;right:8px}.database-status-indicator{border:1px solid var(--glass-border);color:var(--text-secondary);background:#ffffff08;border-radius:20px;align-items:center;gap:8px;padding:6px 12px;font-size:.75rem;font-weight:500;display:flex}.db-status-dot{border-radius:50%;width:8px;height:8px}.db-status-dot.active{background:var(--accent-emerald);box-shadow:0 0 8px var(--accent-emerald-glow)}.db-status-dot.fallback{background:var(--accent-amber);box-shadow:0 0 8px var(--accent-amber-glow)}.dashboard-viewport{flex-direction:column;flex:1;gap:32px;padding:32px;display:flex;overflow-y:auto}.welcome-header{animation:.8s ease-out fadeIn}.welcome-title{color:var(--text-primary);margin-bottom:4px;font-size:1.85rem;font-weight:700}.welcome-subtitle{color:var(--text-secondary);font-size:.95rem}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;animation:.6s ease-out slideUp;display:grid}.metric-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);transition:all var(--transition-normal);cursor:pointer;flex-direction:column;padding:24px;display:flex;position:relative;overflow:hidden}.metric-card:hover{border-color:var(--glass-border-focus);box-shadow:var(--shadow-md);background:#ffffff05;transform:translateY(-4px)}.metric-card:before{content:"";filter:blur(24px);opacity:.12;width:80px;height:80px;transition:opacity var(--transition-normal);border-radius:50%;position:absolute;top:-40px;right:-40px}.metric-card.total_revenue:before{background:var(--accent-blue)}.metric-card.active_users:before{background:var(--accent-purple)}.metric-card.active_sessions:before{background:var(--accent-cyan)}.metric-card.bounce_rate:before{background:var(--accent-rose)}.metric-card:hover:before{opacity:.22}.metric-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.metric-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:500}.metric-icon-box{border-radius:var(--radius-md);border:1px solid var(--glass-border);justify-content:center;align-items:center;width:38px;height:38px;display:flex}.total_revenue .metric-icon-box{color:var(--accent-blue);background:#2678f214}.active_users .metric-icon-box{color:var(--accent-purple);background:#a855f714}.active_sessions .metric-icon-box{color:var(--accent-cyan);background:#06b6d414}.bounce_rate .metric-icon-box{color:var(--accent-rose);background:#f43f5e14}.metric-body{align-items:baseline;gap:12px;margin-bottom:16px;display:flex}.metric-value{color:var(--text-primary);font-family:monospace;font-size:1.85rem;font-weight:700}.metric-change{align-items:center;gap:2px;font-size:.825rem;font-weight:600;display:flex}.metric-change.up{color:var(--accent-emerald)}.metric-change.down{color:var(--accent-rose)}.metric-footer{height:35px;margin-top:auto}.sparkline-svg{width:100%;height:100%;overflow:visible}.sparkline-path{fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;transition:all .5s}.total_revenue .sparkline-path{stroke:var(--accent-blue)}.active_users .sparkline-path{stroke:var(--accent-purple)}.active_sessions .sparkline-path{stroke:var(--accent-cyan)}.bounce_rate .sparkline-path{stroke:var(--accent-rose)}.dashboard-grid-two{grid-template-columns:2fr 1fr;gap:24px;display:grid}@media (width<=1024px){.dashboard-grid-two{grid-template-columns:1fr}}.dashboard-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);flex-direction:column;padding:24px;display:flex;position:relative}.panel-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.panel-title{color:var(--text-primary);font-size:1.05rem;font-weight:600}.chart-content{flex:1;justify-content:center;align-items:center;height:280px;display:flex;position:relative}.svg-chart{width:100%;height:100%}.grid-line{stroke:#ffffff08;stroke-width:1px}.chart-axis-text{fill:var(--text-muted);font-size:.725rem;font-weight:500}.chart-line{fill:none;stroke:url(#chart-gradient);stroke-width:3.5px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0px 8px 12px var(--accent-blue-glow))}.chart-area{fill:url(#area-gradient);opacity:.7}.chart-interactive-point{fill:var(--bg-primary);stroke:var(--accent-blue);stroke-width:3px;cursor:pointer;transition:r var(--transition-fast)}.chart-interactive-point:hover{r:7}.chart-tooltip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-md);pointer-events:none;box-shadow:var(--shadow-lg);color:var(--text-primary);z-index:10;background:#0d101be6;border:1px solid #ffffff26;flex-direction:column;padding:8px 12px;font-size:.75rem;display:none;position:absolute}.tooltip-date{color:var(--text-muted);margin-bottom:4px;font-weight:600}.tooltip-value{color:var(--accent-blue);font-size:.85rem;font-weight:700}.actions-container{flex-direction:column;flex:1;gap:16px;display:flex}.action-btn{border:1px solid var(--glass-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);color:var(--text-primary);text-align:left;background:#ffffff05;align-items:center;gap:16px;width:100%;padding:16px;display:flex}.action-btn:hover{background:#ffffff0d;border-color:#ffffff26;transform:translate(4px)}.action-btn-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.action-btn.action-success .action-btn-icon{color:var(--accent-emerald);background:#10b98114}.action-btn.action-info .action-btn-icon{color:var(--accent-blue);background:#2678f214}.action-btn.action-warning .action-btn-icon{color:var(--accent-amber);background:#f59e0b14}.action-btn.action-danger .action-btn-icon{color:var(--accent-rose);background:#f43f5e14}.action-details{flex-direction:column;display:flex}.action-title{margin-bottom:2px;font-size:.875rem;font-weight:600}.action-desc{color:var(--text-muted);font-size:.725rem}.activity-feed-section{animation:.8s ease-out slideUp}.table-wrapper{border-radius:var(--radius-md);border:1px solid var(--glass-border);background:#0000000d;overflow-x:auto}.activity-table{border-collapse:collapse;text-align:left;width:100%}.activity-table th,.activity-table td{padding:16px 20px}.activity-table th{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);border-bottom:1px solid var(--glass-border);background:#ffffff05;font-size:.775rem;font-weight:600}.activity-table tr{transition:background var(--transition-fast);border-bottom:1px solid #ffffff08}.activity-table tr:last-child{border-bottom:none}.activity-table tr:hover{background:#ffffff03}.activity-user-cell{align-items:center;gap:12px;display:flex}.activity-user-avatar{background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.725rem;font-weight:600;display:flex}.activity-type-cell{align-items:center;display:flex}.badge{text-transform:capitalize;border:1px solid #0000;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:.725rem;font-weight:600;display:inline-flex}.badge-dot{border-radius:50%;width:6px;height:6px}.badge.success{color:var(--accent-emerald);background:#10b9810f;border-color:#10b98126}.badge.success .badge-dot{background:var(--accent-emerald)}.badge.info{color:var(--accent-blue);background:#2678f20f;border-color:#2678f226}.badge.info .badge-dot{background:var(--accent-blue)}.badge.warning{color:var(--accent-amber);background:#f59e0b0f;border-color:#f59e0b26}.badge.warning .badge-dot{background:var(--accent-amber)}.badge.error{color:var(--accent-rose);background:#f43f5e0f;border-color:#f43f5e26}.badge.error .badge-dot{background:var(--accent-rose)}.activity-text{color:var(--text-primary);font-size:.85rem}.activity-time{color:var(--text-muted);font-size:.8rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{opacity:.4;transform:scale(.95)}to{opacity:.7;transform:scale(1.05)}}.no-data-msg{text-align:center;color:var(--text-muted);padding:32px;font-size:.875rem}.ci-workspace-container{background-color:var(--bg-primary);width:100%;height:100%;color:var(--text-primary);font-family:var(--font-family);flex-direction:column;display:flex;overflow:hidden}.ci-page-loading{height:100%;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.ci-loading-text{color:var(--text-muted);font-size:.875rem}.ci-top-header{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--glass-border);z-index:20;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;height:52px;padding:0 16px;display:flex}.ci-header-left{align-items:center;gap:14px;display:flex}.ci-brand-wrap{align-items:center;gap:10px;display:flex}.ci-brand-logo-icon{border-radius:var(--radius-sm);color:#fff;background:linear-gradient(135deg,#5547eb,#ab30e8);justify-content:center;align-items:center;width:30px;height:30px;display:flex;box-shadow:0 2px 10px #6366f159}.ci-brand-text-wrap{align-items:center;gap:6px;display:flex}.ci-brand-name{color:var(--text-primary);letter-spacing:-.2px;font-size:.95rem;font-weight:700}.ci-brand-tag{color:#796ef7;background:#6366f12e;border:1px solid #6366f14d;border-radius:4px;padding:1px 5px;font-size:.65rem;font-weight:700}.ci-v-divider{background:var(--glass-border);width:1px;height:20px}.ci-problem-selector-wrap{align-items:center;gap:8px;display:flex}.ci-problem-select-label{color:var(--text-muted);font-size:.75rem;font-weight:500}.ci-problem-dropdown{background:var(--bg-secondary);border:1px solid var(--glass-border);color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);outline:none;padding:5px 10px;font-size:.8rem;font-weight:600}.ci-problem-dropdown:hover,.ci-problem-dropdown:focus{border-color:var(--accent-blue);background:var(--bg-tertiary)}.ci-header-center{align-items:center;gap:8px;font-size:.75rem;display:flex}.ci-step-pill{transition:all var(--transition-fast);border:1px solid #0000;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-weight:500;display:flex}.ci-step-pill.step-active{color:#8f86f9;background:#6366f126;border-color:#6366f159;font-weight:600}.ci-step-pill.step-completed{color:var(--accent-emerald);background:#10b9811f;border-color:#10b98140;font-weight:600}.ci-step-pill.step-edited{color:var(--accent-amber);background:#f59e0b1f;border-color:#f59e0b40;font-weight:600}.ci-step-pill.step-inactive{color:var(--text-muted)}.ci-step-arrow{color:var(--text-muted);opacity:.6}.ci-edited-dot{color:var(--accent-amber);font-size:.65rem;font-weight:700}.ci-header-right{align-items:center;gap:8px;display:flex}.ci-btn-ai{border-radius:var(--radius-sm);color:#c986f9;cursor:pointer;transition:all var(--transition-fast);background:#a855f71f;border:1px solid #a855f740;align-items:center;gap:6px;padding:6px 12px;font-size:.75rem;font-weight:600;display:flex}.ci-btn-ai:hover{background:#a855f733;border-color:#a855f773}.ci-btn-run-main{border-radius:var(--radius-sm);background:var(--accent-emerald);color:#fff;cursor:pointer;box-shadow:0 2px 10px var(--accent-emerald-glow);transition:all var(--transition-fast);border:none;align-items:center;gap:6px;padding:6px 16px;font-size:.8rem;font-weight:700;display:flex}.ci-btn-run-main:hover{filter:brightness(1.1);transform:translateY(-1px)}.ci-btn-run-main:active{transform:translateY(0)}.ci-btn-run-main.running{cursor:not-allowed;opacity:.8;background:#2d8652}.ci-workspace-grid{flex:1;grid-template-columns:320px 1fr 420px;height:calc(100% - 52px);display:grid;overflow:hidden}@media (width<=1200px){.ci-workspace-grid{grid-template-columns:280px 1fr 380px}}@media (width<=992px){.ci-workspace-grid{grid-template-rows:auto auto auto;grid-template-columns:1fr;overflow-y:auto}}.ci-col-left{border-right:1px solid var(--glass-border);background:var(--bg-secondary);flex-direction:column;height:100%;display:flex;overflow:hidden}.ci-col-center{border-right:1px solid var(--glass-border);background:#0a0e1a4d;flex-direction:column;height:100%;display:flex;overflow:hidden}.ci-col-right{background:var(--bg-primary);flex-direction:column;height:100%;display:flex;overflow:hidden}.ci-left-tab-bar{background:var(--glass-bg);border-bottom:1px solid var(--glass-border);flex-shrink:0;align-items:center;gap:4px;padding:6px 12px;display:flex}.ci-tab-btn{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:6px;padding:5px 12px;font-size:.75rem;font-weight:500;display:flex}.ci-tab-btn:hover{color:var(--text-primary);background:var(--glass-bg-hover)}.ci-tab-btn.active{color:#fff;background:var(--bg-tertiary);box-shadow:var(--shadow-sm);font-weight:600}.ci-left-panel-content{flex:1;overflow-y:auto}.ci-problem-view{color:var(--text-secondary);flex-direction:column;gap:16px;padding:16px;font-size:.8rem;display:flex}.ci-problem-header{flex-direction:column;gap:8px;display:flex}.ci-problem-tags{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ci-badge{letter-spacing:.3px;border:1px solid #0000;border-radius:20px;align-items:center;gap:4px;padding:2px 8px;font-size:.7rem;font-weight:700;display:inline-flex}.ci-diff-easy{color:var(--accent-emerald);background:#10b9811f;border-color:#10b9814d}.ci-diff-medium{color:var(--accent-amber);background:#f59e0b1f;border-color:#f59e0b4d}.ci-diff-hard{color:var(--accent-rose);background:#f43f5e1f;border-color:#f43f5e4d}.ci-category-badge{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--glass-border)}.ci-fn-tag{color:var(--text-muted);align-items:center;gap:4px;font-size:.75rem;display:inline-flex}.ci-fn-tag code{color:var(--accent-cyan);font-family:monospace}.ci-problem-title{color:var(--text-primary);font-size:1.15rem;font-weight:700;line-height:1.3}.ci-problem-description{color:var(--text-primary);font-size:.825rem;line-height:1.6}.ci-specs-box{background:var(--bg-primary);border:1px solid var(--glass-border);border-radius:var(--radius-md);flex-direction:column;gap:10px;padding:12px;display:flex}.ci-spec-row{flex-direction:column;gap:4px;display:flex}.ci-spec-label{color:var(--text-muted);text-transform:uppercase;font-size:.7rem;font-weight:600}.ci-spec-code{border:1px solid var(--glass-border);color:#a69efa;background:#ffffff08;border-radius:4px;padding:4px 8px;font-family:monospace;font-size:.75rem}.ci-section-title{text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;align-items:center;gap:6px;margin-bottom:8px;font-size:.75rem;font-weight:700;display:flex}.ci-constraints-list{flex-direction:column;gap:6px;list-style:none;display:flex}.ci-constraint-item{align-items:baseline;gap:8px;font-size:.75rem;display:flex}.ci-constraint-item code{background:var(--bg-tertiary);color:var(--text-primary);border-radius:4px;padding:2px 6px;font-family:monospace}.ci-sample-card{background:var(--bg-primary);border:1px solid var(--glass-border);border-radius:var(--radius-md);flex-direction:column;gap:8px;margin-bottom:10px;padding:10px 12px;display:flex}.ci-sample-header{justify-content:space-between;align-items:center;display:flex}.ci-sample-name{color:var(--text-primary);font-size:.75rem;font-weight:600}.ci-copy-btn{color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-size:.7rem;display:flex}.ci-copy-btn:hover{color:var(--text-primary);background:var(--glass-bg-hover)}.ci-code-block{border-radius:var(--radius-sm);border:1px solid var(--glass-border);color:var(--text-primary);white-space:pre-wrap;background:#00000040;padding:8px;font-family:JetBrains Mono,monospace;font-size:.75rem;overflow-x:auto}.ci-expected-output{color:var(--accent-emerald)}.ci-solution-selector{flex-direction:column;gap:14px;padding:16px;display:flex}.ci-info-banner{border-radius:var(--radius-md);color:#a69efa;background:#6366f114;border:1px solid #6366f133;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.ci-info-icon-box{shrink-0:0;background:#6366f133;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.ci-info-title{color:#bcb6fb;margin-bottom:2px;font-size:.75rem;font-weight:700;display:block}.ci-info-text{color:var(--text-secondary);font-size:.7rem;line-height:1.4}.ci-solutions-list{flex-direction:column;gap:12px;display:flex}.ci-solution-card{background:var(--bg-primary);border:1px solid var(--glass-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);flex-direction:column;gap:10px;padding:14px;display:flex}.ci-solution-card:hover{border-color:var(--glass-border-focus);background:var(--bg-tertiary);transform:translateY(-1px)}.ci-solution-card.selected{background:#6366f114;border-color:#5547eb;box-shadow:0 0 0 1px #6366f166}.ci-solution-header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.ci-solution-title-wrap{align-items:flex-start;gap:8px;display:flex}.ci-radio-icon{margin-top:2px}.ci-check-active{color:#6a5eed}.ci-check-inactive{color:var(--text-muted)}.ci-solution-tag-row{align-items:center;gap:6px;margin-bottom:2px;display:flex}.ci-opt-index{color:var(--text-muted);text-transform:uppercase;font-size:.65rem;font-weight:700}.ci-approach-badge{background:var(--bg-secondary);border:1px solid var(--glass-border);color:var(--text-secondary);border-radius:12px;padding:1px 6px;font-size:.65rem;font-weight:600}.ci-solution-name{color:var(--text-primary);font-size:.85rem;font-weight:700}.ci-select-btn{border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--glass-border);background:var(--bg-secondary);color:var(--text-secondary);transition:all var(--transition-fast);align-items:center;gap:4px;padding:4px 10px;font-size:.725rem;font-weight:600;display:flex}.ci-select-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.ci-select-btn.active{color:#fff;background:#5547eb;border-color:#5547eb}.ci-solution-desc{color:var(--text-secondary);padding-left:26px;font-size:.75rem;line-height:1.4}.ci-complexity-row{flex-wrap:wrap;align-items:center;gap:8px;padding-left:26px;display:flex}.ci-metric-pill{border:1px solid var(--glass-border);color:var(--text-muted);background:#0003;border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-size:.7rem;display:inline-flex}.ci-blocks-count{color:var(--text-muted);font-size:.7rem}.ci-solution-code-preview{padding-left:26px}.ci-solution-code-preview pre{max-height:160px;font-size:.7rem}.ci-block-explorer{flex-direction:column;height:100%;display:flex;overflow:hidden}.ci-block-top-bar{background:var(--glass-bg);border-bottom:1px solid var(--glass-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 14px;display:flex}.ci-block-title-group{align-items:center;gap:8px;display:flex}.ci-block-main-title{color:var(--text-primary);align-items:center;gap:6px;font-size:.8rem;font-weight:700;display:flex}.ci-count-pill{background:var(--bg-tertiary);border:1px solid var(--glass-border);color:var(--text-muted);border-radius:12px;padding:2px 6px;font-family:monospace;font-size:.7rem}.ci-stepper-nav{align-items:center;gap:6px;display:flex}.ci-nav-arrow-btn{background:var(--bg-secondary);border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.ci-nav-arrow-btn:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.ci-nav-arrow-btn:disabled{opacity:.4;cursor:not-allowed}.ci-nav-page-num{color:var(--text-muted);font-family:monospace;font-size:.75rem}.ci-block-stepper-tabs{border-bottom:1px solid var(--glass-border);background:#00000026;flex-shrink:0;align-items:center;gap:6px;padding:8px 12px;display:flex;overflow-x:auto}.ci-tab-pill{border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:var(--bg-secondary);color:var(--text-secondary);white-space:nowrap;cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:6px;padding:4px 10px;font-size:.725rem;display:flex}.ci-tab-pill:hover{background:var(--bg-tertiary);color:var(--text-primary)}.ci-tab-pill.active{color:#a69efa;background:#6366f12e;border-color:#5547eb;font-weight:600}.ci-tab-idx{background:#0003;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-family:monospace;font-size:.65rem;display:flex}.ci-pending-dot{background:var(--accent-amber);border-radius:50%;width:6px;height:6px}.ci-block-content-scroll{flex-direction:column;flex:1;gap:16px;padding:16px;display:flex;overflow-y:auto}.ci-block-meta-card{background:var(--bg-primary);border:1px solid var(--glass-border);border-radius:var(--radius-md);flex-direction:column;gap:8px;padding:14px;display:flex}.ci-block-meta-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.ci-block-name-row{align-items:center;gap:8px;display:flex}.ci-meta-idx{color:var(--text-muted);text-transform:uppercase;font-size:.65rem;font-weight:700}.ci-meta-title{color:var(--text-primary);font-size:.9rem;font-weight:700}.ci-type-fn{color:var(--accent-purple);background:#a855f71f;border-color:#a855f74d}.ci-type-var{color:var(--accent-blue);background:#3b82f61f;border-color:#3b82f64d}.ci-type-loop{color:var(--accent-amber);background:#f59e0b1f;border-color:#f59e0b4d}.ci-type-cond{color:var(--accent-rose);background:#f43f5e1f;border-color:#f43f5e4d}.ci-type-return{color:var(--accent-emerald);background:#10b9811f;border-color:#10b9814d}.ci-type-default{background:var(--bg-tertiary);color:var(--text-secondary);border-color:var(--glass-border)}.ci-meta-desc{color:var(--text-secondary);font-size:.775rem;line-height:1.4}.ci-meta-context-row{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:.7rem;display:flex}.ci-dep-item code{color:var(--accent-cyan);font-family:monospace}.ci-options-container{flex-direction:column;gap:10px;display:flex}.ci-options-header{justify-content:space-between;align-items:center;display:flex}.ci-options-title{color:var(--text-primary);align-items:center;gap:6px;font-size:.75rem;font-weight:700;display:flex}.ci-options-status{color:var(--text-muted);font-size:.7rem}.ci-options-grid{flex-direction:column;gap:10px;display:flex}.ci-option-card{background:var(--bg-primary);border:1px solid var(--glass-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);flex-direction:column;gap:8px;padding:12px;display:flex}.ci-option-card:hover{border-color:var(--glass-border-focus);background:var(--bg-tertiary)}.ci-option-card.selected{background:#6366f114;border-color:#5547eb;box-shadow:0 0 0 1px #6366f159}.ci-option-header{justify-content:space-between;align-items:center;display:flex}.ci-option-title-group{align-items:center;gap:8px;display:flex}.ci-option-label{color:var(--text-primary);font-size:.8rem;font-weight:700}.ci-select-btn-sm{border:1px solid var(--glass-border);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:.7rem;font-weight:600;display:flex}.ci-select-btn-sm.active{color:#fff;background:#5547eb;border-color:#5547eb}.ci-vars-row{flex-wrap:wrap;align-items:center;gap:6px;padding-left:24px;display:flex}.ci-var-tag{border:1px solid var(--glass-border);background:#0003;border-radius:4px;padding:2px 6px;font-size:.65rem}.ci-var-tag.declared{color:var(--accent-blue)}.ci-var-tag.referenced{color:var(--accent-amber)}.ci-snippet-preview{padding-left:24px}.ci-snippet-preview pre{font-size:.75rem;line-height:1.5}.ci-block-footer{background:var(--glass-bg);border-top:1px solid var(--glass-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.ci-btn-secondary{border-radius:var(--radius-sm);background:var(--bg-secondary);border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:4px;padding:6px 12px;font-size:.75rem;font-weight:600;display:flex}.ci-btn-secondary:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.ci-btn-primary{border-radius:var(--radius-sm);color:#fff;cursor:pointer;transition:all var(--transition-fast);background:#5547eb;border:none;align-items:center;gap:4px;padding:6px 14px;font-size:.75rem;font-weight:600;display:flex}.ci-btn-primary:hover{filter:brightness(1.1)}.ci-assemble-btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border:none;align-items:center;gap:6px;padding:6px 14px;font-size:.75rem;font-weight:700;display:flex}.ci-assemble-btn.ready{color:#fff;background:#5547eb;box-shadow:0 2px 10px #6366f166}.ci-assemble-btn.disabled{background:var(--bg-secondary);color:var(--text-muted);cursor:not-allowed;border:1px solid var(--glass-border)}.ci-empty-solution-state,.ci-empty-state{text-align:center;height:100%;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:32px;display:flex}.ci-empty-icon-box{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:50%;padding:16px}.ci-empty-title{color:var(--text-primary);font-size:.95rem;font-weight:700}.ci-empty-desc,.ci-empty-subtitle{max-width:260px;color:var(--text-secondary);font-size:.75rem;line-height:1.5}.ci-editor-container-half{border-bottom:1px solid var(--glass-border);flex:1;min-height:250px;overflow:hidden}.ci-exec-container-half{flex-shrink:0;height:260px;overflow:hidden}.ci-editor-panel{flex-direction:column;height:100%;display:flex}.ci-editor-toolbar{background:var(--glass-bg);border-bottom:1px solid var(--glass-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:6px 12px;display:flex}.ci-editor-title-wrap{align-items:center;gap:8px;display:flex}.ci-editor-title{color:var(--text-primary);font-size:.775rem;font-weight:700}.ci-badge-synced{color:var(--accent-emerald);background:#10b9811f;border-color:#10b98140}.ci-badge-edited{color:var(--accent-amber);background:#f59e0b1f;border-color:#f59e0b40}.ci-pulse-dot{background:var(--accent-amber);border-radius:50%;width:6px;height:6px;animation:1.5s infinite pulse}.ci-editor-actions{align-items:center;gap:6px;display:flex}.ci-action-btn-sm{background:var(--bg-secondary);border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:.7rem;display:flex}.ci-action-btn-sm:hover{background:var(--bg-tertiary);color:var(--text-primary)}.ci-icon-btn{color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.ci-icon-btn:hover{background:var(--glass-bg-hover);color:var(--text-primary)}.ci-run-btn-editor{background:var(--accent-emerald);color:#fff;cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:4px;align-items:center;gap:4px;padding:4px 12px;font-size:.75rem;font-weight:700;display:flex}.ci-run-btn-editor:hover{filter:brightness(1.1)}.ci-assembly-banner{background:var(--bg-secondary);border-bottom:1px solid var(--glass-border);flex-direction:column;gap:4px;padding:6px 12px;font-size:.7rem;display:flex}.ci-banner-row{align-items:center;gap:6px;display:flex}.ci-banner-row.error{color:var(--accent-rose)}.ci-banner-row.warning{color:var(--accent-amber)}.ci-monaco-container{flex:1;width:100%;height:100%}.ci-exec-panel{background:var(--bg-secondary);flex-direction:column;height:100%;display:flex}.ci-exec-header{background:var(--glass-bg);border-bottom:1px solid var(--glass-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:6px 12px;display:flex}.ci-exec-status-row{align-items:center;gap:8px;display:flex}.ci-status-pill{padding:3px 8px;font-size:.7rem;font-weight:700}.ci-status-accepted{color:var(--accent-emerald);background:#10b98126;border-color:#10b98159}.ci-status-wrong{color:var(--accent-rose);background:#f43f5e26;border-color:#f43f5e59}.ci-status-tle{color:var(--accent-amber);background:#f59e0b26;border-color:#f59e0b59}.ci-status-compile{color:var(--accent-rose);background:#f43f5e26;border-color:#f43f5e59}.ci-status-runtime{color:var(--accent-purple);background:#a855f726;border-color:#a855f759}.ci-status-default{background:var(--bg-tertiary);color:var(--text-muted);border-color:var(--glass-border)}.ci-tests-count{color:var(--text-primary);font-family:monospace;font-size:.75rem;font-weight:600}.ci-time-badge{color:var(--text-muted);align-items:center;gap:4px;font-family:monospace;font-size:.7rem;display:flex}.ci-tabs-box{background:var(--bg-primary);border:1px solid var(--glass-border);border-radius:4px;align-items:center;gap:2px;padding:2px;display:flex}.ci-exec-content{flex:1;padding:12px;overflow-y:auto}.ci-tests-view{flex-direction:column;gap:10px;display:flex}.ci-pills-scroll{align-items:center;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.ci-case-pill{border:1px solid var(--glass-border);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:.7rem;font-weight:600;display:flex}.ci-case-pill.passed{color:var(--accent-emerald);border-color:#10b98140}.ci-case-pill.failed{color:var(--accent-rose);background:#f43f5e0d;border-color:#f43f5e40}.ci-case-pill.current{background:var(--bg-tertiary);color:var(--text-primary);border-color:#5547eb}.ci-test-detail-card{background:var(--bg-primary);border:1px solid var(--glass-border);border-radius:var(--radius-md);flex-direction:column;gap:8px;padding:10px 12px;display:flex}.ci-test-detail-header{justify-content:space-between;align-items:center;display:flex}.ci-test-name-wrap{align-items:center;gap:6px;display:flex}.ci-test-title{color:var(--text-primary);font-size:.75rem;font-weight:700}.ci-badge-hidden{background:var(--bg-tertiary);color:var(--text-muted);border-color:var(--glass-border)}.ci-field-block{flex-direction:column;gap:4px;display:flex}.ci-field-label{color:var(--text-muted);text-transform:uppercase;font-size:.675rem;font-weight:600}.ci-comparison-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.ci-actual-pass{color:var(--accent-emerald)}.ci-actual-fail{color:var(--accent-rose);background:#f43f5e14}.ci-test-error-box{color:var(--accent-rose);background:#f43f5e14;border:1px solid #f43f5e40;border-radius:4px;padding:6px 8px;font-family:monospace;font-size:.7rem}.ci-console-view,.ci-diagnostics-view{flex-direction:column;gap:6px;display:flex}.ci-console-output{max-height:180px;color:var(--text-secondary)}.ci-diag-output{color:var(--accent-rose);background:#f43f5e14;border-color:#f43f5e40;max-height:180px}.ci-empty-console{text-align:center;color:var(--text-muted);padding:16px;font-size:.75rem;font-style:italic}.ci-exec-loading,.ci-exec-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:100%;padding:16px;display:flex}.ci-exec-empty-icon{color:var(--text-muted);opacity:.5}.ci-exec-empty-title,.ci-exec-loading-title{color:var(--text-primary);font-size:.8rem;font-weight:600}.ci-exec-empty-sub,.ci-exec-loading-sub{color:var(--text-muted);font-size:.7rem}.ci-highlight-green{color:var(--accent-emerald);font-weight:700}.ci-spinner-sm{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite spin}.ci-spinner-md{border:3px solid #6366f133;border-top-color:#5547eb;border-radius:50%;width:24px;height:24px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.ci-modal-backdrop{z-index:2000;-webkit-backdrop-filter:blur(8px);background:#000000a6;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.ci-modal-container{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-lg);width:100%;max-width:520px;box-shadow:var(--shadow-lg);color:var(--text-primary);overflow:hidden}.ci-modal-header{background:var(--glass-bg);border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.ci-modal-title-group{align-items:center;gap:10px;display:flex}.ci-modal-icon-wrap{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--accent-purple);background:#a855f726;justify-content:center;align-items:center;display:flex}.ci-modal-heading{color:var(--text-primary);font-size:.9rem;font-weight:700}.ci-modal-subheading{color:var(--text-muted);font-size:.7rem}.ci-modal-close-btn{color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.ci-modal-close-btn:hover{background:var(--glass-bg-hover);color:var(--text-primary)}.ci-modal-body{flex-direction:column;gap:14px;padding:18px;display:flex}.ci-rule-banner{border-radius:var(--radius-md);background:var(--bg-primary);border:1px solid var(--glass-border);padding:10px 12px;font-size:.725rem;line-height:1.4}.ci-rule-title{color:var(--text-primary);margin-bottom:2px;font-weight:700;display:block}.ci-rule-desc{color:var(--text-secondary)}.ci-mode-switcher{background:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--glass-border);grid-template-columns:1fr 1fr;gap:6px;padding:4px;display:grid}.ci-mode-btn{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-size:.75rem;font-weight:600;display:flex}.ci-mode-btn.active{background:var(--bg-tertiary);color:var(--text-primary);box-shadow:var(--shadow-sm)}.ci-generate-section{flex-direction:column;gap:10px;display:flex}.ci-generate-info{color:var(--text-secondary);font-size:.75rem}.ci-select-dropdown{background:var(--bg-primary);border:1px solid var(--glass-border);color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;outline:none;padding:8px 10px;font-size:.75rem;font-weight:500}.ci-btn-generate{border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:all var(--transition-fast);background:#5547eb;border:none;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:.8rem;font-weight:700;display:flex;box-shadow:0 2px 10px #6366f166}.ci-btn-generate:hover:not(:disabled){filter:brightness(1.1)}.ci-btn-generate.ci-btn-generate-alt{background:#9c30e8;box-shadow:0 2px 10px #a855f766}.ci-btn-generate:disabled{opacity:.6;cursor:not-allowed}.ci-status-message{border-radius:var(--radius-md);align-items:flex-start;gap:8px;padding:10px 12px;font-size:.75rem;display:flex}.ci-status-message.success{color:var(--accent-emerald);background:#10b9811f;border:1px solid #10b9814d}.ci-status-message.error{color:var(--accent-rose);background:#f43f5e1f;border:1px solid #f43f5e4d}.ci-modal-footer{background:var(--glass-bg);border-top:1px solid var(--glass-border);justify-content:flex-end;padding:10px 18px;display:flex}