:root{--gradient-start: #667eea;--gradient-end: #764ba2}:root,[data-theme=dark]{--bg-primary: #1a202c;--bg-secondary: #2d3748;--bg-tertiary: #4a5568;--bg-card: #2d3748;--bg-elevated: #374151;--bg-input: #374151;--bg-hover: #4a5568;--text-primary: #f7fafc;--text-secondary: #e2e8f0;--text-tertiary: #cbd5e0;--text-muted: #a0aec0;--text-inverse: #1a202c;--border-primary: #4a5568;--border-secondary: #2d3748;--border-focus: var(--gradient-start);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .6);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .7);--overlay-bg: rgba(0, 0, 0, .7);--success-bg: #064e3b;--success-text: #6ee7b7;--success-border: #047857;--error-bg: #7f1d1d;--error-text: #fca5a5;--error-border: #991b1b;--warning-bg: #78350f;--warning-text: #fcd34d;--warning-border: #92400e;--info-bg: #1e3a8a;--info-text: #93c5fd;--info-border: #1e40af;--gradient-opacity-light: rgba(102, 126, 234, .1);--gradient-opacity-medium: rgba(102, 126, 234, .2);--gradient-opacity-strong: rgba(102, 126, 234, .3);--btn-secondary-bg: #4a5568;--btn-secondary-hover: #5a6578;--btn-success-bg: #065f46;--btn-success-hover: #047857;--btn-success-border: #10b981;--btn-warning-bg: #92400e;--btn-warning-hover: #b45309;--btn-warning-border: #f59e0b;--btn-danger-bg: #991b1b;--btn-danger-hover: #b91c1c;--btn-danger-border: #ef4444;--disabled-bg: #374151;--disabled-text: #6b7280;--code-bg: #374151;--code-text: #e2e8f0}[data-theme=light]{--bg-primary: #f7fafc;--bg-secondary: #ffffff;--bg-tertiary: #edf2f7;--bg-card: #ffffff;--bg-elevated: #ffffff;--bg-input: #ffffff;--bg-hover: #f7fafc;--text-primary: #1a202c;--text-secondary: #2d3748;--text-tertiary: #4a5568;--text-muted: #718096;--text-inverse: #ffffff;--border-primary: #e2e8f0;--border-secondary: #cbd5e0;--border-focus: var(--gradient-start);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .15);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .3);--overlay-bg: rgba(0, 0, 0, .5);--success-bg: #d1fae5;--success-text: #065f46;--success-border: #10b981;--error-bg: #fee;--error-text: #c33;--error-border: #fcc;--warning-bg: #fef3c7;--warning-text: #92400e;--warning-border: #f59e0b;--info-bg: #dbeafe;--info-text: #1e40af;--info-border: #3b82f6;--gradient-opacity-light: rgba(102, 126, 234, .1);--gradient-opacity-medium: rgba(102, 126, 234, .2);--gradient-opacity-strong: rgba(102, 126, 234, .3);--btn-secondary-bg: #e5e7eb;--btn-secondary-hover: #d1d5db;--btn-success-bg: #10b981;--btn-success-hover: #059669;--btn-success-border: #10b981;--btn-warning-bg: #f59e0b;--btn-warning-hover: #d97706;--btn-warning-border: #f59e0b;--btn-danger-bg: #ef4444;--btn-danger-hover: #dc2626;--btn-danger-border: #ef4444;--disabled-bg: #f3f4f6;--disabled-text: #9ca3af;--code-bg: #f9fafb;--code-text: #1f2937}.theme-toggle{position:fixed;bottom:30px;right:30px;width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,var(--gradient-start) 0%,var(--gradient-end) 100%);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5em;box-shadow:var(--shadow-lg);transition:all .3s ease;z-index:1000;color:#fff}.theme-toggle:hover{transform:translateY(-3px) scale(1.05);box-shadow:var(--shadow-xl)}.theme-toggle:active{transform:translateY(-1px) scale(1.02)}body,.themed-card,.themed-input,.themed-modal,[class*=btn-],[class*=status-],[class*=badge-],[class*=provider-],[class*=stream-],[class*=workflow-],[class*=message-],.navbar,.modal-content,.toast,table,thead,tbody,tr,td,th{transition:background-color .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease}*:focus,*:active,.no-theme-transition{transition:none}.themed-card{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-primary);box-shadow:var(--shadow-sm)}.themed-input{background:var(--bg-input);color:var(--text-primary);border:2px solid var(--border-primary)}.themed-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--gradient-opacity-light)}.themed-modal{background:var(--bg-card);color:var(--text-primary);box-shadow:var(--shadow-xl)}.themed-text-primary{color:var(--text-primary)}.themed-text-secondary{color:var(--text-secondary)}.themed-text-muted{color:var(--text-muted)}.status-badge-success{background:var(--success-bg);color:var(--success-text);border:1px solid var(--success-border)}.status-badge-error{background:var(--error-bg);color:var(--error-text);border:1px solid var(--error-border)}.status-badge-warning{background:var(--warning-bg);color:var(--warning-text);border:1px solid var(--warning-border)}.status-badge-info{background:var(--info-bg);color:var(--info-text);border:1px solid var(--info-border)}:root{--breakpoint-mobile-sm: 320px;--breakpoint-mobile: 375px;--breakpoint-mobile-lg: 428px;--breakpoint-tablet: 768px;--breakpoint-tablet-lg: 1024px;--breakpoint-desktop: 1280px;--breakpoint-desktop-lg: 1440px;--breakpoint-desktop-xl: 1920px;--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-primary-hover: linear-gradient(135deg, #5568d3 0%, #6a4293 100%);--gradient-primary-vertical: linear-gradient(180deg, #667eea 0%, #764ba2 100%);--gradient-success: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);--gradient-success-hover: linear-gradient(135deg, #0f8a7f 0%, #2ed871 100%);--gradient-warning: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-warning-hover: linear-gradient(135deg, #e07fec 0%, #ed4459 100%);--gradient-info: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-info-hover: linear-gradient(135deg, #3d9aee 0%, #00dce5 100%);--gradient-danger: linear-gradient(135deg, #ff6b6b 0%, #ee5a24 100%);--gradient-danger-hover: linear-gradient(135deg, #f55555 0%, #dc4f1c 100%);--gradient-neutral: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-sunset: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-ocean: linear-gradient(135deg, #2e3192 0%, #1bffff 100%);--glass-bg-light: rgba(255, 255, 255, .8);--glass-bg-light-strong: rgba(255, 255, 255, .9);--glass-bg-light-subtle: rgba(255, 255, 255, .6);--glass-border-light: rgba(255, 255, 255, .3);--glass-bg-dark: rgba(30, 30, 30, .8);--glass-bg-dark-strong: rgba(30, 30, 30, .9);--glass-bg-dark-subtle: rgba(30, 30, 30, .6);--glass-border-dark: rgba(255, 255, 255, .1);--glass-blur: blur(10px);--glass-blur-strong: blur(20px);--glass-blur-subtle: blur(5px);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--container-padding-mobile: 16px;--container-padding-tablet: 24px;--container-padding-desktop: 32px;--section-spacing-mobile: 32px;--section-spacing-tablet: 48px;--section-spacing-desktop: 64px;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 28px;--font-size-4xl: 32px;--heading-1: 24px;--heading-2: 20px;--heading-3: 18px;--heading-4: 16px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-hover: 0 8px 24px rgba(0, 0, 0, .12);--shadow-glow: 0 0 20px rgba(102, 126, 234, .3);--shadow-glow-success: 0 0 20px rgba(56, 239, 125, .3);--shadow-glow-danger: 0 0 20px rgba(255, 107, 107, .3);--radius-none: 0;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--z-notification: 800;--z-loading: 900;--touch-target-min: 44px;--touch-target-comfortable: 48px;--transition-fast: .15s;--transition-base: .3s;--transition-slow: .5s;--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--status-active: #52c41a;--status-inactive: #8c8c8c;--status-pending: #faad14;--status-processing: #1890ff;--status-success: #52c41a;--status-warning: #faad14;--status-error: #ff4d4f;--status-info: #1890ff;--status-disabled: #d9d9d9;--quota-safe: #52c41a;--quota-warning: #faad14;--quota-danger: #ff4d4f;--quota-exceeded: #cf1322}@media (min-width: 768px){:root{--font-size-base: 16px;--heading-1: 28px;--heading-2: 24px;--heading-3: 20px;--heading-4: 18px}}@media (min-width: 1024px){:root{--spacing-lg: 32px;--spacing-xl: 48px;--spacing-2xl: 64px;--spacing-3xl: 96px;--heading-1: 32px;--heading-2: 24px;--heading-3: 20px;--heading-4: 18px}}[data-theme=dark]{--glass-bg: var(--glass-bg-dark);--glass-bg-strong: var(--glass-bg-dark-strong);--glass-bg-subtle: var(--glass-bg-dark-subtle);--glass-border: var(--glass-border-dark)}[data-theme=light]{--glass-bg: var(--glass-bg-light);--glass-bg-strong: var(--glass-bg-light-strong);--glass-bg-subtle: var(--glass-bg-light-subtle);--glass-border: var(--glass-border-light)}.bg-gradient-primary{background:var(--gradient-primary)}.bg-gradient-success{background:var(--gradient-success)}.bg-gradient-warning{background:var(--gradient-warning)}.bg-gradient-info{background:var(--gradient-info)}.bg-gradient-danger{background:var(--gradient-danger)}.glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border)}.glass-strong{background:var(--glass-bg-strong);backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong)}.glass-subtle{background:var(--glass-bg-subtle);backdrop-filter:var(--glass-blur-subtle);-webkit-backdrop-filter:var(--glass-blur-subtle)}.shadow-hover{box-shadow:var(--shadow-hover)}.shadow-glow{box-shadow:var(--shadow-glow)}.touch-target{min-width:var(--touch-target-min);min-height:var(--touch-target-min)}.touch-target-comfortable{min-width:var(--touch-target-comfortable);min-height:var(--touch-target-comfortable)}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes heartbeat{0%,to{transform:scale(1)}25%{transform:scale(1.05)}50%{transform:scale(1)}75%{transform:scale(1.05)}}@keyframes checkmark{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes tada{0%{transform:scaleZ(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}to{transform:scaleZ(1)}}.skeleton{background:linear-gradient(90deg,var(--bg-secondary) 0%,var(--bg-hover) 50%,var(--bg-secondary) 100%);background-size:200% 100%;animation:shimmer 2s infinite;border-radius:var(--radius-md)}.skeleton-text{height:16px;margin-bottom:8px}.skeleton-title{height:24px;width:60%;margin-bottom:12px}.skeleton-avatar{width:48px;height:48px;border-radius:var(--radius-full)}.skeleton-card{height:120px;width:100%}.hover-lift{transition:transform var(--transition-base) var(--ease-out),box-shadow var(--transition-base) var(--ease-out)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.hover-scale{transition:transform var(--transition-fast) var(--ease-out)}.hover-scale:hover{transform:scale(1.02)}.hover-glow{transition:box-shadow var(--transition-base) var(--ease-out)}.hover-glow:hover{box-shadow:var(--shadow-glow)}.hover-rotate{transition:transform var(--transition-base) var(--ease-out)}.hover-rotate:hover{transform:rotate(5deg)}.button-press{transition:transform var(--transition-fast) var(--ease-out)}.button-press:active{transform:scale(.98)}.counter-animate{animation:scaleIn var(--transition-base) var(--ease-bounce)}.toast-enter{animation:slideInDown var(--transition-base) var(--ease-out)}.toast-exit{animation:fadeOut var(--transition-fast) var(--ease-in)}.modal-backdrop-enter{animation:fadeIn var(--transition-base) var(--ease-out)}.modal-backdrop-exit{animation:fadeOut var(--transition-base) var(--ease-in)}.modal-enter{animation:scaleIn var(--transition-base) var(--ease-out)}.modal-exit{animation:fadeOut var(--transition-fast) var(--ease-in)}@keyframes slideUpFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDownToBottom{0%{transform:translateY(0)}to{transform:translateY(100%)}}.bottom-sheet-enter{animation:slideUpFromBottom var(--transition-base) var(--ease-out)}.bottom-sheet-exit{animation:slideDownToBottom var(--transition-base) var(--ease-in)}@keyframes progressBar{0%{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}.progress-bar-animated{animation:progressBar .5s var(--ease-out)}@keyframes progressCircle{0%{stroke-dashoffset:283}}.progress-circle-animated{animation:progressCircle 1s var(--ease-out) forwards}.badge-pulse{animation:pulse 2s var(--ease-in-out) infinite}.badge-heartbeat{animation:heartbeat 1.5s var(--ease-in-out) infinite}@keyframes swipeLeft{0%{transform:translate(0)}50%{transform:translate(-10px)}to{transform:translate(-100%);opacity:0}}@keyframes swipeRight{0%{transform:translate(0)}50%{transform:translate(10px)}to{transform:translate(100%);opacity:0}}.swipe-delete{animation:swipeLeft var(--transition-base) var(--ease-in)}.swipe-archive{animation:swipeRight var(--transition-base) var(--ease-in)}.animate-fade-in{animation:fadeIn var(--transition-base) var(--ease-out)}.animate-slide-up{animation:slideInUp var(--transition-base) var(--ease-out)}.animate-slide-down{animation:slideInDown var(--transition-base) var(--ease-out)}.animate-slide-left{animation:slideInLeft var(--transition-base) var(--ease-out)}.animate-slide-right{animation:slideInRight var(--transition-base) var(--ease-out)}.animate-scale-in{animation:scaleIn var(--transition-base) var(--ease-out)}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s var(--ease-in-out) infinite}.animate-bounce{animation:bounce 1s var(--ease-in-out) infinite}.animate-shake{animation:shake .5s var(--ease-in-out)}.animate-tada{animation:tada 1s var(--ease-in-out)}.transition-all{transition:all var(--transition-base) var(--ease-in-out)}.transition-colors{transition:background-color var(--transition-base) var(--ease-in-out),border-color var(--transition-base) var(--ease-in-out),color var(--transition-base) var(--ease-in-out)}.transition-transform{transition:transform var(--transition-base) var(--ease-out)}.transition-opacity{transition:opacity var(--transition-base) var(--ease-in-out)}.transition-shadow{transition:box-shadow var(--transition-base) var(--ease-out)}.transition-fast{transition-duration:var(--transition-fast)}.transition-slow{transition-duration:var(--transition-slow)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.skeleton{animation:none;background:var(--bg-secondary)}}.spinner{border:3px solid var(--border-primary);border-top-color:transparent;border-radius:var(--radius-full);animation:spin 1s linear infinite}.spinner-sm{width:20px;height:20px;border-width:2px}.spinner-md{width:32px;height:32px;border-width:3px}.spinner-lg{width:48px;height:48px;border-width:4px}.spinner-gradient{border-top-color:var(--gradient-start);border-right-color:var(--gradient-end)}.hide-mobile{display:none}@media (min-width: 768px){.hide-mobile{display:initial}.hide-tablet,.show-mobile{display:none}.show-tablet{display:initial}}@media (min-width: 1024px){.hide-desktop{display:none}.hide-tablet,.show-desktop{display:initial}.show-tablet{display:none}}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-center{display:flex;align-items:center;justify-content:center}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.flex-1{flex:1}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (min-width: 768px){.tablet\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.tablet\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.tablet\:flex-row{flex-direction:row}}@media (min-width: 1024px){.desktop\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.desktop\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.m-0{margin:0}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}.m-auto{margin:auto}.mt-0{margin-top:0}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-0{margin-bottom:0}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.ml-0{margin-left:0}.ml-xs{margin-left:var(--spacing-xs)}.ml-sm{margin-left:var(--spacing-sm)}.ml-md{margin-left:var(--spacing-md)}.ml-auto{margin-left:auto}.mr-0{margin-right:0}.mr-xs{margin-right:var(--spacing-xs)}.mr-sm{margin-right:var(--spacing-sm)}.mr-md{margin-right:var(--spacing-md)}.mr-auto{margin-right:auto}.mx-auto{margin-left:auto;margin-right:auto}.p-0{padding:0}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.pt-0{padding-top:0}.pt-xs{padding-top:var(--spacing-xs)}.pt-sm{padding-top:var(--spacing-sm)}.pt-md{padding-top:var(--spacing-md)}.pt-lg{padding-top:var(--spacing-lg)}.pb-0{padding-bottom:0}.pb-xs{padding-bottom:var(--spacing-xs)}.pb-sm{padding-bottom:var(--spacing-sm)}.pb-md{padding-bottom:var(--spacing-md)}.pb-lg{padding-bottom:var(--spacing-lg)}.px-md{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.py-md{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.container-responsive{padding-left:var(--container-padding-mobile);padding-right:var(--container-padding-mobile)}@media (min-width: 768px){.container-responsive{padding-left:var(--container-padding-tablet);padding-right:var(--container-padding-tablet)}}@media (min-width: 1024px){.container-responsive{padding-left:var(--container-padding-desktop);padding-right:var(--container-padding-desktop)}}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-md{font-size:var(--font-size-md)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.w-full{width:100%}.w-auto{width:auto}.w-fit{width:fit-content}.h-full{height:100%}.h-auto{height:auto}.h-screen{height:100vh}.max-w-sm{max-width:640px}.max-w-md{max-width:768px}.max-w-lg{max-width:1024px}.max-w-xl{max-width:1280px}.max-w-full{max-width:100%}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.inset-0{top:0;right:0;bottom:0;left:0}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded-none{border-radius:var(--radius-none)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.no-tap-highlight{-webkit-tap-highlight-color:transparent}.scroll-smooth{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.safe-area-padding{padding-top:env(safe-area-inset-top);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left)}.safe-area-padding-bottom{padding-bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom))}.z-base{z-index:var(--z-base)}.z-dropdown{z-index:var(--z-dropdown)}.z-sticky{z-index:var(--z-sticky)}.z-fixed{z-index:var(--z-fixed)}.z-modal{z-index:var(--z-modal)}.z-popover{z-index:var(--z-popover)}.z-tooltip{z-index:var(--z-tooltip)}.card-mobile{padding:var(--spacing-md);border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-primary);box-shadow:var(--shadow-sm)}@media (min-width: 768px){.card-mobile{padding:var(--spacing-lg)}}.layer-base{z-index:1}.layer-raised{z-index:10}.layer-overlay{z-index:100}.layer-modal{z-index:500}.layer-toast{z-index:800}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.cursor-default{cursor:default}.cursor-move{cursor:move}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal);min-height:100vh;overscroll-behavior-y:none;-webkit-overflow-scrolling:touch}*:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:var(--radius-sm)}button,a,input,select,textarea{min-height:var(--touch-target-min)}.ant-message{z-index:var(--z-notification)}.ant-modal{max-width:calc(100vw - 32px)}.ant-drawer-content{border-radius:var(--radius-lg) var(--radius-lg) 0 0}@media (max-width: 767px){.ant-modal{max-width:100%;margin:0;padding:0}.ant-modal-content{border-radius:var(--radius-lg) var(--radius-lg) 0 0}.ant-modal-wrap{align-items:flex-end}}.footer{background:var(--bg-secondary);color:var(--text-secondary);padding:20px 40px;text-align:center;margin-top:auto}.footer-content{max-width:1400px;margin:0 auto}.footer p{margin:0;font-size:.9em}.footer-links{margin-top:10px!important;font-size:.9em!important}.footer a{color:var(--gradient-start);text-decoration:none;transition:opacity .2s}.footer a:hover{opacity:.8}.public-layout{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#667eea,#764ba2)}.public-content{flex:1;display:flex;align-items:center;justify-content:center;padding:20px}.landing-container{background:var(--bg-card);border-radius:20px;box-shadow:var(--shadow-xl);max-width:1200px;width:100%;overflow:hidden}.landing-header{background:linear-gradient(135deg,var(--gradient-start) 0%,var(--gradient-end) 100%);color:var(--text-inverse);padding:40px;text-align:center}.landing-header h1{font-size:2.5em;margin-bottom:10px;font-weight:700}.landing-header p{font-size:1.2em;opacity:.9}.version-badge{display:inline-block;background:#fff3;padding:5px 15px;border-radius:20px;font-size:.9em;margin-top:10px}.login-btn{display:inline-block;margin-top:20px;padding:12px 30px;background:var(--bg-card);color:var(--gradient-start);text-decoration:none;border-radius:10px;font-weight:600;transition:all .3s ease;box-shadow:var(--shadow-md)}.login-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.landing-content{padding:40px}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:40px}.status-card{background:var(--bg-elevated);border-radius:12px;padding:25px;border-left:4px solid var(--gradient-start);transition:transform .2s,box-shadow .2s}.status-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.status-card h3{color:var(--text-primary);font-size:1.1em;margin-bottom:10px;display:flex;align-items:center;gap:10px}.status-indicator{width:12px;height:12px;border-radius:50%;display:inline-block;animation:pulse 2s infinite}.status-indicator.healthy{background:var(--btn-success-bg, #10b981)}.status-indicator.error{background:var(--btn-danger-bg, #ef4444)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-value{font-size:2em;font-weight:700;color:var(--gradient-start);margin:10px 0}.status-label{color:var(--text-muted);font-size:.9em}.features{margin-top:30px}.features h2{color:var(--text-primary);margin-bottom:20px;font-size:1.8em}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.feature-item{background:linear-gradient(135deg,var(--gradient-start) 0%,var(--gradient-end) 100%);color:var(--text-inverse);padding:25px;border-radius:12px;transition:transform .2s}.feature-item:hover{transform:scale(1.05)}.feature-item h4{font-size:1.2em;margin-bottom:10px}.feature-item p{opacity:.9;line-height:1.6}.auth-layout{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--gradient-start) 0%,var(--gradient-end) 100%);padding:20px}.login-container{background:var(--bg-card);border-radius:20px;box-shadow:var(--shadow-xl);width:100%;max-width:400px;padding:40px}.logo-section{text-align:center;margin-bottom:30px}.logo-section h1{font-size:2em;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:5px}.logo-section p{color:var(--text-muted);font-size:.95em}.login-footer{margin-top:25px;text-align:center;font-size:.9em}.login-footer a{color:var(--gradient-start);text-decoration:none;font-weight:500;transition:color .2s ease}.login-footer a:hover{color:var(--gradient-end)}.login-container .ant-form-item-label>label{color:var(--text-secondary);font-weight:500}.login-container .ant-input,.login-container .ant-input-password{background:var(--bg-input);border-color:var(--border-primary);color:var(--text-primary)}.login-container .ant-input:focus,.login-container .ant-input-password:focus,.login-container .ant-input-focused,.login-container .ant-input-affix-wrapper:focus{border-color:var(--border-focus);box-shadow:0 0 0 2px #667eea33}.login-container .ant-checkbox-wrapper{color:var(--text-secondary)}.login-container .ant-btn-primary{background:linear-gradient(135deg,var(--gradient-start) 0%,var(--gradient-end) 100%);border:none;height:48px;font-weight:600}.login-container .ant-btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.theme-toggle{padding:8px 12px;background:#ffffff1a;color:var(--text-inverse);border:1px solid rgba(255,255,255,.3);border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:1.1em;display:flex;align-items:center;justify-content:center}.theme-toggle:hover{background:#fff3}.company-selector{display:flex;align-items:center;gap:var(--spacing-sm);padding:0 var(--spacing-md);border-left:1px solid var(--border-primary);border-right:1px solid var(--border-primary)}.company-selector-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);white-space:nowrap}.company-selector-dropdown{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast) var(--ease-out);min-width:200px;max-width:300px}.company-selector-dropdown:hover{background:var(--bg-hover);border-color:var(--gradient-start)}.company-selector-dropdown:focus{outline:none;border-color:var(--gradient-start);box-shadow:0 0 0 3px #6366f11a}.company-selector-dropdown option{padding:var(--spacing-sm);background:var(--bg-card);color:var(--text-primary)}.company-selector-reset{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-primary);background:transparent;border:1px solid var(--border-primary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast) var(--ease-out);white-space:nowrap}.company-selector-reset:hover{background:var(--bg-hover);color:var(--gradient-start);border-color:var(--gradient-start)}.company-selector-error{font-size:var(--font-size-sm);color:var(--status-error)}@media (max-width: 1023px){.company-selector{display:none}}.navbar-floating{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:1000;width:95%;max-width:1400px}.navbar-container{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:16px;padding:12px 24px;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:space-between;gap:24px}.navbar-brand{position:relative;display:flex;flex-direction:column;align-items:flex-start}.navbar-brand h1{font-size:1.4em;font-weight:700;background:linear-gradient(135deg,var(--gradient-start) 0%,var(--gradient-end) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;white-space:nowrap;line-height:1.2}.brand-subtitle{font-size:.65em;font-weight:700;color:#10b981;letter-spacing:.5px;align-self:flex-end;margin-top:-2px;opacity:.9;font-style:italic}.nav-items-wrapper{position:relative;flex:1;display:flex;justify-content:center}.nav-items{display:flex;align-items:center;gap:8px;position:relative}.nav-item{display:flex;align-items:center;gap:8px;padding:10px 16px;color:var(--text-secondary);text-decoration:none;border-radius:10px;transition:all .3s ease;cursor:pointer;background:transparent;border:none;font-size:.95em;font-weight:500;white-space:nowrap;position:relative;z-index:1}.nav-item:hover{color:var(--text-primary);background:var(--bg-secondary)}.nav-item.active{color:var(--text-primary);font-weight:600}.nav-icon{font-size:1.2em;display:flex;align-items:center;justify-content:center}.nav-label{display:inline}.nav-indicator{position:absolute;bottom:2px;height:3px;background:linear-gradient(135deg,var(--gradient-start) 0%,var(--gradient-end) 100%);border-radius:2px;pointer-events:none}.nav-item-dropdown{position:relative}.dropdown-menu{position:absolute;top:calc(100% + 12px);right:0;min-width:220px;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:12px;box-shadow:var(--shadow-xl);padding:8px;z-index:1001;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-height:400px;overflow-y:auto}.dropdown-item{display:block;padding:10px 14px;color:var(--text-primary);text-decoration:none;border-radius:8px;transition:all .2s ease;cursor:pointer;background:transparent;border:none;width:100%;text-align:left;font-size:.9em}.dropdown-item:hover{background:var(--bg-secondary)}.dropdown-item.active{background:linear-gradient(135deg,var(--gradient-start) 0%,var(--gradient-end) 100%);color:var(--text-inverse);font-weight:600}.admin-dropdown{min-width:260px;max-height:70vh}.dropdown-category{margin-bottom:4px}.dropdown-category-label{padding:8px 14px 4px;font-size:.7em;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);border-bottom:none}.dropdown-item-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;margin-right:8px;font-size:.95em;opacity:.85}.dropdown-divider{height:1px;background:var(--border-primary);margin:8px 10px}.profile-dropdown{min-width:280px}.user-info{border-bottom:1px solid var(--border-primary);margin-bottom:8px;padding-bottom:12px;cursor:default}.user-info:hover{background:transparent}.user-email{font-size:.9em;color:var(--text-primary);font-weight:500}.theme-toggle-wrapper{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-primary);margin-bottom:8px;padding-bottom:8px}.btn-logout{color:var(--error-text);font-weight:500}.btn-logout:hover{background:var(--error-bg);color:var(--error-text)}.dropdown-menu::-webkit-scrollbar{width:6px}.dropdown-menu::-webkit-scrollbar-track{background:transparent}.dropdown-menu::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:3px}.dropdown-menu::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (max-width: 768px){.navbar-floating{top:10px;width:98%}.navbar-container{padding:10px 12px;gap:12px}.navbar-brand h1{font-size:1.1em}.brand-subtitle{font-size:.55em}.nav-items{gap:4px}.nav-item{padding:8px 10px;gap:0}.nav-label{display:none}.nav-icon{font-size:1.3em}.dropdown-menu{right:auto;left:50%;transform:translate(-50%);min-width:200px}}@media (min-width: 769px) and (max-width: 1300px){.navbar-floating{width:96%}.navbar-container{gap:16px}.nav-items{gap:6px}.nav-item{padding:9px 12px;font-size:.9em}.nav-label{display:none}.nav-icon{font-size:1.3em}}@media (min-width: 1301px){.nav-label{display:inline}}.navbar-floating.company-context-warning .navbar-container{border:2px solid #ff9800;box-shadow:var(--shadow-lg),0 0 20px 2px #ff980099,0 0 40px 4px #ff98004d;animation:warningPulse 2s ease-in-out infinite}@keyframes warningPulse{0%,to{box-shadow:var(--shadow-lg),0 0 20px 2px #ff980099,0 0 40px 4px #ff98004d}50%{box-shadow:var(--shadow-lg),0 0 25px 3px #ff9800b3,0 0 50px 6px #ff980066}}.company-context-label{font-size:.75em;font-weight:700;color:#ff9800;display:flex;align-items:center;gap:6px;margin-top:2px;letter-spacing:.3px;max-width:none;overflow:visible}.company-context-label svg{font-size:1.1em}@media (max-width: 768px){.company-context-label{font-size:.65em;gap:4px}}@media (min-width: 769px) and (max-width: 1300px){.company-context-label{font-size:.7em;gap:5px}}.main-layout{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-primary);padding-top:100px}.main-content{flex:1;width:100%;display:flex;flex-direction:column;overflow:hidden;min-height:0}@media (max-width: 768px){.main-layout{padding-top:80px}}.stats-card{position:relative;padding:var(--spacing-lg);border-radius:var(--radius-xl);overflow:hidden;color:#fff;box-shadow:var(--shadow-md);transition:all var(--transition-base) var(--ease-out)}.stats-card.bg-gradient-primary{background:var(--gradient-primary)}.stats-card.bg-gradient-success{background:var(--gradient-success)}.stats-card.bg-gradient-warning{background:var(--gradient-warning)}.stats-card.bg-gradient-info{background:var(--gradient-info)}.stats-card.bg-gradient-danger{background:var(--gradient-danger)}.stats-card.bg-gradient-neutral{background:var(--gradient-neutral)}.stats-card-clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.stats-card-clickable:hover{box-shadow:var(--shadow-hover)}.stats-card-clickable:focus-visible{outline:2px solid white;outline-offset:2px}.stats-card-content{position:relative;z-index:var(--z-base)}.stats-card-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.stats-card-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#fff3;border-radius:var(--radius-md);font-size:18px}.stats-card-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:#ffffffe6;margin:0;text-transform:uppercase;letter-spacing:.5px}.stats-card-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-sm)}.stats-card-unit{font-size:var(--font-size-lg);font-weight:var(--font-weight-normal);opacity:.9}.stats-card-trend{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);margin-top:var(--spacing-sm)}.stats-card-trend-icon{font-size:var(--font-size-md)}.stats-card-trend-value{font-weight:var(--font-weight-semibold)}.stats-card-trend-label{opacity:.8;font-size:var(--font-size-xs)}.stats-card-trend-up{color:#fffffff2}.stats-card-trend-up .stats-card-trend-icon{color:#4ade80}.stats-card-trend-down{color:#fffffff2}.stats-card-trend-down .stats-card-trend-icon{color:#fb7185}.stats-card-trend-neutral{color:#fffc}.stats-card-sparkline{margin-top:var(--spacing-md);opacity:.6}.stats-card-sparkline svg{display:block}.stats-card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#fff0);pointer-events:none;z-index:0}.stats-card-loading{background:var(--bg-card);padding:var(--spacing-lg)}@media (max-width: 767px){.stats-card{padding:var(--spacing-md)}.stats-card-value{font-size:var(--font-size-2xl)}.stats-card-icon{width:28px;height:28px;font-size:16px}.stats-card-title{font-size:var(--font-size-xs)}}@media (min-width: 768px) and (max-width: 1023px){.stats-card-value{font-size:var(--font-size-3xl)}}@media (min-width: 1440px){.stats-card{padding:var(--spacing-xl)}.stats-card-value{font-size:var(--font-size-4xl)}}[data-theme=dark] .stats-card-loading{background:var(--bg-card)}@media (prefers-contrast: high){.stats-card{border:2px solid white}}@media (prefers-reduced-motion: reduce){.stats-card,.stats-card-value,.stats-card-sparkline svg *{transition:none;animation:none}}.message-volume-chart{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.chart-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.chart-header h3{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.chart-time-range{display:flex;gap:var(--spacing-xs);background:var(--bg-secondary);padding:var(--spacing-xs);border-radius:var(--radius-md)}.time-range-button{padding:var(--spacing-xs) var(--spacing-sm);border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast) var(--ease-out);white-space:nowrap}.time-range-button:hover{background:var(--bg-hover);color:var(--text-primary)}.time-range-button.active{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-sm)}.time-range-button:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.message-volume-chart .recharts-surface{overflow:visible}.message-volume-chart .recharts-cartesian-axis-tick-value{fill:var(--text-muted)}.message-volume-chart .recharts-cartesian-grid-horizontal line,.message-volume-chart .recharts-cartesian-grid-vertical line{stroke:var(--border-primary)}.message-volume-tooltip{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);box-shadow:var(--shadow-lg)}@media (max-width: 767px){.message-volume-chart{padding:var(--spacing-md)}.chart-header{flex-direction:column;align-items:stretch}.chart-header h3{font-size:var(--font-size-md)}.chart-time-range{justify-content:stretch}.time-range-button{flex:1;font-size:var(--font-size-xs);padding:var(--spacing-xs)}.chart-legend{gap:var(--spacing-md)}.legend-label{font-size:var(--font-size-xs)}}@media (prefers-contrast: high){.message-volume-chart{border-width:2px}.time-range-button.active{outline:2px solid currentColor;outline-offset:-2px}}@media (prefers-reduced-motion: reduce){.time-range-button{transition:none}}[data-theme=dark] .message-volume-tooltip{box-shadow:0 10px 25px #00000080}[data-theme=light] .message-volume-tooltip{box-shadow:0 10px 25px #00000026}.success-rate-chart{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.chart-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.chart-stats{display:flex;align-items:baseline;gap:var(--spacing-xs)}.stat-average{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.stat-label{font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.chart-target{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--radius-md)}.target-label{font-size:var(--font-size-sm);color:var(--text-muted)}.target-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.success-rate-chart .recharts-surface{overflow:visible}.success-rate-chart .recharts-cartesian-axis-tick-value{fill:var(--text-muted)}.success-rate-chart .recharts-cartesian-grid-horizontal line,.success-rate-chart .recharts-cartesian-grid-vertical line{stroke:var(--border-primary)}.success-rate-chart .recharts-reference-line-label{font-size:var(--font-size-xs)}.success-rate-tooltip{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);box-shadow:var(--shadow-lg)}.tooltip-label{margin:0 0 var(--spacing-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.tooltip-item{display:flex;align-items:center;gap:var(--spacing-xs)}.tooltip-dot{width:8px;height:8px;border-radius:var(--radius-full);flex-shrink:0}.tooltip-dot.success{background:var(--status-success)}.tooltip-dot.target{background:var(--text-muted)}.chart-legend{display:flex;align-items:center;justify-content:center;gap:var(--spacing-lg);margin-top:var(--spacing-md);flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:var(--spacing-xs)}.legend-dot{width:10px;height:10px;border-radius:var(--radius-full);flex-shrink:0}.legend-line{width:20px;height:2px;flex-shrink:0}.legend-line.target{border-top:2px dashed var(--text-muted)}.legend-line.average{border-top:2px dashed}.legend-label{font-size:var(--font-size-sm);color:var(--text-muted)}@media (max-width: 767px){.success-rate-chart{padding:var(--spacing-md)}.chart-header{flex-direction:column;align-items:stretch}.chart-header h3{font-size:var(--font-size-md)}.stat-average{font-size:var(--font-size-xl)}.chart-legend{gap:var(--spacing-md)}.legend-label{font-size:var(--font-size-xs)}}@media (min-width: 768px) and (max-width: 1023px){.chart-header h3{font-size:var(--font-size-md)}.stat-average{font-size:var(--font-size-xl)}}@media (prefers-contrast: high){.success-rate-chart{border-width:2px}}[data-theme=dark] .success-rate-tooltip{box-shadow:0 10px 25px #00000080}[data-theme=light] .success-rate-tooltip{box-shadow:0 10px 25px #00000026}.cost-analysis-chart{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.chart-header{margin-bottom:var(--spacing-lg)}.chart-header h3{margin:0 0 var(--spacing-xs);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.chart-total{display:flex;align-items:baseline;gap:var(--spacing-xs)}.total-label{font-size:var(--font-size-sm);color:var(--text-muted)}.total-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.chart-container{width:100%;min-height:200px}.cost-analysis-chart .recharts-surface{overflow:visible}.cost-analysis-chart .recharts-cartesian-axis-tick-value{fill:var(--text-muted)}.cost-analysis-chart .recharts-cartesian-grid-horizontal line,.cost-analysis-chart .recharts-cartesian-grid-vertical line{stroke:var(--border-primary)}.cost-analysis-tooltip{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);box-shadow:var(--shadow-lg);min-width:200px}.tooltip-label{margin:0 0 var(--spacing-sm);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.tooltip-content{display:flex;flex-direction:column;gap:var(--spacing-xs)}.tooltip-item{display:flex;align-items:center;gap:var(--spacing-sm)}.tooltip-icon{font-size:var(--font-size-md);flex-shrink:0}.tooltip-text{font-size:var(--font-size-sm);color:var(--text-secondary)}.chart-legend{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--border-primary)}.legend-item{display:flex;align-items:center;gap:var(--spacing-sm)}.legend-dot{width:12px;height:12px;border-radius:var(--radius-sm);flex-shrink:0}.legend-label{flex:1;font-size:var(--font-size-sm);color:var(--text-secondary)}.legend-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.chart-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);color:var(--text-muted)}.chart-loading p{margin:0;font-size:var(--font-size-sm)}.chart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);color:var(--text-muted)}.chart-empty svg{opacity:.3}.chart-empty p{margin:0;font-size:var(--font-size-md)}@media (max-width: 767px){.cost-analysis-chart{padding:var(--spacing-md)}.chart-header h3{font-size:var(--font-size-md)}.total-value{font-size:var(--font-size-lg)}.legend-label,.legend-value{font-size:var(--font-size-xs)}}@media (min-width: 768px) and (max-width: 1023px){.chart-header h3{font-size:var(--font-size-md)}}@media (prefers-contrast: high){.cost-analysis-chart{border-width:2px}}[data-theme=dark] .cost-analysis-tooltip{box-shadow:0 10px 25px #00000080}[data-theme=light] .cost-analysis-tooltip{box-shadow:0 10px 25px #00000026}.quota-widget{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-base) var(--ease-out)}.quota-widget.clickable{cursor:pointer}.quota-widget.clickable:hover{box-shadow:var(--shadow-md)}.quota-widget.clickable:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.widget-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.widget-header h3{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.widget-link-icon{font-size:var(--font-size-xl);color:var(--text-muted);transition:all var(--transition-fast) var(--ease-out)}.quota-widget.clickable:hover .widget-link-icon{color:var(--gradient-start);transform:translate(4px)}.widget-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xl)}.quota-circle{position:relative;display:flex;align-items:center;justify-content:center}.quota-circle svg{filter:drop-shadow(0 4px 12px rgba(0,0,0,.1))}.quota-percentage{font-size:36px;font-weight:var(--font-weight-bold)}.quota-label{font-size:12px;text-transform:uppercase;letter-spacing:1px}.quota-details{width:100%;display:flex;flex-direction:column;gap:var(--spacing-sm)}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) 0}.detail-row.reset-date{padding-top:var(--spacing-sm);border-top:1px solid var(--border-primary);margin-top:var(--spacing-xs)}.detail-label{font-size:var(--font-size-sm);color:var(--text-muted)}.detail-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.quota-status-bar{width:100%;height:8px;background:var(--bg-secondary);border-radius:var(--radius-full);overflow:hidden;margin-top:var(--spacing-md)}.status-bar-fill{height:100%;border-radius:var(--radius-full);transition:width 1.5s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-glow-sm)}.quota-warning{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(135deg,#ef44441a,#dc26261a);border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);margin-top:var(--spacing-md)}.warning-icon{font-size:var(--font-size-lg)}.warning-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--status-error)}.widget-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-3xl) var(--spacing-md);color:var(--text-muted)}.widget-loading p{margin:0;font-size:var(--font-size-sm)}@media (max-width: 767px){.quota-widget{padding:var(--spacing-md)}.widget-header h3{font-size:var(--font-size-md)}.quota-circle svg{width:160px;height:160px}.quota-percentage{font-size:28px}.quota-label{font-size:10px}.detail-label,.detail-value,.warning-text{font-size:var(--font-size-xs)}}@media (min-width: 768px) and (max-width: 1023px){.widget-header h3{font-size:var(--font-size-md)}.quota-circle svg{width:180px;height:180px}.quota-percentage{font-size:32px}}@media (min-width: 1440px){.quota-circle svg{width:220px;height:220px}.quota-percentage{font-size:40px}}@media (prefers-contrast: high){.quota-widget{border-width:2px}.quota-circle circle[stroke]{stroke-width:14}}@media (prefers-reduced-motion: reduce){.quota-widget,.widget-link-icon,.status-bar-fill{transition:none}.quota-circle svg circle{animation:none}}[data-theme=dark] .quota-widget{box-shadow:var(--shadow-md)}[data-theme=dark] .quota-circle svg{filter:drop-shadow(0 4px 16px rgba(0,0,0,.3))}[data-theme=light] .quota-circle svg{filter:drop-shadow(0 4px 12px rgba(0,0,0,.08))}.dashboard-container{max-width:1600px;margin:0 auto;padding:var(--spacing-lg)}.welcome-section{background:var(--bg-card);border-radius:var(--radius-xl);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-sm)}.welcome-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-sm);flex-wrap:wrap}.welcome-section h2{margin:0;color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.version-badge{background:var(--gradient-primary);color:#fff;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);display:inline-flex;align-items:center;gap:var(--spacing-xs);box-shadow:var(--shadow-glow-sm);white-space:nowrap}.welcome-subtitle{margin:0;color:var(--text-muted);font-size:var(--font-size-md)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.analytics-section{margin-bottom:var(--spacing-2xl)}.section-title{margin:0 0 var(--spacing-lg);color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.analytics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.chart-col-1{grid-column:span 1}.chart-col-2{grid-column:span 2}.quick-actions-section{background:var(--bg-card);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-sm)}.action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.action-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);border:2px solid var(--border-primary);border-radius:var(--radius-lg);text-decoration:none;color:var(--text-primary);cursor:pointer;transition:all var(--transition-base) var(--ease-out);background:var(--bg-card)}.action-card:hover{border-color:var(--gradient-start);background:var(--bg-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.action-card:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.action-icon{font-size:2em;flex-shrink:0}.action-content{flex:1;min-width:0}.action-title{font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-xs);font-size:var(--font-size-md)}.action-desc{font-size:var(--font-size-sm);color:var(--text-muted)}@media (max-width: 767px){.dashboard-container,.welcome-section{padding:var(--spacing-md)}.welcome-header{flex-direction:column;align-items:flex-start}.welcome-section h2{font-size:var(--font-size-xl)}.version-badge{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}.welcome-subtitle{font-size:var(--font-size-sm)}.stats-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.section-title{font-size:var(--font-size-lg)}.analytics-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.chart-col-1,.chart-col-2{grid-column:span 1}.quick-actions-section{padding:var(--spacing-md)}.action-grid{grid-template-columns:1fr;gap:var(--spacing-sm)}.action-card{padding:var(--spacing-md)}.action-icon{font-size:1.5em}.action-title{font-size:var(--font-size-sm)}.action-desc{font-size:var(--font-size-xs)}}@media (min-width: 768px) and (max-width: 1023px){.dashboard-container{padding:var(--spacing-lg)}.welcome-section h2{font-size:var(--font-size-xl)}.stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.analytics-grid{grid-template-columns:repeat(2,1fr)}.chart-col-2{grid-column:span 2}.action-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.stats-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1440px){.analytics-grid{grid-template-columns:repeat(3,1fr)}.chart-col-2{grid-column:span 2}}@media (prefers-contrast: high){.welcome-section,.quick-actions-section{border:2px solid var(--text-primary)}.action-card{border-width:3px}}@media (prefers-reduced-motion: reduce){.action-card{transition:none}}[data-theme=dark] .version-badge{box-shadow:0 4px 12px #667eea66}[data-theme=light] .version-badge{box-shadow:0 4px 12px #667eea4d}.adaptive-modal-container{position:fixed;top:0;left:0;right:0;bottom:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center}.adaptive-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--overlay-bg);z-index:var(--z-modal-backdrop)}.adaptive-modal-wrapper{position:fixed;z-index:var(--z-modal);pointer-events:none}.adaptive-modal-wrapper.centered{top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md)}.adaptive-modal-wrapper.bottom-sheet{bottom:0;left:0;right:0;display:flex;align-items:flex-end}.adaptive-modal-content{position:relative;background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-height:90vh;display:flex;flex-direction:column;pointer-events:auto;overflow:hidden}.adaptive-modal-content.centered{margin:auto;width:100%}.adaptive-modal-size-small{max-width:400px}.adaptive-modal-size-medium{max-width:600px}.adaptive-modal-size-large{max-width:900px}.adaptive-modal-size-fullscreen{max-width:95vw;max-height:95vh}.adaptive-modal-content.bottom-sheet{width:100%;max-height:85vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.adaptive-modal-header{position:relative;padding:var(--spacing-lg);border-bottom:1px solid var(--border-primary);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.adaptive-modal-handle{position:absolute;top:var(--spacing-sm);left:50%;transform:translate(-50%);width:40px;height:4px;display:flex;align-items:center;justify-content:center}.adaptive-modal-handle-bar{width:100%;height:4px;background:var(--border-primary);border-radius:var(--radius-full);opacity:.5}.adaptive-modal-title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);flex:1}.adaptive-modal-close{width:32px;height:32px;min-width:32px;min-height:32px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast) var(--ease-out);padding:0}.adaptive-modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.adaptive-modal-close:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.adaptive-modal-body{flex:1;padding:var(--spacing-lg);overflow-y:auto;-webkit-overflow-scrolling:touch}.adaptive-modal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-xl) var(--spacing-md);color:var(--text-muted)}.adaptive-modal-footer{padding:var(--spacing-lg);border-top:1px solid var(--border-primary);display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-sm)}@media (max-width: 767px){.adaptive-modal-wrapper.centered{padding:0}.adaptive-modal-content.centered{border-radius:0;max-height:100vh;height:100vh}.adaptive-modal-header{padding:var(--spacing-md);padding-top:calc(var(--spacing-md) + var(--spacing-sm))}.adaptive-modal-body{padding:var(--spacing-md)}.adaptive-modal-footer{padding:var(--spacing-md);padding-bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom))}.adaptive-modal-title{font-size:var(--font-size-md)}}@media (min-width: 768px) and (max-width: 1023px){.adaptive-modal-size-small{max-width:500px}.adaptive-modal-size-medium{max-width:700px}.adaptive-modal-size-large{max-width:90vw}}@media (prefers-contrast: high){.adaptive-modal-content{border:2px solid var(--text-primary)}.adaptive-modal-close{border:1px solid var(--border-primary)}}@media (prefers-reduced-motion: reduce){.adaptive-modal-content,.adaptive-modal-backdrop{transition:none}}.adaptive-modal-content:focus{outline:none}.adaptive-modal-body::-webkit-scrollbar{width:8px}.adaptive-modal-body::-webkit-scrollbar-track{background:transparent}.adaptive-modal-body::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:var(--radius-full)}.adaptive-modal-body::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}[data-theme=dark] .adaptive-modal-content{box-shadow:0 25px 50px #000c}[data-theme=light] .adaptive-modal-content{box-shadow:0 25px 50px #00000026}.file-upload{width:100%}.file-upload-dropzone{position:relative;border:2px dashed var(--border-primary);border-radius:var(--radius-xl);padding:var(--spacing-3xl) var(--spacing-lg);background:var(--bg-card);cursor:pointer;transition:all var(--transition-base) var(--ease-out);min-height:280px;display:flex;align-items:center;justify-content:center}.file-upload-dropzone:hover:not(.file-upload.disabled .file-upload-dropzone){border-color:var(--gradient-start);background:var(--bg-hover)}.file-upload.dragging .file-upload-dropzone{border-color:var(--gradient-start);background:var(--gradient-opacity-light);border-width:3px}.file-upload.disabled .file-upload-dropzone{opacity:.5;cursor:not-allowed}.file-upload-dropzone:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.file-upload-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.file-upload-empty{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);text-align:center;width:100%}.file-upload-icon{color:var(--text-muted);opacity:.5}.file-upload-icon.success{color:var(--status-success);opacity:1}.file-upload-empty h3{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.file-upload-empty p{margin:0;font-size:var(--font-size-md);color:var(--text-muted)}.file-upload-hint{font-size:var(--font-size-sm);color:var(--text-muted);margin-top:var(--spacing-sm)}.file-upload-loading{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);color:var(--text-muted)}.file-upload-loading p{margin:0;font-size:var(--font-size-md)}.file-upload-preview{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);width:100%}.file-upload-preview h3{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--status-success)}.file-list{list-style:none;padding:0;margin:0;width:100%;max-width:400px}.file-list li{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md);margin-bottom:var(--spacing-xs)}.file-name{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:var(--font-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.file-size{font-size:var(--font-size-xs);color:var(--text-muted);flex-shrink:0}.file-upload-clear{padding:var(--spacing-sm) var(--spacing-lg);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast) var(--ease-out);min-height:var(--touch-target-min)}.file-upload-clear:hover{background:var(--bg-hover);border-color:var(--gradient-start)}.file-upload-clear:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}@media (max-width: 767px){.file-upload-dropzone{padding:var(--spacing-2xl) var(--spacing-md);min-height:240px}.file-upload-empty h3{font-size:var(--font-size-md)}.file-upload-empty p{font-size:var(--font-size-sm)}.file-upload-hint{font-size:var(--font-size-xs)}.file-list{max-width:100%}.file-name{font-size:var(--font-size-xs)}.file-size{font-size:10px}}@media (prefers-contrast: high){.file-upload-dropzone{border-width:3px}.file-upload.dragging .file-upload-dropzone{border-width:4px}}@media (prefers-reduced-motion: reduce){.file-upload-dropzone{transition:none}}[data-theme=dark] .file-upload-dropzone{background:var(--bg-secondary)}[data-theme=light] .file-upload-dropzone{background:var(--bg-card)}.import-wizard-step{min-height:300px;padding:var(--spacing-md) 0}.import-wizard-preview{display:flex;flex-direction:column;gap:var(--spacing-lg)}.preview-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.preview-info p{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary)}.preview-table-container{overflow-x:auto;border:1px solid var(--border-primary);border-radius:var(--radius-md)}.preview-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.preview-table thead{background:var(--bg-secondary)}.preview-table th{padding:var(--spacing-sm) var(--spacing-md);text-align:left;font-weight:var(--font-weight-semibold);color:var(--text-primary);border-bottom:2px solid var(--border-primary);white-space:nowrap}.preview-table td{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-primary);color:var(--text-secondary)}.preview-note{font-size:var(--font-size-xs);color:var(--text-muted);text-align:center;margin:0}.import-wizard-configure{display:flex;flex-direction:column;gap:var(--spacing-lg)}.config-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.config-field label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);display:flex;align-items:center;gap:var(--spacing-sm)}.config-field select{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-primary);font-size:var(--font-size-sm);min-height:var(--touch-target-min)}.config-field input[type=checkbox]{width:18px;height:18px}.config-info{padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md)}.config-info p{margin:var(--spacing-xs) 0;font-size:var(--font-size-sm);color:var(--text-secondary)}.import-wizard-execute{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-lg);min-height:250px;padding:var(--spacing-xl)}.import-progress{width:100%;max-width:400px}.progress-bar{width:100%;height:8px;background:var(--bg-secondary);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:var(--gradient-primary);transition:width .3s ease;border-radius:var(--radius-full)}.progress-text{margin:var(--spacing-sm) 0 0;text-align:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.import-wizard-confirm p{font-size:var(--font-size-md);color:var(--text-primary);text-align:center;margin:0}.confirm-detail{font-size:var(--font-size-sm)!important;color:var(--text-muted)!important;margin-top:var(--spacing-sm)!important}.import-wizard-success{text-align:center}.success-icon{width:64px;height:64px;border-radius:var(--radius-full);background:var(--status-success);color:#fff;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:700;margin:0 auto var(--spacing-md)}.import-wizard-error{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:#ef44441a;border:1px solid var(--status-error);border-radius:var(--radius-md);color:var(--status-error);font-size:var(--font-size-sm)}.import-wizard-footer{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.wizard-button.primary{background:var(--gradient-primary);color:#fff}.import-wizard-steps{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-lg) 0 0;border-top:1px solid var(--border-primary);margin-top:var(--spacing-lg)}.step.active .step-number{border-color:var(--gradient-start);background:var(--gradient-primary);color:#fff}.step.completed .step-number{border-color:var(--status-success);background:var(--status-success);color:#fff}.step-line{width:40px;height:2px;background:var(--border-primary)}@media (max-width: 767px){.import-wizard-step{min-height:250px}.preview-table{font-size:var(--font-size-xs)}.preview-table th,.preview-table td{padding:var(--spacing-xs) var(--spacing-sm)}.import-wizard-footer{flex-direction:column}.wizard-button{width:100%}.import-wizard-steps{gap:4px}.step-number{width:28px;height:28px;font-size:var(--font-size-xs)}.step-line{width:20px}.hide-mobile{display:none!important}}@media (prefers-reduced-motion: reduce){.wizard-button,.step-number,.progress-fill{transition:none}}.export-modal-content{display:flex;flex-direction:column;gap:var(--spacing-xl)}.export-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.export-label{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.export-label-with-actions{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-sm)}.format-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md)}.format-option{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-lg);border:2px solid var(--border-primary);border-radius:var(--radius-lg);background:var(--bg-card);cursor:pointer;transition:all var(--transition-fast) var(--ease-out);text-align:center}.format-option:hover:not(:disabled){border-color:var(--gradient-start);background:var(--bg-hover)}.format-option.selected{border-color:var(--gradient-start);background:var(--gradient-opacity-light)}.format-option:disabled{opacity:.5;cursor:not-allowed}.format-icon{font-size:2em}.format-name{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.format-desc{font-size:var(--font-size-xs);color:var(--text-muted)}.date-range-inputs{display:flex;align-items:center;gap:var(--spacing-md)}.date-range-inputs input[type=date]{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-primary);font-size:var(--font-size-sm);min-height:var(--touch-target-min)}.date-separator{color:var(--text-muted);font-size:var(--font-size-sm)}.field-actions{display:flex;gap:var(--spacing-xs)}.field-action-button{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border-primary);border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-fast) var(--ease-out)}.field-action-button:hover:not(:disabled){background:var(--bg-hover);border-color:var(--gradient-start)}.field-checkboxes{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-sm);max-height:200px;overflow-y:auto;padding:var(--spacing-md);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-secondary)}.field-checkbox{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer}.field-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer}.field-checkbox span{font-size:var(--font-size-sm);color:var(--text-secondary)}.export-info{padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md)}.export-info p{margin:var(--spacing-xs) 0;font-size:var(--font-size-sm);color:var(--text-secondary)}.export-info strong{color:var(--text-primary)}.export-modal-footer{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.export-button{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast) var(--ease-out);min-height:var(--touch-target-min);min-width:100px;border:none}.export-button.primary{background:var(--gradient-primary);color:#fff}.export-button.primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.export-button.primary:disabled{opacity:.5;cursor:not-allowed}.export-button.secondary{background:transparent;border:1px solid var(--border-primary);color:var(--text-primary)}.export-button.secondary:hover:not(:disabled){background:var(--bg-hover)}@media (max-width: 767px){.format-options{grid-template-columns:1fr}.date-range-inputs{flex-direction:column;align-items:stretch}.field-checkboxes{grid-template-columns:1fr;max-height:150px}.export-modal-footer{flex-direction:column}.export-button{width:100%}}@media (prefers-reduced-motion: reduce){.format-option,.export-button{transition:none}}.confirm-dialog-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-md) 0;text-align:center}.confirm-icon{width:64px;height:64px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:32px;flex-shrink:0}.confirm-icon.danger{background:#ef44441a;border:2px solid var(--status-error)}.confirm-icon.warning{background:#f59e0b1a;border:2px solid var(--status-warning)}.confirm-icon.info{background:#3b82f61a;border:2px solid var(--status-info)}.confirm-message{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}.message-text{margin:0;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);line-height:1.5}.message-details{margin:0;font-size:var(--font-size-sm);color:var(--text-muted);line-height:1.5}.confirm-dialog-footer{display:flex;gap:var(--spacing-sm);justify-content:flex-end;width:100%}.confirm-button{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast) var(--ease-out);min-height:var(--touch-target-min);min-width:100px;border:none;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.confirm-button.secondary{background:transparent;border:1px solid var(--border-primary);color:var(--text-primary)}.confirm-button.secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--gradient-start)}.confirm-button.primary{color:#fff}.confirm-button.primary.danger{background:var(--status-error)}.confirm-button.primary.danger:hover:not(:disabled){background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.confirm-button.primary.warning{background:var(--status-warning)}.confirm-button.primary.warning:hover:not(:disabled){background:#d97706;transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d}.confirm-button.primary.info{background:var(--gradient-primary)}.confirm-button.primary.info:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.confirm-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.confirm-button:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.confirm-button .spinner{width:16px;height:16px;border-width:2px}.confirm-button .spinner-sm{width:14px;height:14px}.confirm-dialog .adaptive-modal-content{max-width:400px}@media (max-width: 767px){.confirm-dialog-content{padding:var(--spacing-sm) 0;gap:var(--spacing-md)}.confirm-icon{width:56px;height:56px;font-size:28px}.message-text{font-size:var(--font-size-sm)}.message-details{font-size:var(--font-size-xs)}.confirm-dialog-footer{flex-direction:column}.confirm-button{width:100%;min-width:unset}}@media (prefers-contrast: high){.confirm-icon.danger,.confirm-icon.warning,.confirm-icon.info{border-width:3px}.confirm-button{border-width:2px}}@media (prefers-reduced-motion: reduce){.confirm-button{transition:none}.confirm-button:hover:not(:disabled){transform:none}}.confirm-button:focus-visible{outline:3px solid var(--border-focus);outline-offset:3px}.company-modal{--form-input-height: 44px}.company-form{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-sm) 0}.company-modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--border-primary)}@media (max-width: 767px){.company-form{gap:var(--spacing-md)}.company-modal-footer{flex-direction:column-reverse}.modal-button{width:100%;justify-content:center}}.user-modal{--form-input-height: 44px}.user-form{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-sm) 0}.form-input::placeholder{color:var(--text-muted);opacity:.7}.form-hint{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:calc(var(--spacing-xs) * -.5)}.user-modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--border-primary)}@media (max-width: 1023px){.form-row{grid-template-columns:1fr}}@media (max-width: 767px){.user-form{gap:var(--spacing-md)}.form-row{grid-template-columns:1fr;gap:var(--spacing-md)}.user-modal-footer{flex-direction:column-reverse}.modal-button{width:100%;justify-content:center}}@media (prefers-reduced-motion: reduce){.form-input,.modal-button,.spinner-sm{transition:none;animation:none}.modal-button.primary:hover{transform:none}}.quota-modal{--form-input-height: 44px}.quota-form{display:flex;flex-direction:column;gap:var(--spacing-xl);padding:var(--spacing-sm) 0}.quota-field-group{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-primary)}.quota-field-header{display:flex;justify-content:space-between;align-items:center}.quota-field-header h4{margin:0;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.usage-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.usage-badge.usage-normal{background:#10b9811a;color:#10b981}.usage-badge.usage-warning{background:#f59e0b1a;color:#f59e0b}.usage-badge.usage-danger{background:#ef44441a;color:var(--status-error)}.quota-progress{display:flex;align-items:center;gap:var(--spacing-sm)}.quota-bar{flex:1;height:12px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.quota-percentage{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);min-width:50px;text-align:right}.form-label .required{color:var(--status-error);margin-left:2px}.form-input{width:100%;height:var(--form-input-height);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-primary);font-size:var(--font-size-sm);font-family:inherit;transition:all var(--transition-fast) var(--ease-out)}.form-input:focus{outline:none;border-color:var(--gradient-start);box-shadow:0 0 0 3px var(--gradient-opacity-light)}.form-input.error:focus{box-shadow:0 0 0 3px #ef44441a}.form-input:disabled{opacity:.6;cursor:not-allowed;background:var(--bg-tertiary)}.form-input[type=number]{-moz-appearance:textfield}.form-input[type=number]::-webkit-inner-spin-button,.form-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.form-error{font-size:var(--font-size-xs);color:var(--status-error);margin-top:calc(var(--spacing-xs) * -.5)}.quota-info{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.info-label{font-weight:var(--font-weight-semibold);color:var(--text-secondary)}.info-value{color:var(--text-primary)}.quota-modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--border-primary)}.modal-button{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast) var(--ease-out);border:none;min-height:var(--touch-target-min);display:flex;align-items:center;gap:var(--spacing-xs)}.modal-button.secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--gradient-start)}.modal-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.modal-button .spinner{width:16px;height:16px;border-width:2px}.spinner-sm{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 767px){.quota-form{gap:var(--spacing-lg)}.quota-field-group{gap:var(--spacing-sm);padding:var(--spacing-sm)}.quota-modal-footer{flex-direction:column-reverse}.modal-button{width:100%;justify-content:center}}.form-input:focus-visible{outline:none;border-color:var(--gradient-start);box-shadow:0 0 0 3px var(--gradient-opacity-light)}.modal-button:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}@media (prefers-reduced-motion: reduce){.form-input,.modal-button,.quota-fill,.spinner-sm{transition:none;animation:none}.modal-button.primary:hover{transform:none}}.api-key-modal{--section-spacing: var(--spacing-lg)}.api-key-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.scopes-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md)}.scope-checkbox{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:background var(--transition-fast) var(--ease-out)}.scope-checkbox:hover{background:var(--bg-hover)}.scope-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--gradient-start)}.scope-checkbox input[type=checkbox]:disabled{cursor:not-allowed}.scope-label{font-size:var(--font-size-sm);color:var(--text-primary)}.expiration-toggle{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-sm);transition:background var(--transition-fast) var(--ease-out)}.expiration-toggle:hover{background:var(--bg-hover)}.expiration-toggle input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--gradient-start)}.expiration-toggle span{font-size:var(--font-size-sm);color:var(--text-primary)}.api-key-success{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-md) 0}.success-icon{font-size:48px;line-height:1}.api-key-success h3{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);text-align:center}.success-message{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary);text-align:center;max-width:450px}.key-display-group{width:100%;display:flex;flex-direction:column;gap:var(--spacing-sm)}.key-display{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-secondary);border:2px solid var(--gradient-start);border-radius:var(--radius-md);align-items:center}.key-value{flex:1;font-family:Monaco,Courier New,monospace;font-size:var(--font-size-sm);color:var(--gradient-start);word-break:break-all;background:transparent;padding:0}.copy-button{flex-shrink:0;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-primary);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast) var(--ease-out);background:var(--bg-primary);color:var(--text-primary);min-height:var(--touch-target-min)}.copy-button:hover{background:var(--bg-hover);transform:translateY(-1px)}.copy-button.copied{background:#10b9811a;color:#10b981;border-color:#10b981}.success-details{width:100%;display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md)}.detail-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);min-width:100px}.detail-value{font-size:var(--font-size-sm);color:var(--text-primary)}.warning-box{width:100%;padding:var(--spacing-md);background:#f59e0b1a;border:1px solid #f59e0b;border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--text-primary);text-align:center}.warning-box strong{color:#f59e0b}@media (max-width: 1023px){.scopes-grid{grid-template-columns:1fr}}@media (max-width: 767px){.api-key-success h3{font-size:var(--font-size-lg)}.success-message{font-size:var(--font-size-xs)}.key-display{flex-direction:column}.copy-button{width:100%}.detail-item{flex-direction:column;gap:var(--spacing-xs)}.detail-label{min-width:auto}.modal-footer{flex-direction:column-reverse}.modal-button{width:100%}}.form-input:focus-visible,.modal-button:focus-visible,.copy-button:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.scope-checkbox:focus-within{outline:2px solid var(--border-focus);outline-offset:2px}@media (prefers-reduced-motion: reduce){.form-input,.modal-button,.copy-button,.scope-checkbox,.expiration-toggle{transition:none}.modal-button.primary:hover,.copy-button:hover{transform:none}}.webhook-modal{--section-spacing: var(--spacing-lg)}.webhook-form{display:flex;flex-direction:column;gap:var(--spacing-lg);max-height:70vh;overflow-y:auto;padding-right:var(--spacing-xs)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.form-label.required:after{content:" *";color:var(--status-error)}.form-input{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--text-primary);background:var(--bg-primary);transition:all var(--transition-fast) var(--ease-out);min-height:var(--touch-target-min)}.form-input:focus{outline:none;border-color:var(--gradient-start);box-shadow:0 0 0 3px #6366f11a}.form-input.error{border-color:var(--status-error)}.form-input:disabled{opacity:.6;cursor:not-allowed}.form-hint{margin:0;font-size:var(--font-size-xs);color:var(--text-muted)}.error-message{font-size:var(--font-size-xs);color:var(--status-error);margin-top:var(--spacing-xs)}.ssl-toggle{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-sm);transition:background var(--transition-fast) var(--ease-out)}.ssl-toggle:hover{background:var(--bg-hover)}.ssl-toggle input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--gradient-start)}.ssl-toggle span{font-size:var(--font-size-sm);color:var(--text-primary)}.events-container{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);max-height:300px;overflow-y:auto}.event-category{display:flex;flex-direction:column;gap:var(--spacing-sm)}.category-title{margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--border-primary)}.event-checkboxes{display:grid;grid-template-columns:1fr;gap:var(--spacing-xs)}.event-checkbox{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:background var(--transition-fast) var(--ease-out)}.event-checkbox:hover{background:var(--bg-hover)}.event-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--gradient-start)}.event-checkbox input[type=checkbox]:disabled{cursor:not-allowed}.event-label{font-size:var(--font-size-sm);color:var(--text-primary)}.header-group-title{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm)}.add-header-button{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border-primary);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast) var(--ease-out);background:transparent;color:var(--gradient-start)}.add-header-button:hover:not(:disabled){background:var(--bg-hover);border-color:var(--gradient-start)}.add-header-button:disabled{opacity:.6;cursor:not-allowed}.headers-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.header-row{display:grid;grid-template-columns:1fr 1fr auto;gap:var(--spacing-sm);align-items:center}.header-input{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--text-primary);background:var(--bg-primary);transition:all var(--transition-fast) var(--ease-out);min-height:var(--touch-target-min)}.header-input:focus{outline:none;border-color:var(--gradient-start);box-shadow:0 0 0 3px #6366f11a}.header-input:disabled{opacity:.6;cursor:not-allowed}.remove-header-button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-primary);border-radius:var(--radius-sm);font-size:20px;line-height:1;cursor:pointer;transition:all var(--transition-fast) var(--ease-out);background:transparent;color:var(--status-error)}.remove-header-button:hover:not(:disabled){background:#ef44441a;border-color:var(--status-error)}.remove-header-button:disabled{opacity:.6;cursor:not-allowed}.modal-button.primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:var(--shadow-md)}.modal-button.secondary{background:transparent;border:1px solid var(--border-primary);color:var(--text-primary)}.modal-button.secondary:hover:not(:disabled){background:var(--bg-hover)}.modal-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 1023px){.webhook-form{max-height:60vh}.event-checkboxes{grid-template-columns:1fr}}@media (max-width: 767px){.webhook-form{max-height:50vh}.header-row{grid-template-columns:1fr}.remove-header-button{width:100%;height:auto;padding:var(--spacing-sm)}.modal-footer{flex-direction:column-reverse}.modal-button{width:100%}.header-group-title{flex-direction:column;align-items:stretch}.add-header-button{width:100%}}.form-input:focus-visible,.header-input:focus-visible,.modal-button:focus-visible,.add-header-button:focus-visible,.remove-header-button:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.event-checkbox:focus-within,.ssl-toggle:focus-within{outline:2px solid var(--border-focus);outline-offset:2px}@media (prefers-reduced-motion: reduce){.form-input,.header-input,.modal-button,.add-header-button,.remove-header-button,.event-checkbox,.ssl-toggle{transition:none}.modal-button.primary:hover{transform:none}}.webhook-delivery-modal{--section-spacing: var(--spacing-lg)}.delivery-modal-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.filter-tabs{display:flex;gap:var(--spacing-xs);border-bottom:2px solid var(--border-primary);padding-bottom:var(--spacing-xs)}.filter-tab{padding:var(--spacing-sm) var(--spacing-md);border:none;background:transparent;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast) var(--ease-out);border-radius:var(--radius-sm) var(--radius-sm) 0 0;position:relative}.filter-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.filter-tab.active{color:var(--gradient-start);font-weight:var(--font-weight-semibold)}.filter-tab.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--gradient-primary)}.deliveries-list{display:flex;flex-direction:column;gap:var(--spacing-sm);max-height:500px;overflow-y:auto;padding-right:var(--spacing-xs)}.empty-state{padding:var(--spacing-xl);text-align:center;color:var(--text-muted)}.empty-state p{margin:0;font-size:var(--font-size-md)}.delivery-item{border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-primary);overflow:hidden}.delivery-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);cursor:pointer;transition:background var(--transition-fast) var(--ease-out)}.delivery-header:hover{background:var(--bg-hover)}.delivery-info{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.delivery-event{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.event-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);background:#8b5cf61a;color:#8b5cf6}.status-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.status-success{background:#10b9811a;color:#10b981}.status-failure{background:#ef44441a;color:var(--status-error)}.status-code{font-family:Monaco,Courier New,monospace;font-size:var(--font-size-xs);color:var(--text-secondary);background:var(--bg-secondary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm)}.delivery-meta{display:flex;gap:var(--spacing-md);font-size:var(--font-size-xs);color:var(--text-muted)}.duration{color:#10b981}.retries{color:#f59e0b}.delivery-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.retry-button{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--gradient-start);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast) var(--ease-out);background:transparent;color:var(--gradient-start)}.retry-button:hover{background:#6366f11a}.expand-button{padding:var(--spacing-xs);border:none;background:transparent;color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:transform var(--transition-fast) var(--ease-out);min-width:24px}.expand-button:hover{color:var(--text-primary)}.delivery-details{border-top:1px solid var(--border-primary);padding:var(--spacing-md);background:var(--bg-secondary);display:flex;flex-direction:column;gap:var(--spacing-md)}.detail-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.section-title{margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--border-primary)}.error-box{padding:var(--spacing-md);background:#ef44441a;border:1px solid var(--status-error);border-radius:var(--radius-md);color:var(--status-error);font-size:var(--font-size-sm);font-family:Monaco,Courier New,monospace}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.detail-item{display:flex;gap:var(--spacing-sm)}.detail-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-secondary);min-width:60px}.detail-value{font-size:var(--font-size-xs);color:var(--text-primary)}.detail-value.code{font-family:Monaco,Courier New,monospace;word-break:break-all}.json-block{display:flex;flex-direction:column;gap:var(--spacing-xs)}.json-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-secondary)}.json-viewer{margin:0;padding:var(--spacing-sm);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);font-family:Monaco,Courier New,monospace;font-size:var(--font-size-xs);color:var(--text-secondary);overflow-x:auto;white-space:pre;max-height:200px;overflow-y:auto}.modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--border-primary)}.modal-button{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast) var(--ease-out);border:none;min-height:var(--touch-target-min)}.modal-button.primary{background:var(--gradient-primary);color:#fff}.modal-button.primary:hover{opacity:.9;transform:translateY(-1px);box-shadow:var(--shadow-md)}@media (max-width: 1023px){.deliveries-list{max-height:400px}.detail-grid{grid-template-columns:1fr}}@media (max-width: 767px){.deliveries-list{max-height:300px}.filter-tabs{overflow-x:auto}.delivery-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.delivery-actions{width:100%;justify-content:space-between}.json-viewer{font-size:10px;max-height:150px}.modal-footer{flex-direction:column-reverse}.modal-button{width:100%}}.filter-tab:focus-visible,.retry-button:focus-visible,.modal-button:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}@media (prefers-reduced-motion: reduce){.filter-tab,.delivery-header,.retry-button,.expand-button,.modal-button{transition:none}.modal-button.primary:hover{transform:none}}.provider-wizard{--wizard-bg: rgba(255, 255, 255, .92);--wizard-bg-subtle: rgba(255, 255, 255, .6);--wizard-border: rgba(0, 0, 0, .08);--wizard-border-hover: rgba(0, 0, 0, .15);--wizard-shadow: 0 8px 32px rgba(0, 0, 0, .08);--wizard-shadow-hover: 0 12px 40px rgba(0, 0, 0, .12);--wizard-blur: blur(20px);--wizard-radius: 20px;--wizard-radius-sm: 12px;--category-messaging: #10B981;--category-email: #3B82F6;--category-integration: #F59E0B;--category-llm: #8B5CF6;--category-system: #6B7280;--wizard-text: var(--text-primary, #1a1a2e);--wizard-text-secondary: var(--text-secondary, #64748b);--wizard-text-muted: var(--text-muted, #94a3b8);--btn-primary-bg: linear-gradient(135deg, #3B82F6, #2563EB);--btn-primary-hover: linear-gradient(135deg, #2563EB, #1D4ED8);--btn-secondary-bg: rgba(0, 0, 0, .05);--btn-secondary-hover: rgba(0, 0, 0, .1);--btn-success-bg: linear-gradient(135deg, #10B981, #059669);--btn-success-hover: linear-gradient(135deg, #059669, #047857)}[data-theme=dark] .provider-wizard,.dark .provider-wizard{--wizard-bg: rgba(30, 30, 40, .92);--wizard-bg-subtle: rgba(30, 30, 40, .6);--wizard-border: rgba(255, 255, 255, .08);--wizard-border-hover: rgba(255, 255, 255, .15);--wizard-shadow: 0 8px 32px rgba(0, 0, 0, .4);--wizard-shadow-hover: 0 12px 40px rgba(0, 0, 0, .5);--wizard-text: var(--text-primary, #f1f5f9);--wizard-text-secondary: var(--text-secondary, #94a3b8);--wizard-text-muted: var(--text-muted, #64748b);--btn-secondary-bg: rgba(255, 255, 255, .08);--btn-secondary-hover: rgba(255, 255, 255, .12)}.provider-wizard-modal .adaptive-modal-content{background:var(--wizard-bg);backdrop-filter:var(--wizard-blur);-webkit-backdrop-filter:var(--wizard-blur);border:1px solid var(--wizard-border);border-radius:var(--wizard-radius);box-shadow:var(--wizard-shadow);max-width:800px;width:95vw}.provider-wizard-modal .adaptive-modal-header{border-bottom:1px solid var(--wizard-border);padding:20px 24px}.provider-wizard-modal .adaptive-modal-title{font-size:1.25rem;font-weight:600;color:var(--wizard-text);letter-spacing:-.02em}.provider-wizard-modal .adaptive-modal-body{padding:0;max-height:calc(85vh - 140px);overflow:hidden;display:flex;flex-direction:column}.provider-wizard{display:flex;flex-direction:column;min-height:400px;max-height:100%;overflow:hidden}.provider-wizard-content{flex:1;padding:24px;overflow-y:auto;overflow-x:hidden;min-height:0}.provider-wizard-content::-webkit-scrollbar{width:8px}.provider-wizard-content::-webkit-scrollbar-track{background:var(--wizard-bg-subtle);border-radius:4px}.provider-wizard-content::-webkit-scrollbar-thumb{background:var(--wizard-border-hover);border-radius:4px}.provider-wizard-content::-webkit-scrollbar-thumb:hover{background:var(--wizard-text-muted)}.wizard-step-container{min-height:auto}.wizard-progress{display:flex;align-items:center;justify-content:center;padding:20px 24px;background:var(--wizard-bg-subtle);border-bottom:1px solid var(--wizard-border)}.wizard-progress-steps{display:flex;align-items:center;gap:0}.wizard-progress-step{display:flex;align-items:center;gap:8px;cursor:default;padding:8px 16px;border-radius:var(--wizard-radius-sm);transition:all .2s ease}.wizard-progress-step.clickable{cursor:pointer}.wizard-progress-step.clickable:hover{background:var(--btn-secondary-bg)}.wizard-progress-number{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;transition:all .3s ease;background:var(--btn-secondary-bg);color:var(--wizard-text-muted);border:2px solid transparent}.wizard-progress-step.active .wizard-progress-number{background:var(--btn-primary-bg);color:#fff;box-shadow:0 4px 12px #3b82f64d}.wizard-progress-step.completed .wizard-progress-number{background:var(--category-messaging);color:#fff}.wizard-progress-label{font-size:.875rem;font-weight:500;color:var(--wizard-text-muted);transition:color .2s ease}.wizard-progress-step.active .wizard-progress-label{color:var(--wizard-text)}.wizard-progress-step.completed .wizard-progress-label{color:var(--wizard-text-secondary)}.wizard-progress-connector{width:40px;height:2px;background:var(--wizard-border);margin:0 4px;border-radius:1px;transition:background .3s ease}.wizard-progress-connector.completed{background:var(--category-messaging)}@media (max-width: 600px){.wizard-progress-label{display:none}.wizard-progress-connector{width:24px}}.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (max-width: 500px){.category-grid{grid-template-columns:1fr}}.category-card{position:relative;padding:24px;border-radius:var(--wizard-radius);border:2px solid var(--wizard-border);background:var(--wizard-bg-subtle);-webkit-backdrop-filter:var(--wizard-blur);backdrop-filter:var(--wizard-blur);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.category-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--category-color);opacity:0;transition:opacity .3s ease}.category-card:hover{border-color:var(--category-color);transform:translateY(-4px);box-shadow:var(--wizard-shadow-hover)}.category-card:hover:before{opacity:1}.category-card.selected{border-color:var(--category-color);background:linear-gradient(135deg,rgba(var(--category-rgb),.08),rgba(var(--category-rgb),.02))}.category-card.selected:before{opacity:1}.category-card-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:16px;background:linear-gradient(135deg,rgba(var(--category-rgb),.15),rgba(var(--category-rgb),.05));box-shadow:0 4px 12px rgba(var(--category-rgb),.2);transition:transform .3s ease}.category-card:hover .category-card-icon{transform:scale(1.05)}.category-card-title{font-size:1.125rem;font-weight:600;color:var(--wizard-text);margin-bottom:6px}.category-card-description{font-size:.875rem;color:var(--wizard-text-secondary);line-height:1.5;margin-bottom:12px}.category-card-count{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;font-weight:500;color:var(--wizard-text-muted);padding:4px 10px;border-radius:20px;background:var(--btn-secondary-bg)}.category-card[data-category=messaging]{--category-color: var(--category-messaging);--category-rgb: 16, 185, 129}.category-card[data-category=email]{--category-color: var(--category-email);--category-rgb: 59, 130, 246}.category-card[data-category=integration]{--category-color: var(--category-integration);--category-rgb: 245, 158, 11}.category-card[data-category=llm]{--category-color: var(--category-llm);--category-rgb: 139, 92, 246}.category-card[data-category=system]{--category-color: var(--category-system);--category-rgb: 107, 114, 128}.provider-step-header{margin-bottom:20px}.provider-step-back{display:inline-flex;align-items:center;gap:6px;font-size:.875rem;color:var(--wizard-text-secondary);cursor:pointer;padding:6px 12px;border-radius:var(--wizard-radius-sm);transition:all .2s ease;background:transparent;border:none}.provider-step-back:hover{background:var(--btn-secondary-bg);color:var(--wizard-text)}.provider-grid{display:flex;flex-direction:column;gap:12px}.provider-card{display:flex;align-items:center;gap:16px;padding:16px 20px;border-radius:var(--wizard-radius-sm);border:2px solid var(--wizard-border);background:var(--wizard-bg-subtle);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.provider-card:hover{border-color:var(--provider-color, var(--wizard-border-hover));transform:translate(4px);box-shadow:var(--wizard-shadow)}.provider-card.selected{border-color:var(--provider-color);background:linear-gradient(90deg,rgba(var(--provider-rgb),.08),transparent)}.provider-card-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;background:linear-gradient(135deg,rgba(var(--provider-rgb),.15),rgba(var(--provider-rgb),.05))}.provider-card-content{flex:1;min-width:0}.provider-card-title{font-size:1rem;font-weight:600;color:var(--wizard-text);margin-bottom:4px}.provider-card-description{font-size:.8125rem;color:var(--wizard-text-secondary);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.provider-card-tags{display:flex;gap:6px;flex-shrink:0}.provider-card-tag{font-size:.6875rem;font-weight:500;padding:3px 8px;border-radius:12px;text-transform:uppercase;letter-spacing:.02em}.provider-card-tag.webhook{background:#3b82f61a;color:#3b82f6}.provider-card-tag.polling{background:#10b9811a;color:#10b981}.provider-card-arrow{color:var(--wizard-text-muted);font-size:1.25rem;transition:transform .2s ease}.provider-card:hover .provider-card-arrow{transform:translate(4px)}.configure-step{max-width:600px;margin:0 auto}.configure-section{margin-bottom:28px}.configure-section-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--wizard-border)}.configure-section-icon{font-size:1.25rem}.configure-section-title{font-size:.9375rem;font-weight:600;color:var(--wizard-text);letter-spacing:-.01em}.configure-provider-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;background:var(--btn-secondary-bg);border-radius:var(--wizard-radius-sm);margin-bottom:20px}.configure-provider-badge-icon{font-size:1.25rem}.configure-provider-badge-name{font-weight:600;color:var(--wizard-text)}.configure-provider-badge-type{font-size:.8125rem;color:var(--wizard-text-muted)}.configure-step .ant-input,.configure-step .ant-input-password,.configure-step .ant-input-number,.configure-step .ant-select-selector,.configure-step .ant-input-textarea{border-radius:var(--wizard-radius-sm)!important}.review-step{max-width:600px;margin:0 auto}.review-card{background:var(--wizard-bg-subtle);border:1px solid var(--wizard-border);border-radius:var(--wizard-radius);overflow:hidden}.review-card-header{display:flex;align-items:center;gap:16px;padding:20px;background:linear-gradient(90deg,rgba(var(--provider-rgb),.08),transparent);border-bottom:1px solid var(--wizard-border)}.review-card-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:28px;background:linear-gradient(135deg,rgba(var(--provider-rgb),.2),rgba(var(--provider-rgb),.08))}.review-card-title{font-size:1.25rem;font-weight:600;color:var(--wizard-text)}.review-card-subtitle{font-size:.875rem;color:var(--wizard-text-secondary)}.review-section{padding:16px 20px;border-bottom:1px solid var(--wizard-border)}.review-section:last-child{border-bottom:none}.review-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.review-section-title{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--wizard-text-muted)}.review-section-edit{font-size:.8125rem;color:var(--category-email);cursor:pointer;padding:4px 8px;border-radius:6px;background:transparent;border:none;transition:background .2s ease}.review-section-edit:hover{background:#3b82f61a}.review-field{display:flex;align-items:flex-start;gap:12px;margin-bottom:8px}.review-field:last-child{margin-bottom:0}.review-field-label{font-size:.875rem;color:var(--wizard-text-secondary);min-width:120px;flex-shrink:0}.review-field-value{font-size:.875rem;color:var(--wizard-text);font-weight:500;word-break:break-word}.review-field-value.masked{font-family:monospace;letter-spacing:.1em}.review-badge{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;font-weight:500;padding:4px 10px;border-radius:20px}.review-badge.enabled{background:#10b9811a;color:#10b981}.review-badge.disabled{background:var(--btn-secondary-bg);color:var(--wizard-text-muted)}.provider-wizard-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:var(--wizard-bg-subtle);border-top:1px solid var(--wizard-border)}.footer-left,.footer-right{display:flex;gap:12px}.wizard-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;font-size:.9375rem;font-weight:500;border-radius:var(--wizard-radius-sm);border:none;cursor:pointer;transition:all .2s ease}.wizard-btn:disabled{opacity:.5;cursor:not-allowed}.wizard-btn-secondary{background:var(--btn-secondary-bg);color:var(--wizard-text)}.wizard-btn-secondary:hover:not(:disabled){background:var(--btn-secondary-hover)}.wizard-btn-primary{background:#3b82f6;background-image:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 12px #3b82f640}.wizard-btn-primary:hover:not(:disabled){background:#2563eb;background-image:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 16px #3b82f659;transform:translateY(-1px)}.wizard-btn-success{background:#10b981;background-image:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b98140}.wizard-btn-success:hover:not(:disabled){background:#059669;background-image:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 16px #10b98159;transform:translateY(-1px)}.provider-wizard-errors{padding:12px 24px;background:#ef444414;border-top:1px solid rgba(239,68,68,.2)}.wizard-error{display:flex;align-items:center;gap:8px;font-size:.875rem;color:#ef4444}.wizard-error .error-icon{font-size:1rem}@keyframes slideInFromRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (max-width: 600px){.provider-wizard-content,.category-card{padding:16px}.category-card-icon{width:48px;height:48px;font-size:24px}.provider-card{padding:12px 16px}.provider-card-tags{display:none}.review-field{flex-direction:column;gap:4px}.review-field-label{min-width:auto}.provider-wizard-footer{padding:12px 16px}.wizard-btn{padding:8px 16px;font-size:.875rem}}.wa-import-step{min-height:300px;padding:var(--spacing-md) 0}.wa-import-upload{display:flex;flex-direction:column;gap:var(--spacing-lg)}.wa-import-hint{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:#25d3661a;border:1px solid rgba(37,211,102,.3);border-radius:var(--radius-md)}.hint-icon{font-size:28px}.hint-text{display:flex;flex-direction:column;gap:var(--spacing-xs)}.hint-text strong{color:var(--text-primary);font-size:var(--font-size-sm)}.hint-text span{color:var(--text-secondary);font-size:var(--font-size-xs)}.wa-import-formats{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.format-badge{padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-family:var(--font-mono);color:var(--text-secondary)}.format-note{font-size:var(--font-size-xs);color:var(--text-muted)}.wa-import-stream-select{display:flex;flex-direction:column;gap:var(--spacing-lg)}.stream-select-label{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary)}.stream-list{display:flex;flex-direction:column;gap:var(--spacing-sm);max-height:300px;overflow-y:auto}.stream-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast) var(--ease-out)}.stream-item:hover{background:var(--bg-hover);border-color:var(--border-secondary)}.stream-item.selected{background:#25d3661a;border-color:#25d366}.stream-icon{font-size:24px}.stream-info{flex:1;display:flex;flex-direction:column;gap:2px}.stream-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.stream-messages{font-size:var(--font-size-xs);color:var(--text-muted)}.stream-check{font-size:18px;color:#25d366;font-weight:700}.no-streams{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xl);text-align:center;color:var(--text-muted)}.no-streams-hint{font-size:var(--font-size-xs)}.selected-file-info{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.file-icon{font-size:18px}.file-name{color:var(--text-primary);font-weight:var(--font-weight-medium)}.file-size{color:var(--text-muted)}.wa-import-preview{display:flex;flex-direction:column;gap:var(--spacing-lg)}.preview-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}.stat-card{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md);text-align:center}.stat-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary)}.stat-label{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:var(--spacing-xs)}.preview-date-range{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--text-secondary)}.date-icon{font-size:18px}.date-separator{color:var(--text-muted)}.preview-participants{display:flex;flex-direction:column;gap:var(--spacing-sm)}.participants-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.participants-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.participant-badge{padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--text-secondary)}.participant-more{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);color:var(--text-muted)}.preview-messages{display:flex;flex-direction:column;gap:var(--spacing-sm)}.messages-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.messages-list{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md);max-height:150px;overflow-y:auto}.message-preview{display:flex;flex-direction:column;gap:2px;padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-primary)}.message-preview:last-child{border-bottom:none;padding-bottom:0}.message-sender{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:#25d366}.message-content{font-size:var(--font-size-xs);color:var(--text-secondary);line-height:1.4}.date-format-override{display:flex;align-items:flex-end;gap:var(--spacing-md);padding:var(--spacing-md);background:#faad141a;border:1px solid rgba(250,173,20,.3);border-radius:var(--radius-md)}.date-format-override label{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.override-label{font-size:var(--font-size-sm);color:var(--text-primary)}.date-format-override input{padding:var(--spacing-sm);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-primary);font-size:var(--font-size-sm)}.preview-warnings{display:flex;flex-direction:column;gap:var(--spacing-sm)}.warning-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#faad141a;border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--text-secondary)}.warning-icon{flex-shrink:0}.wa-import-media{display:flex;flex-direction:column;gap:var(--spacing-xl)}.media-summary{display:flex;justify-content:center}.media-stat{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xl);background:var(--bg-secondary);border-radius:var(--radius-lg);min-width:200px}.media-icon{font-size:48px}.media-count{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary)}.media-label{font-size:var(--font-size-sm);color:var(--text-muted)}.transcription-quota{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--bg-secondary);border-radius:var(--radius-md)}.transcription-quota h4{margin:0;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.quota-bar{position:relative;height:12px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.quota-used{position:absolute;top:0;left:0;height:100%;background:var(--gradient-primary);border-radius:var(--radius-full);transition:width .3s ease}.quota-estimated{position:absolute;top:0;height:100%;background:#25d36680;border-radius:0 var(--radius-full) var(--radius-full) 0}.quota-details{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm) var(--spacing-lg)}.quota-item{display:flex;justify-content:space-between;font-size:var(--font-size-sm)}.quota-label{color:var(--text-muted)}.quota-value{color:var(--text-primary);font-weight:var(--font-weight-medium)}.quota-warning{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.quota-warning.warning{background:#faad141a;border:1px solid rgba(250,173,20,.3);color:#d4a017}.quota-warning.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:var(--status-error)}.wa-import-confirm{display:flex;flex-direction:column;gap:var(--spacing-xl)}.confirm-summary{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--bg-secondary);border-radius:var(--radius-md)}.summary-item{display:flex;justify-content:space-between;font-size:var(--font-size-sm)}.summary-label{color:var(--text-muted)}.summary-value{color:var(--text-primary);font-weight:var(--font-weight-medium)}.deduplication-select{display:flex;flex-direction:column;gap:var(--spacing-md)}.deduplication-select>label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.dedup-options{display:flex;flex-direction:column;gap:var(--spacing-sm)}.dedup-option{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast) var(--ease-out)}.dedup-option:hover{background:var(--bg-hover)}.dedup-option.selected{background:#25d3661a;border-color:#25d366}.dedup-icon{font-size:20px}.dedup-info{display:flex;flex-direction:column;gap:2px}.dedup-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.dedup-desc{font-size:var(--font-size-xs);color:var(--text-muted)}.wa-import-progress{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-lg);min-height:300px;padding:var(--spacing-xl);text-align:center}.progress-bar-container{width:100%;max-width:400px}.progress-bar{width:100%;height:10px;background:var(--bg-secondary);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#25d366,#128c7e);transition:width .3s ease;border-radius:var(--radius-full)}.progress-text{display:block;margin-top:var(--spacing-sm);text-align:center;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary)}.progress-stats{display:flex;gap:var(--spacing-xl)}.progress-stat{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.progress-stat .stat-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary)}.progress-stat .stat-label{font-size:var(--font-size-xs);color:var(--text-muted)}.progress-message{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.cancel-button{margin-top:var(--spacing-md)}.import-success{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.import-success .success-icon{width:72px;height:72px;border-radius:var(--radius-full);background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:700}.import-success h3{margin:0;font-size:var(--font-size-xl);color:var(--text-primary)}.import-success p{margin:0;font-size:var(--font-size-md);color:var(--text-secondary)}.skipped-note{font-size:var(--font-size-sm)!important;color:var(--text-muted)!important}.import-failed{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.error-icon-large{width:72px;height:72px;border-radius:var(--radius-full);background:var(--status-error);color:#fff;display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:700}.import-failed h3{margin:0;font-size:var(--font-size-xl);color:var(--text-primary)}.import-failed p{margin:0;font-size:var(--font-size-sm);color:var(--status-error);max-width:400px}.wa-import-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-lg);min-height:250px}.wa-import-loading p{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.wa-import-error{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:#ef44441a;border:1px solid var(--status-error);border-radius:var(--radius-md);color:var(--status-error);font-size:var(--font-size-sm)}.wa-import-error .error-icon{font-size:var(--font-size-lg);flex-shrink:0}.wa-import-footer{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.wizard-button{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast) var(--ease-out);min-height:var(--touch-target-min);min-width:100px;border:none}.wizard-button.primary{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff}.wizard-button.primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.wizard-button.primary:disabled{opacity:.5;cursor:not-allowed}.wizard-button.secondary{background:transparent;border:1px solid var(--border-primary);color:var(--text-primary)}.wizard-button.secondary:hover{background:var(--bg-hover)}.wa-import-steps{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-lg) 0 0;border-top:1px solid var(--border-primary);margin-top:var(--spacing-lg)}.step{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.step-number{width:32px;height:32px;border-radius:var(--radius-full);border:2px solid var(--border-primary);background:var(--bg-card);color:var(--text-muted);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);transition:all var(--transition-fast) var(--ease-out)}.step.active .step-number{border-color:#25d366;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff}.step.completed .step-number{border-color:#25d366;background:#25d366;color:#fff}.step-label{font-size:var(--font-size-xs);color:var(--text-muted)}.step-line{width:30px;height:2px;background:var(--border-primary)}@media (max-width: 767px){.wa-import-step{min-height:250px}.preview-stats{grid-template-columns:repeat(2,1fr)}.quota-details{grid-template-columns:1fr}.wa-import-footer{flex-direction:column}.wizard-button{width:100%}.wa-import-steps{gap:4px}.step-number{width:28px;height:28px;font-size:var(--font-size-xs)}.step-line{width:16px}.hide-mobile{display:none!important}.progress-stats{flex-direction:column;gap:var(--spacing-md)}}@media (prefers-reduced-motion: reduce){.wizard-button,.step-number,.progress-fill,.quota-used,.stream-item,.dedup-option{transition:none}}.streams-container{max-width:1600px;margin:0 auto;padding:var(--spacing-lg)}.streams-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);flex-wrap:wrap;gap:var(--spacing-md)}.streams-title-section{display:flex;align-items:center;gap:var(--spacing-md)}.streams-title{margin:0;color:var(--text-primary);font-size:var(--heading-1);font-weight:var(--font-weight-bold);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.streams-count-badge{background:var(--bg-elevated);color:var(--text-secondary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border:1px solid var(--border-primary)}.streams-actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.streams-actions .ant-btn{border-radius:var(--radius-md);font-weight:var(--font-weight-medium);transition:all var(--transition-base) var(--ease-out)}.streams-actions .ant-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.streams-actions .ant-btn-primary{background:var(--gradient-primary);border:none}.streams-actions .ant-btn-primary:hover{background:var(--gradient-primary-hover)}.streams-filter-bar{background:var(--bg-card);padding:var(--spacing-lg);border-radius:var(--radius-xl);margin-bottom:var(--spacing-xl);display:flex;gap:var(--spacing-md);flex-wrap:wrap;align-items:center;box-shadow:var(--shadow-sm);border:1px solid var(--border-primary);transition:background-color var(--transition-base) var(--ease-in-out),border-color var(--transition-base) var(--ease-in-out)}.streams-filter-bar .ant-input-search{flex:1;min-width:200px}.streams-filter-bar .ant-select{min-width:160px}.streams-filter-bar .ant-input-affix-wrapper,.streams-filter-bar .ant-select-selector{border-radius:var(--radius-md)!important;border-color:var(--border-primary)!important;background:var(--bg-input)!important;transition:all var(--transition-base) var(--ease-out)}.streams-filter-bar .ant-input-affix-wrapper:hover,.streams-filter-bar .ant-select-selector:hover{border-color:var(--border-focus)!important}.streams-filter-bar .ant-input-affix-wrapper:focus-within,.streams-filter-bar .ant-select-focused .ant-select-selector{border-color:var(--gradient-start)!important;box-shadow:0 0 0 3px var(--gradient-opacity-light)!important}.streams-filter-toggle{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-primary);margin-left:auto}.streams-filter-toggle-label{font-size:var(--font-size-sm);color:var(--text-secondary);white-space:nowrap}.streams-filter-toggle .ant-switch-checked{background:var(--gradient-primary)}.streams-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:var(--spacing-lg)}.stream-card{background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-primary);padding:var(--spacing-lg);transition:all var(--transition-base) var(--ease-out);animation:fadeIn var(--transition-base) var(--ease-out);position:relative;overflow:hidden}.stream-card:nth-child(1){animation-delay:0ms}.stream-card:nth-child(2){animation-delay:50ms}.stream-card:nth-child(3){animation-delay:.1s}.stream-card:nth-child(4){animation-delay:.15s}.stream-card:nth-child(5){animation-delay:.2s}.stream-card:nth-child(6){animation-delay:.25s}.stream-card:nth-child(7){animation-delay:.3s}.stream-card:nth-child(8){animation-delay:.35s}.stream-card:nth-child(9){animation-delay:.4s}.stream-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-base) var(--ease-out)}.stream-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:var(--gradient-start)}.stream-card:hover:before{opacity:1}.stream-card.stream-card--active:before{background:var(--gradient-success);opacity:1}.stream-card.stream-card--suspended:before{background:var(--gradient-danger);opacity:1}.stream-card.stream-card--archived{opacity:.7}.stream-card.stream-card--archived:hover{opacity:1}.stream-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md);gap:var(--spacing-sm)}.stream-card-title-section{flex:1;min-width:0}.stream-card-title{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.stream-card-title-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:250px}.stream-card-badges{display:flex;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap}.stream-card-actions{display:flex;gap:var(--spacing-xs);flex-shrink:0}.stream-card-actions .ant-btn{border-radius:var(--radius-md);transition:all var(--transition-fast) var(--ease-out)}.stream-card-actions .ant-btn:hover{transform:scale(1.1)}.stream-card-actions .ant-btn-text{color:var(--text-muted)}.stream-card-actions .ant-btn-text:hover{color:var(--text-primary);background:var(--bg-hover)}.stream-action-sync{color:var(--status-info)!important}.stream-action-refresh{color:#722ed1!important}.stream-action-metrics{color:var(--text-secondary)!important}.stream-action-chat{color:var(--status-success)!important}.stream-action-messages,.stream-action-edit{color:var(--text-secondary)!important}.stream-action-delete{color:var(--status-error)!important}.stream-card-controls{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-primary)}.stream-card-controls .ant-btn{border-radius:var(--radius-md);font-weight:var(--font-weight-medium);transition:all var(--transition-fast) var(--ease-out)}.stream-card-controls .ant-btn:active{transform:scale(.98)}.stream-card-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-elevated);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md);transition:background-color var(--transition-base) var(--ease-in-out)}.stream-stat{text-align:center;padding:var(--spacing-xs)}.stream-stat-label{font-size:var(--font-size-xs);color:var(--text-muted);margin-bottom:var(--spacing-xs);text-transform:uppercase;letter-spacing:.5px;font-weight:var(--font-weight-medium)}.stream-stat-value{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.stream-stat-value--error{color:var(--status-error)}.stream-stat-value--muted{color:var(--text-muted);font-size:var(--font-size-sm)}.stream-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-md);border-top:1px solid var(--border-primary);font-size:var(--font-size-sm);color:var(--text-muted);gap:var(--spacing-sm);flex-wrap:wrap}.stream-card-footer span{display:flex;align-items:center;gap:var(--spacing-xs)}.stream-status-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px}.stream-status-badge--active{background:var(--success-bg);color:var(--success-text);border:1px solid var(--success-border)}.stream-status-badge--suspended{background:var(--error-bg);color:var(--error-text);border:1px solid var(--error-border)}.stream-status-badge--archived{background:var(--bg-elevated);color:var(--text-muted);border:1px solid var(--border-primary)}.stream-health-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);transition:all var(--transition-base) var(--ease-out)}.stream-health-badge--healthy{background:#52c41a26;color:var(--status-success)}.stream-health-badge--healthy:hover{box-shadow:var(--shadow-glow-success)}.stream-health-badge--degraded{background:#faad1426;color:var(--status-warning)}.stream-health-badge--unhealthy{background:#ff4d4f26;color:var(--status-error);animation:pulse 2s var(--ease-in-out) infinite}.stream-health-badge--unknown{background:var(--bg-elevated);color:var(--text-muted)}.streams-empty-state{background:var(--bg-card);border-radius:var(--radius-xl);padding:var(--spacing-3xl) var(--spacing-xl);text-align:center;border:2px dashed var(--border-primary);animation:fadeIn var(--transition-base) var(--ease-out)}.streams-empty-state .ant-empty-description{color:var(--text-muted);font-size:var(--font-size-md)}.streams-empty-state p{color:var(--text-muted);margin:var(--spacing-md) 0 var(--spacing-lg)}.streams-empty-state .ant-btn-primary{background:var(--gradient-primary);border:none;border-radius:var(--radius-md)}.streams-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);gap:var(--spacing-md)}.streams-loading p{color:var(--text-muted);margin:0;font-size:var(--font-size-md)}.stream-card-skeleton{background:var(--bg-card);border-radius:var(--radius-xl);padding:var(--spacing-lg);border:1px solid var(--border-primary)}.stream-card-skeleton .skeleton{background:linear-gradient(90deg,var(--bg-secondary) 0%,var(--bg-hover) 50%,var(--bg-secondary) 100%);background-size:200% 100%;animation:shimmer 2s infinite;border-radius:var(--radius-md)}.stream-card-skeleton .skeleton-title{height:24px;width:60%;margin-bottom:var(--spacing-md)}.stream-card-skeleton .skeleton-stats{height:80px;width:100%;margin-bottom:var(--spacing-md)}.stream-card-skeleton .skeleton-footer{height:20px;width:80%}.streams-alert{margin-bottom:var(--spacing-lg);border-radius:var(--radius-lg);animation:slideInDown var(--transition-base) var(--ease-out)}.stream-modal .ant-modal-content{border-radius:var(--radius-xl);overflow:hidden}.stream-modal .ant-modal-header{background:var(--bg-card);border-bottom:1px solid var(--border-primary);padding:var(--spacing-lg)}.stream-modal .ant-modal-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.stream-modal .ant-modal-body{background:var(--bg-card);padding:var(--spacing-lg)}.stream-modal .ant-modal-footer{background:var(--bg-card);border-top:1px solid var(--border-primary);padding:var(--spacing-md) var(--spacing-lg)}.stream-modal-form-group{margin-bottom:var(--spacing-lg)}.stream-modal-label{display:block;margin-bottom:var(--spacing-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);font-size:var(--font-size-sm)}.stream-modal-hint{color:var(--text-muted);font-size:var(--font-size-xs);margin-top:var(--spacing-xs);line-height:var(--line-height-relaxed)}.stream-modal-error{color:var(--status-error);font-size:var(--font-size-xs);margin-top:var(--spacing-xs)}.stream-metrics-drawer .ant-drawer-header{background:var(--bg-card);border-bottom:1px solid var(--border-primary)}.stream-metrics-drawer .ant-drawer-title{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-primary);font-weight:var(--font-weight-semibold)}.stream-metrics-drawer .ant-drawer-body{background:var(--bg-primary);padding:var(--spacing-lg)}.stream-metrics-summary{background:var(--bg-elevated);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.stream-metrics-summary-title{font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-md)}.stream-metrics-summary-details{font-size:var(--font-size-sm);color:var(--text-muted);margin-top:var(--spacing-md)}.stream-metrics-summary-details div{margin-bottom:var(--spacing-xs)}.stream-metrics-config{margin-top:var(--spacing-lg)}.stream-metrics-config .ant-card{border-radius:var(--radius-lg);border:1px solid var(--border-primary)}.stream-metrics-config-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);font-size:var(--font-size-sm)}.stream-metrics-config-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.stream-metrics-config-label{color:var(--text-muted)}.stream-metrics-config-value{font-weight:var(--font-weight-medium);color:var(--text-primary)}.stream-type-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.stream-type-badge--individual{color:#1890ff}.stream-type-badge--group{color:#52c41a}.stream-type-badge--broadcast{color:#fa8c16}.stream-type-badge--channel{color:#eb2f96}@media (max-width: 767px){.streams-container{padding:var(--spacing-md)}.streams-header{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.streams-title-section{justify-content:center;text-align:center}.streams-title{font-size:var(--font-size-xl)}.streams-actions{justify-content:center}.streams-filter-bar{flex-direction:column;padding:var(--spacing-md)}.streams-filter-bar .ant-input-search,.streams-filter-bar .ant-select{width:100%;min-width:100%}.streams-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.stream-card{padding:var(--spacing-md)}.stream-card-header{flex-direction:column;gap:var(--spacing-sm)}.stream-card-title-text{max-width:100%}.stream-card-actions{width:100%;justify-content:flex-end;flex-wrap:wrap}.stream-card-stats{grid-template-columns:repeat(2,1fr);padding:var(--spacing-sm)}.stream-card-footer{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.stream-modal .ant-modal{margin:var(--spacing-md);max-width:calc(100% - var(--spacing-xl))}.streams-empty-state{padding:var(--spacing-xl) var(--spacing-md)}}@media (min-width: 768px) and (max-width: 1023px){.streams-grid{grid-template-columns:repeat(2,1fr)}.stream-card-stats{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1024px){.streams-grid{grid-template-columns:repeat(auto-fill,minmax(450px,1fr))}}@media (min-width: 1440px){.streams-grid{grid-template-columns:repeat(3,1fr)}}.stream-card:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.stream-card-actions .ant-btn:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}@media (prefers-contrast: high){.stream-card{border-width:2px}.stream-card:hover{border-width:3px}.streams-filter-bar{border-width:2px}}@media (prefers-reduced-motion: reduce){.stream-card{animation:none;transition:none}.stream-card:hover,.stream-card-actions .ant-btn:hover{transform:none}.stream-health-badge--unhealthy{animation:none}}[data-theme=dark] .stream-card{box-shadow:0 2px 8px #0000004d}[data-theme=dark] .stream-card:hover{box-shadow:0 8px 24px #0006}[data-theme=light] .stream-card{box-shadow:0 2px 8px #00000014}[data-theme=light] .stream-card:hover{box-shadow:0 8px 24px #0000001f}[data-theme=light] .streams-title{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.advanced-datagrid{width:100%;display:flex;flex-direction:column;gap:var(--spacing-md)}.datagrid-toolbar{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.datagrid-search{flex:1;min-width:250px}.search-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-primary);font-size:var(--font-size-sm);transition:all var(--transition-fast) var(--ease-out)}.search-input:focus{outline:none;border-color:var(--gradient-start);box-shadow:0 0 0 3px var(--gradient-opacity-light)}.datagrid-actions{display:flex;gap:var(--spacing-sm)}.datagrid-button{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast) var(--ease-out);min-height:var(--touch-target-min);border:none}.datagrid-button.secondary{background:transparent;border:1px solid var(--border-primary);color:var(--text-primary)}.datagrid-button.secondary:hover{background:var(--bg-hover);border-color:var(--gradient-start)}.datagrid-bulk-actions{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--gradient-opacity-light);border:1px solid var(--gradient-start);border-radius:var(--radius-md);gap:var(--spacing-md);flex-wrap:wrap}.bulk-count{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--gradient-start)}.bulk-actions-buttons{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.bulk-action-button{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast) var(--ease-out);border:none}.bulk-action-button.primary{background:var(--gradient-primary);color:#fff}.bulk-action-button.primary:hover{opacity:.9;transform:translateY(-1px)}.bulk-action-button.secondary{background:transparent;border:1px solid var(--border-primary);color:var(--text-primary)}.bulk-action-button.secondary:hover{background:var(--bg-hover)}.bulk-action-button.danger{background:var(--status-error);color:#fff}.bulk-action-button.danger:hover{background:#dc2626;transform:translateY(-1px)}.datagrid-table-container{width:100%;overflow-x:auto;background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-primary)}.datagrid-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.datagrid-table thead{background:var(--bg-secondary);border-bottom:2px solid var(--border-primary)}.datagrid-header-cell{padding:var(--spacing-sm) var(--spacing-md);text-align:left;font-weight:var(--font-weight-semibold);color:var(--text-primary);white-space:nowrap;position:relative}.datagrid-header-cell.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.datagrid-header-cell.sortable:hover{background:var(--bg-hover)}.datagrid-header-cell.sorted{background:var(--gradient-opacity-light);color:var(--gradient-start)}.header-content{display:flex;align-items:center;gap:var(--spacing-xs)}.sort-indicator{font-size:.75em;opacity:.6}.datagrid-header-cell.sortable .sort-indicator{opacity:1}.datagrid-checkbox-cell{width:40px;text-align:center}.datagrid-checkbox-cell input[type=checkbox]{width:18px;height:18px;cursor:pointer}.datagrid-table tbody{background:var(--bg-card)}.datagrid-row{border-bottom:1px solid var(--border-primary);transition:background-color var(--transition-fast) var(--ease-out)}.datagrid-row:hover{background:var(--bg-hover)}.datagrid-row.selected{background:var(--gradient-opacity-light)}.datagrid-cell{padding:var(--spacing-sm) var(--spacing-md);color:var(--text-secondary);vertical-align:middle}.datagrid-pagination{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-primary)}.pagination-button{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-primary);border-radius:var(--radius-sm);background:transparent;color:var(--text-primary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast) var(--ease-out)}.pagination-button:hover:not(:disabled){background:var(--bg-hover);border-color:var(--gradient-start)}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-info{font-size:var(--font-size-sm);color:var(--text-secondary)}.datagrid-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-primary);gap:var(--spacing-md)}.datagrid-loading p{margin:0;font-size:var(--font-size-md);color:var(--text-muted)}.datagrid-error{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:#ef44441a;border:1px solid var(--status-error);border-radius:var(--radius-md);color:var(--status-error)}.error-icon{font-size:var(--font-size-lg);flex-shrink:0}.datagrid-error p{margin:0;font-size:var(--font-size-sm)}.datagrid-empty{display:flex;align-items:center;justify-content:center;padding:var(--spacing-3xl);background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-primary)}.datagrid-empty p{margin:0;font-size:var(--font-size-md);color:var(--text-muted)}@media (max-width: 1023px){.datagrid-toolbar{flex-direction:column;align-items:stretch}.datagrid-search{min-width:100%}.datagrid-table-container{overflow-x:scroll}}@media (max-width: 767px){.datagrid-bulk-actions{flex-direction:column;align-items:stretch}.bulk-actions-buttons{width:100%}.bulk-action-button{flex:1}.datagrid-pagination{flex-direction:column;gap:var(--spacing-sm)}.pagination-button{width:100%}.datagrid-cell,.datagrid-header-cell{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}}.datagrid-button:focus-visible,.pagination-button:focus-visible,.bulk-action-button:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.search-input:focus-visible{outline:none;border-color:var(--gradient-start);box-shadow:0 0 0 3px var(--gradient-opacity-light)}@media (prefers-contrast: high){.datagrid-table{border-width:2px}.datagrid-row{border-bottom-width:2px}}@media (prefers-reduced-motion: reduce){.datagrid-button,.pagination-button,.bulk-action-button,.datagrid-row{transition:none}.bulk-action-button:hover,.datagrid-button.primary:hover{transform:none}}.api-keys-page{width:100%;max-width:1600px;margin:0 auto;padding:var(--spacing-xl)}.primary-button{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast) var(--ease-out);border:none;background:var(--gradient-primary);color:#fff;min-height:var(--touch-target-min)}.primary-button:hover{opacity:.9;transform:translateY(-1px);box-shadow:var(--shadow-md)}.api-keys-grid{width:100%}.name-cell strong{font-weight:var(--font-weight-semibold);color:var(--text-primary)}.key-cell{display:flex;align-items:center;gap:var(--spacing-xs)}.masked-key{font-family:Monaco,Courier New,monospace;font-size:var(--font-size-xs);color:var(--text-secondary);background:var(--bg-secondary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm)}.copy-icon-button{padding:var(--spacing-xs);border:none;background:transparent;cursor:pointer;font-size:var(--font-size-md);opacity:.6;transition:all var(--transition-fast) var(--ease-out);border-radius:var(--radius-sm);min-width:28px;min-height:28px;display:flex;align-items:center;justify-content:center}.copy-icon-button:hover{opacity:1;background:var(--bg-hover);transform:scale(1.1)}.scopes-cell{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.scope-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);background:#6366f11a;color:var(--gradient-start);white-space:nowrap}.scope-badge.more{background:#6b72801a;color:#6b7280;cursor:help}.status-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.status-revoked{background:#6b72801a;color:#6b7280}.status-expired{background:#ef44441a;color:var(--status-error)}.text-muted{color:var(--text-muted);font-size:var(--font-size-sm)}.action-button.danger:hover{background:#ef44441a}@media (max-width: 1023px){.api-keys-page{padding:var(--spacing-lg)}.page-header{flex-direction:column;align-items:stretch}.header-actions,.primary-button{width:100%}}@media (max-width: 767px){.api-keys-page{padding:var(--spacing-md)}.page-content{padding:var(--spacing-sm)}.header-content h1{font-size:var(--font-size-xl)}.header-content .subtitle{font-size:var(--font-size-sm)}.masked-key{font-size:10px}.scope-badge{font-size:10px;padding:2px 6px}.action-button{padding:var(--spacing-xs);font-size:0;min-width:32px;display:flex;align-items:center;justify-content:center}.action-button:after{font-size:var(--font-size-sm)}.action-button.danger:after{content:"🗑️"}}.primary-button:focus-visible,.action-button:focus-visible,.copy-icon-button:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}@media (prefers-reduced-motion: reduce){.primary-button,.action-button,.copy-icon-button{transition:none}.primary-button:hover,.action-button:hover,.copy-icon-button:hover{transform:none}}.account-page{width:100%;max-width:1200px;margin:0 auto;padding:2rem 1.5rem}.page-header{margin-bottom:2rem}.page-header h1{font-size:1.875rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.page-header .subtitle{font-size:.938rem;color:var(--text-muted);margin:0}.page-content{display:flex;flex-direction:column;gap:1.5rem}.account-section{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:.75rem;overflow:hidden}.section-header{padding:1.5rem;border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;align-items:center;gap:1rem}.section-title{flex:1}.section-title h2{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.section-description{font-size:.875rem;color:var(--text-secondary);margin:0}.section-content{padding:1.5rem}.profile-layout{display:grid;grid-template-columns:auto 1fr;gap:2rem;align-items:start}.profile-avatar{position:relative}.profile-avatar img,.profile-avatar .avatar-placeholder{width:100px;height:100px;border-radius:50%;object-fit:cover;border:3px solid var(--border-primary)}.profile-avatar .avatar-placeholder{display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);color:#fff;font-size:2.5rem;font-weight:600}.profile-fields{flex:1}.profile-fields-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem 1.5rem}.form-group{display:flex;flex-direction:column}.form-group label{font-size:.813rem;font-weight:500;color:var(--text-secondary);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.025em}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.625rem .875rem;font-size:.938rem;border:1px solid var(--border-primary);border-radius:.5rem;background:var(--bg-card);color:var(--text-primary);transition:all .2s ease;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--gradient-start);box-shadow:0 0 0 3px #6366f11a}.form-group textarea{resize:vertical;min-height:100px}.field-value{font-size:.938rem;color:var(--text-primary);margin:0;padding:.625rem 0;line-height:1.5}.field-hint{font-size:.75rem;color:var(--text-muted);margin-top:.375rem}.role-badge{display:inline-flex;align-items:center;padding:.375rem .75rem;background:#6366f11a;color:var(--gradient-start);border-radius:.375rem;font-size:.813rem;font-weight:500;text-transform:capitalize;width:fit-content}.form-actions{display:flex;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-primary)}.timezone-form{max-width:600px}.timezone-display{font-size:1rem;color:var(--text-primary);padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:.5rem;font-weight:500}.timezone-select{height:2.75rem}.info-box{margin-top:1.5rem;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:.5rem}.info-box strong{display:block;font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.info-box p{font-size:.813rem;color:var(--text-secondary);margin:0 0 .5rem}.info-box ul{margin:0;padding-left:1.5rem;font-size:.813rem;color:var(--text-secondary)}.info-box ul li{margin:.25rem 0}.password-form{max-width:600px}.preferences-list{display:flex;flex-direction:column;gap:.75rem}.preference-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:.5rem;transition:background .2s ease}.preference-item:hover{background:var(--bg-hover)}.preference-info{flex:1;margin-right:1rem}.preference-info strong{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:.25rem}.preference-info p{font-size:.813rem;color:var(--text-secondary);margin:0}.toggle-switch{position:relative;display:inline-block;width:48px;height:24px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--border-primary);transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background:var(--gradient-primary)}.toggle-switch input:focus-visible+.toggle-slider{box-shadow:0 0 0 2px var(--border-focus)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.session-device{display:flex;flex-direction:column;gap:.25rem}.session-device strong{font-size:.875rem;color:var(--text-primary)}.session-device .browser-text{font-size:.813rem;color:var(--text-secondary)}.session-device .current-badge{display:inline-block;padding:.125rem .5rem;font-size:.75rem;font-weight:500;background:#10b9811a;color:#10b981;border-radius:.375rem;margin-top:.25rem;width:fit-content}.session-location{display:flex;flex-direction:column;gap:.25rem}.session-location span{font-size:.875rem;color:var(--text-primary)}.session-location .ip-text{font-size:.813rem;color:var(--text-secondary);font-family:Monaco,Courier New,monospace}.empty-state,.loading-state,.error-state{padding:3rem 1rem;text-align:center;color:var(--text-secondary);font-size:.938rem}.empty-state small{display:block;margin-top:.5rem;font-size:.813rem;color:var(--text-muted)}.danger-zone{border-color:var(--status-error);background:#ef444405}.danger-zone .section-header{border-bottom-color:#ef444433}.danger-zone .section-title h2,.danger-text{color:var(--status-error)}.danger-action{display:flex;justify-content:space-between;align-items:center;gap:1.5rem}.danger-info{flex:1}.danger-info strong{display:block;font-size:.938rem;font-weight:600;color:var(--status-error);margin-bottom:.5rem}.danger-info p{font-size:.875rem;color:var(--text-secondary);margin:0}.button-primary,.button-secondary,.button-danger,.button-danger-outline{padding:.625rem 1.25rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;min-height:2.5rem}.button-primary{background:var(--gradient-primary);color:#fff}.button-primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.button-primary:disabled{opacity:.5;cursor:not-allowed}.button-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-primary)}.button-secondary:hover:not(:disabled){background:var(--bg-hover);transform:translateY(-1px)}.button-danger{background:var(--status-error);color:#fff}.button-danger:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.button-danger-outline{background:transparent;color:var(--status-error);border:1px solid var(--status-error)}.button-danger-outline:hover:not(:disabled){background:#ef44441a}.action-button{padding:.375rem .75rem;border-radius:.375rem;font-size:.813rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid var(--border-primary);background:transparent;color:var(--text-primary)}.action-button:hover:not(:disabled){background:var(--bg-hover)}.actions-cell{display:flex;gap:.5rem;justify-content:flex-end}.delete-account-form{text-align:left}.warning-text{color:var(--status-error);font-size:.875rem;margin-bottom:1rem;padding:.75rem;background:#ef44441a;border-radius:.5rem}@media (max-width: 1023px){.account-page{padding:1.5rem 1rem}.profile-layout{grid-template-columns:1fr;gap:1.5rem}.profile-avatar{justify-self:center}.profile-fields-grid{grid-template-columns:1fr}.danger-action{flex-direction:column;align-items:stretch}.button-danger,.button-danger-outline{width:100%}}@media (max-width: 767px){.account-page{padding:1rem}.page-header h1{font-size:1.5rem}.section-header{flex-direction:column;align-items:stretch;gap:.75rem}.section-header button{width:100%}.section-content{padding:1rem}.profile-avatar img,.profile-avatar .avatar-placeholder{width:80px;height:80px}.profile-avatar .avatar-placeholder{font-size:2rem}.form-actions{flex-direction:column}.form-actions button{width:100%}.preference-item{flex-direction:column;gap:.75rem;align-items:flex-start}.preference-info{margin-right:0}}.button-primary:focus-visible,.button-secondary:focus-visible,.button-danger:focus-visible,.button-danger-outline:focus-visible,.action-button:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}@media (prefers-reduced-motion: reduce){.button-primary,.button-secondary,.button-danger,.button-danger-outline,.action-button,.preference-item,.toggle-slider,.toggle-slider:before{transition:none}.button-primary:hover,.button-secondary:hover,.button-danger:hover,.button-danger-outline:hover,.action-button:hover{transform:none}}.quota-section{margin-bottom:2rem}.quota-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.quota-section .billing-period-info{display:flex;align-items:center;gap:1rem;font-size:.875rem;color:#6b7280}.quota-section .period-label{font-weight:600;color:#374151}.quota-section .period-dates{padding:.25rem .75rem;background:#f3f4f6;border-radius:4px;font-weight:500}.quota-section .period-countdown{padding:.25rem .75rem;background:#dbeafe;color:#1e40af;border-radius:4px;font-weight:600}.quota-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-bottom:2rem}.quota-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;transition:all .2s}.quota-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.quota-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.quota-card h3{margin:0;font-size:1rem;font-weight:600;color:#111827}.quota-status-badge{padding:.25rem .625rem;border-radius:12px;font-size:.75rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px}.quota-usage{margin-bottom:1rem}.usage-numbers{display:flex;align-items:baseline;gap:.5rem;font-size:1.875rem;font-weight:700;color:#111827}.usage-numbers .used{color:#2563eb}.usage-numbers .separator{color:#9ca3af;font-weight:400}.usage-numbers .limit{color:#6b7280;font-size:1.5rem}.usage-numbers .unit{color:#9ca3af;font-size:1rem;font-weight:500}.usage-label{font-size:.875rem;color:#6b7280;margin-top:.25rem}.quota-progress-bar{width:100%;height:8px;background:#f3f4f6;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;transition:width .3s ease-in-out;border-radius:4px}.quota-percent{font-size:.875rem;color:#6b7280;font-weight:500}.quota-details{display:flex;justify-content:space-between;align-items:center}.quota-cost{font-size:.875rem;color:#059669;font-weight:600}.usage-graph-section{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;margin-top:2rem}.graph-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.graph-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#111827}.metric-selector{display:flex;gap:.5rem;background:#f3f4f6;padding:.25rem;border-radius:6px}.metric-selector button{padding:.5rem 1rem;border:none;background:transparent;color:#6b7280;font-size:.875rem;font-weight:500;border-radius:4px;cursor:pointer;transition:all .2s}.metric-selector button:hover{color:#111827}.metric-selector button.active{background:#fff;color:#2563eb;font-weight:600;box-shadow:0 1px 3px #0000001a}.usage-graph{margin-top:1rem}.loading-state,.error-state{padding:3rem;text-align:center;color:#6b7280;background:#f9fafb;border-radius:8px}.error-state p{margin-bottom:1rem;color:#ef4444}@media (max-width: 768px){.quota-cards-grid{grid-template-columns:1fr}.quota-section .section-header{flex-direction:column;align-items:flex-start}.quota-section .billing-period-info{flex-direction:column;align-items:flex-start;gap:.5rem}.graph-header{flex-direction:column;align-items:flex-start}.metric-selector{width:100%;justify-content:space-between}.metric-selector button{flex:1;padding:.5rem;font-size:.75rem}}.billing-page{width:100%;max-width:1600px;margin:0 auto;padding:var(--spacing-xl)}.page-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.billing-section{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.billing-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-primary)}.billing-section .section-header h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.plan-header-actions{display:flex;gap:var(--spacing-sm);align-items:center}.current-plan-section{background:var(--gradient-primary);color:#fff;border:none}.current-plan-section .section-header{border-bottom-color:#fff3}.current-plan-section .section-header h2{color:#fff}.current-plan-card{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);margin-top:var(--spacing-lg)}.plan-info{display:flex;flex-direction:column;gap:var(--spacing-sm)}.plan-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:#fff;width:fit-content}.plan-info h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:#fff;margin:0}.plan-price{font-size:32px;font-weight:var(--font-weight-bold);color:#fff;margin:0}.price-period{font-size:var(--font-size-md);font-weight:400;opacity:.9}.billing-note{font-size:var(--font-size-sm);font-weight:400;opacity:.8}.billing-period,.renewal-date{font-size:var(--font-size-sm);opacity:.9;margin:0}.usage-metrics{background:#ffffff1a;border-radius:var(--radius-md);padding:var(--spacing-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.usage-metrics h4{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:#fff;margin:0 0 var(--spacing-md) 0}.usage-metric{margin-bottom:var(--spacing-md)}.usage-metric:last-child{margin-bottom:0}.metric-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.metric-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:#fff;opacity:.9}.metric-value{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:#fff}.usage-bar{height:6px;background:#fff3;border-radius:var(--radius-sm);overflow:hidden}.usage-fill{height:100%;border-radius:var(--radius-sm);transition:width var(--transition-fast) var(--ease-out)}.usage-fill.low{background:#10b981}.usage-fill.medium{background:#f59e0b}.usage-fill.high{background:#f97316}.usage-fill.critical{background:#ef4444}.billing-cycle-toggle{display:flex;gap:var(--spacing-xs);background:var(--bg-secondary);padding:4px;border-radius:var(--radius-md)}.billing-cycle-toggle button{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast) var(--ease-out);display:flex;align-items:center;gap:var(--spacing-xs)}.billing-cycle-toggle button.active{background:var(--gradient-primary);color:#fff}.savings-badge{padding:2px var(--spacing-xs);background:#10b98133;color:#10b981;border-radius:var(--radius-sm);font-size:10px;font-weight:var(--font-weight-semibold)}.billing-cycle-toggle button.active .savings-badge{background:#fff3;color:#fff}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.plan-card{background:var(--bg-card);border:2px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);display:flex;flex-direction:column;position:relative;transition:all var(--transition-fast) var(--ease-out)}.plan-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.plan-card.popular{border-color:var(--gradient-start);box-shadow:0 4px 12px #6366f133}.plan-card.current{border-color:#10b981;background:#10b9810d}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--gradient-primary);color:#fff;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.current-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:#10b981;color:#fff;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.plan-header h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.plan-description{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0 0 var(--spacing-lg) 0}.plan-pricing{display:flex;align-items:baseline;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg)}.plan-pricing .plan-price{font-size:36px;font-weight:var(--font-weight-bold);color:var(--text-primary)}.plan-pricing .price-period{font-size:var(--font-size-sm);color:var(--text-secondary)}.annual-pricing{font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:calc(var(--spacing-sm) * -1);margin-bottom:var(--spacing-sm)}.plan-features{list-style:none;padding:0;margin:0 0 var(--spacing-lg) 0;flex:1}.plan-features li{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.feature-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:#10b9811a;color:#10b981;border-radius:50%;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);flex-shrink:0}.plan-button{width:100%;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast) var(--ease-out);border:none;min-height:var(--touch-target-min)}.plan-button.primary{background:var(--gradient-primary);color:#fff}.plan-button.primary:hover{opacity:.9;transform:translateY(-1px);box-shadow:var(--shadow-md)}.plan-button.current{background:var(--bg-secondary);color:var(--text-secondary);border:2px solid var(--border-primary);cursor:not-allowed}.payment-methods-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.payment-method-card{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);transition:all var(--transition-fast) var(--ease-out)}.payment-method-card:hover{background:var(--bg-hover)}.payment-info{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.payment-type{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.payment-details{display:flex;gap:var(--spacing-md);font-size:var(--font-size-xs);color:var(--text-secondary)}.expired-badge{padding:2px var(--spacing-xs);background:#ef44441a;color:var(--status-error);border-radius:var(--radius-full);font-size:10px;font-weight:var(--font-weight-semibold)}.payment-actions{display:flex;gap:var(--spacing-sm);align-items:center}.default-badge{padding:var(--spacing-xs) var(--spacing-sm);background:#10b9811a;color:#10b981;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.invoices-grid{margin-top:var(--spacing-md)}.invoice-number{display:flex;flex-direction:column;gap:var(--spacing-xs)}.invoice-number strong{font-size:var(--font-size-sm);color:var(--text-primary)}.invoice-description{font-size:var(--font-size-xs);color:var(--text-secondary)}.status-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:#fff;text-transform:uppercase}.primary-button,.secondary-button,.danger-button,.danger-button-outline{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast) var(--ease-out);border:none;white-space:nowrap;min-height:var(--touch-target-min)}.primary-button{background:var(--gradient-primary);color:#fff}.primary-button:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:var(--shadow-md)}.secondary-button{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-primary)}.secondary-button:hover{background:var(--bg-hover);transform:translateY(-1px)}.danger-button{background:var(--status-error);color:#fff}.danger-button:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 8px #ef444433}.danger-button-outline{background:transparent;color:var(--status-error);border:1px solid var(--status-error)}.danger-button-outline:hover{background:#ef44441a}.action-button:hover:not(:disabled){background:var(--bg-hover);transform:translateY(-1px)}.action-button.danger{border-color:var(--status-error);color:var(--status-error)}.action-button.danger:hover:not(:disabled){background:#ef44441a}.action-button:disabled{opacity:.5;cursor:not-allowed}.cancel-subscription-form{text-align:left}.cancel-subscription-form .form-field{margin-bottom:var(--spacing-md)}.cancel-subscription-form .form-field:last-child{margin-bottom:0}.form-field label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.form-field input[type=checkbox]{margin-right:var(--spacing-xs)}.form-field select,.form-field textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-primary);font-family:inherit;transition:all var(--transition-fast) var(--ease-out)}.form-field select:focus,.form-field textarea:focus{outline:none;border-color:var(--gradient-start);box-shadow:0 0 0 3px #6366f11a}.form-field textarea{resize:vertical;min-height:80px}@media (max-width: 1023px){.billing-page{padding:var(--spacing-lg)}.page-header{flex-direction:column;align-items:stretch}.billing-section{padding:var(--spacing-md)}.current-plan-card{grid-template-columns:1fr;gap:var(--spacing-lg)}.plans-grid{grid-template-columns:1fr}.payment-method-card{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.payment-actions{width:100%;justify-content:space-between}.plan-header-actions{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.billing-section .section-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}}@media (max-width: 767px){.billing-page{padding:var(--spacing-md)}.page-header .header-content h1{font-size:var(--font-size-xl)}.billing-section{padding:var(--spacing-sm)}.plan-price{font-size:28px!important}.plan-pricing .plan-price{font-size:28px}.billing-cycle-toggle{flex-direction:column;width:100%}.billing-cycle-toggle button{width:100%;justify-content:center}.payment-actions{flex-direction:column}.payment-actions button,.payment-actions .default-badge{width:100%;text-align:center}.action-button{width:100%}}.primary-button:focus-visible,.secondary-button:focus-visible,.danger-button:focus-visible,.danger-button-outline:focus-visible,.action-button:focus-visible,.billing-cycle-toggle button:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}@media (prefers-reduced-motion: reduce){.primary-button,.secondary-button,.danger-button,.danger-button-outline,.action-button,.plan-card,.payment-method-card,.usage-fill,.billing-cycle-toggle button{transition:none}.primary-button:hover,.secondary-button:hover,.danger-button:hover,.danger-button-outline:hover,.action-button:hover,.plan-card:hover{transform:none}}.settings-page{width:100%;min-height:100vh;background:var(--bg-primary)}.settings-header{background:var(--bg-card);border-bottom:2px solid var(--border-primary);padding:var(--spacing-xl) var(--spacing-xl) 0 var(--spacing-xl);position:sticky;top:0;z-index:100}.settings-header h1{margin:0 0 var(--spacing-lg) 0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary)}.tab-navigation{display:flex;gap:var(--spacing-xs);overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-navigation::-webkit-scrollbar{display:none}.tab-navigation{-ms-overflow-style:none;scrollbar-width:none}.tab-button{padding:var(--spacing-sm) var(--spacing-lg);border:none;background:transparent;color:var(--text-secondary);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast) var(--ease-out);border-bottom:3px solid transparent;position:relative;white-space:nowrap;min-height:48px}.tab-button:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.tab-button.active{color:var(--gradient-start);font-weight:var(--font-weight-semibold);border-bottom-color:var(--gradient-start)}.tab-button:disabled{opacity:.4;cursor:not-allowed}.settings-content{padding:var(--spacing-lg);max-width:1600px;margin:0 auto}.tab-loading{display:flex;align-items:center;justify-content:center;min-height:300px;padding:var(--spacing-xl)}.coming-soon{max-width:1600px;margin:0 auto;padding:var(--spacing-xl);text-align:center}.coming-soon h2{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary)}.coming-soon p{margin:0;font-size:var(--font-size-md);color:var(--text-muted)}@media (max-width: 1023px){.settings-header{padding:var(--spacing-lg) var(--spacing-lg) 0 var(--spacing-lg)}.settings-header h1{font-size:var(--font-size-xl);margin-bottom:var(--spacing-md)}.tab-button{font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md)}}@media (max-width: 767px){.settings-header{padding:var(--spacing-md) var(--spacing-md) 0 var(--spacing-md)}.settings-header h1{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm)}.tab-navigation{gap:0}.tab-button{flex:1;padding:var(--spacing-sm);font-size:var(--font-size-xs);min-width:80px}.coming-soon{padding:var(--spacing-md)}.coming-soon h2{font-size:var(--font-size-lg)}.coming-soon p{font-size:var(--font-size-sm)}}.tab-button:focus-visible{outline:2px solid var(--border-focus);outline-offset:-2px}@media (prefers-reduced-motion: reduce){.tab-button{transition:none}}.chat-session-card{position:relative;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--spacing-lg);cursor:pointer;overflow:hidden;transition:all var(--transition-base) var(--ease-out);-webkit-user-select:none;user-select:none}.chat-session-card:hover{border-color:#667eea4d;box-shadow:var(--shadow-hover),0 0 20px #667eea26;transform:translateY(-2px)}.chat-session-card:active{transform:translateY(0) scale(.99)}.chat-session-card:focus-visible{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #667eea4d,var(--shadow-hover)}.chat-session-card.pinned{border-color:#667eea66;background:linear-gradient(135deg,rgba(102,126,234,.08) 0%,var(--glass-bg) 100%)}.chat-session-card.pinned:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.chat-session-card.selected{border-color:var(--primary);box-shadow:0 0 0 2px #667eea4d}.chat-session-card.archived{opacity:.7}.chat-session-card.archived .card-title{text-decoration:line-through;text-decoration-color:var(--text-muted)}.card-content{position:relative;z-index:1}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-sm);gap:var(--spacing-sm)}.card-title-row{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;min-width:0}.provider-icon{font-size:20px;flex-shrink:0}.card-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.archived-badge{flex-shrink:0;font-size:var(--font-size-xs);color:var(--text-muted);background:var(--bg-secondary);padding:2px 8px;border-radius:var(--radius-full)}.card-actions{display:flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0}.pin-indicator{color:var(--primary);font-size:14px}.more-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast) var(--ease-out)}.more-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.card-stats{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);flex-wrap:wrap}.stat-item{display:inline-flex;align-items:center;gap:4px;font-size:var(--font-size-xs);color:var(--text-muted)}.stat-icon{font-size:12px}.stat-value{font-weight:var(--font-weight-medium);color:var(--text-secondary)}.stat-item.cost .stat-value{color:var(--status-success)}.stat-divider{color:var(--text-muted);opacity:.5}.activity-sparkline{width:60px;height:20px;margin-left:auto}.token-usage-bar{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.token-usage-track{flex:1;height:4px;background:var(--bg-secondary);border-radius:var(--radius-full);overflow:hidden}.token-usage-fill{height:100%;border-radius:var(--radius-full);transform-origin:left}.token-usage-fill.usage-safe{background:linear-gradient(90deg,var(--quota-safe) 0%,#22c55e 100%)}.token-usage-fill.usage-warning{background:linear-gradient(90deg,var(--quota-warning) 0%,#eab308 100%)}.token-usage-fill.usage-danger{background:linear-gradient(90deg,var(--quota-danger) 0%,#dc2626 100%)}.token-usage-label{flex-shrink:0;font-size:var(--font-size-xs);color:var(--text-muted);min-width:70px;text-align:right}.card-preview{font-size:var(--font-size-sm);color:var(--text-muted);margin:0 0 var(--spacing-sm) 0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-footer{display:flex;align-items:center;justify-content:space-between}.card-timestamp{font-size:var(--font-size-xs);color:var(--text-muted)}.card-glass-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff0d,#fff0,#ffffff05);pointer-events:none;z-index:0;border-radius:inherit}.swipe-actions{position:absolute;top:0;right:0;bottom:0;display:flex;align-items:center;gap:var(--spacing-xs);padding-right:var(--spacing-sm);z-index:0}.swipe-action{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;border-radius:var(--radius-lg);font-size:18px;cursor:pointer;transition:all var(--transition-fast) var(--ease-out)}.swipe-action.archive{background:var(--status-warning);color:#fff}.swipe-action.delete{background:var(--status-error);color:#fff}.swipe-action:hover{transform:scale(1.1)}@media (min-width: 768px){.swipe-actions{display:none}.chat-session-card{touch-action:none}}@media (max-width: 767px){.chat-session-card{padding:var(--spacing-md)}.provider-icon{font-size:18px}.card-title{font-size:var(--font-size-sm)}.card-stats{gap:var(--spacing-xs)}.activity-sparkline{display:none}.token-usage-label{font-size:10px;min-width:60px}}[data-theme=dark] .chat-session-card{background:#1e1e1eb3}[data-theme=dark] .chat-session-card:hover{background:#1e1e1ed9}[data-theme=dark] .card-glass-overlay{background:linear-gradient(135deg,#ffffff08,#fff0,#ffffff03)}[data-theme=light] .chat-session-card{background:#fffc;border-color:#00000014}[data-theme=light] .chat-session-card:hover{background:#fffffff2;border-color:#667eea4d}[data-theme=light] .card-glass-overlay{background:linear-gradient(135deg,#fff6,#fff0)}.chat-session-card.loading{pointer-events:none}.chat-session-card.loading .card-content{visibility:hidden}.chat-session-card.loading:after{content:"";position:absolute;top:var(--spacing-lg);left:var(--spacing-lg);right:var(--spacing-lg);bottom:var(--spacing-lg);background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-card) 50%,var(--bg-secondary) 75%);background-size:200% 100%;border-radius:var(--radius-md);animation:shimmer 1.5s infinite}@media (prefers-contrast: high){.chat-session-card{border-width:2px}.token-usage-track{border:1px solid var(--border-color)}}@media (prefers-reduced-motion: reduce){.chat-session-card,.token-usage-fill,.activity-sparkline *{transition:none!important;animation:none!important}}.chat-list-container{max-width:1400px;margin:0 auto;padding:var(--spacing-lg);min-height:calc(100vh - 80px)}@media (max-width: 767px){.chat-list-container{padding:var(--spacing-md)}}.chat-list-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-xl);gap:var(--spacing-md)}@media (max-width: 767px){.chat-list-header{flex-direction:column;gap:var(--spacing-md)}}.chat-list-header-content{flex:1}.chat-list-title{font-size:var(--heading-1);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-xs) 0;display:flex;align-items:center;gap:var(--spacing-sm)}.chat-list-title:before{content:"";display:inline-block;width:4px;height:28px;background:var(--gradient-primary);border-radius:var(--radius-full)}.chat-list-subtitle{font-size:var(--font-size-sm);color:var(--text-muted);margin:0}.chat-list-header-actions{display:flex;gap:var(--spacing-sm);align-items:center}@media (max-width: 767px){.chat-list-header-actions{width:100%}.chat-list-header-actions .ant-btn{flex:1}}.new-session-btn{background:var(--gradient-primary)!important;border:none!important;box-shadow:var(--shadow-md),var(--shadow-glow)!important;transition:all var(--transition-base) var(--ease-out)!important}.new-session-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 30px #667eea66!important}.new-session-btn:active{transform:translateY(0)}.quick-access-section{margin-bottom:var(--spacing-lg)}.quick-access-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.quick-access-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.quick-access-scroll{display:flex;gap:var(--spacing-sm);overflow-x:auto;padding:var(--spacing-xs) 0 var(--spacing-sm) 0;scrollbar-width:none;-ms-overflow-style:none}.quick-access-scroll::-webkit-scrollbar{display:none}.quick-access-item{flex-shrink:0;display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast) var(--ease-out);max-width:200px}.quick-access-item:hover{background:var(--glass-bg-strong);border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.quick-access-item.pinned{border-color:#667eea66;background:linear-gradient(135deg,#667eea1a,#764ba21a)}.quick-access-item-icon{font-size:16px}.quick-access-item-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quick-access-pin-icon{font-size:12px;color:var(--primary)}.chat-list-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}@media (max-width: 1023px){.chat-list-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 479px){.chat-list-stats{grid-template-columns:1fr}}.chat-list-filters{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--spacing-md);margin-bottom:var(--spacing-lg)}.chat-list-filters-row{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);align-items:center}.chat-list-search{flex:1;min-width:200px}.chat-list-search .ant-input-affix-wrapper{background:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-lg)!important}.chat-list-search .ant-input-affix-wrapper:hover,.chat-list-search .ant-input-affix-wrapper:focus-within{border-color:var(--primary)!important;box-shadow:0 0 0 2px #667eea1a!important}.chat-list-filter-select{min-width:150px}@media (max-width: 767px){.chat-list-filters-row{flex-direction:row;flex-wrap:wrap}.chat-list-search{flex:1;min-width:0}.desktop-filters{display:none!important}.mobile-filter-btn{display:flex!important}}.filter-chips{display:flex;gap:var(--spacing-xs);margin-top:var(--spacing-sm);flex-wrap:wrap}.filter-chip{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast) var(--ease-out)}.filter-chip:hover{border-color:var(--primary);color:var(--primary)}.filter-chip.active{background:var(--gradient-primary);border-color:transparent;color:#fff}.chat-list-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}@media (max-width: 1279px){.chat-list-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 767px){.chat-list-grid{grid-template-columns:1fr}}.session-group{grid-column:1 / -1;margin-top:var(--spacing-md);margin-bottom:var(--spacing-xs)}.session-group:first-child{margin-top:0}.session-group-header{display:flex;align-items:center;gap:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-color)}.session-group-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.session-group-count{font-size:var(--font-size-xs);color:var(--text-muted);background:var(--bg-secondary);padding:2px 8px;border-radius:var(--radius-full)}.chat-list-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);text-align:center}.chat-list-loading-text{margin-top:var(--spacing-md);color:var(--text-muted);font-size:var(--font-size-sm)}.chat-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl) var(--spacing-lg);text-align:center;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl)}.chat-list-empty-icon{font-size:64px;margin-bottom:var(--spacing-md);opacity:.5}.chat-list-empty-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.chat-list-empty-description{font-size:var(--font-size-sm);color:var(--text-muted);margin:0 0 var(--spacing-lg) 0;max-width:400px}.shortcuts-modal .ant-modal-content{background:var(--glass-bg-strong);backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong)}.shortcuts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}@media (max-width: 479px){.shortcuts-grid{grid-template-columns:1fr}}.shortcut-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--radius-md)}.shortcut-label{font-size:var(--font-size-sm);color:var(--text-secondary)}.shortcut-key{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 var(--spacing-sm);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);font-family:SF Mono,Monaco,Courier New,monospace;color:var(--text-primary);box-shadow:0 2px 0 var(--border-color)}.filter-drawer .ant-drawer-content{background:var(--glass-bg-strong);backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.filter-drawer .ant-drawer-header{border-bottom:1px solid var(--glass-border)}.filter-drawer-handle{width:40px;height:4px;background:var(--text-muted);border-radius:var(--radius-full);margin:0 auto var(--spacing-md) auto;opacity:.3}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-shimmer{background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-card) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.shortcuts-hint-btn{position:fixed;bottom:var(--spacing-lg);right:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-full);color:var(--text-muted);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-fast) var(--ease-out);z-index:var(--z-fixed)}.shortcuts-hint-btn:hover{background:var(--glass-bg-strong);color:var(--text-primary);border-color:var(--primary);box-shadow:var(--shadow-glow)}.shortcuts-hint-btn kbd{padding:2px 6px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:10px;font-family:monospace}@media (max-width: 767px){.shortcuts-hint-btn{display:none}}.chat-list-container *:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media (prefers-contrast: high){.chat-list-filters,.quick-access-item,.chat-list-empty{border-width:2px}}@media (prefers-reduced-motion: reduce){.chat-list-container *,.chat-list-container *:before,.chat-list-container *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.chatv2-layout{height:100vh;width:100vw;overflow:hidden;display:flex;flex-direction:column;background:var(--bg-primary);position:fixed;top:0;left:0;right:0;bottom:0;transition:background-color .3s ease}:root{--chatv2-header-height: 60px;--chatv2-input-height: 80px;--chatv2-sidebar-width: 260px}@media (max-width: 768px){:root{--chatv2-sidebar-width: 280px}}.chat-visualization{background:var(--chatv2-bg-bubble-assistant, var(--bg-secondary, #f8f9fa));border:1px solid var(--border-primary, #e0e0e0);border-radius:12px;padding:16px;margin:12px 0;width:100%;max-width:600px;position:relative;overflow:hidden}[data-theme=dark] .chat-visualization{background:var(--chatv2-bg-bubble-assistant, #1e1e2e);border-color:var(--border-primary, #3a3a4a)}.chat-viz-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;min-height:28px}.chat-viz-title{font-size:14px;font-weight:600;color:var(--text-primary, #1a1a2e);margin:0;flex:1}[data-theme=dark] .chat-viz-title{color:var(--text-primary, #e0e0e0)}.chat-viz-export-controls{display:flex;gap:8px;opacity:0;transition:opacity .2s ease}.chat-viz-export-controls.visible{opacity:1}.chat-viz-export-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:var(--bg-tertiary, #f0f0f0);border:1px solid var(--border-secondary, #d0d0d0);border-radius:6px;color:var(--text-secondary, #666);cursor:pointer;transition:all .2s ease}.chat-viz-export-btn:hover{background:var(--accent-color, #6366f1);border-color:var(--accent-color, #6366f1);color:#fff}[data-theme=dark] .chat-viz-export-btn{background:var(--bg-tertiary, #2a2a3a);border-color:var(--border-secondary, #4a4a5a);color:var(--text-secondary, #aaa)}.chat-viz-content{width:100%;min-height:200px}.chat-viz-error{display:flex;align-items:center;justify-content:center;min-height:100px;color:var(--error-color, #ef4444);font-size:14px}.chat-visualization .recharts-cartesian-grid line{stroke:var(--border-primary, #e0e0e0)}[data-theme=dark] .chat-visualization .recharts-cartesian-grid line{stroke:var(--border-primary, #3a3a4a)}.chat-visualization .recharts-text{fill:var(--text-secondary, #666);font-size:11px}[data-theme=dark] .chat-visualization .recharts-text{fill:var(--text-secondary, #aaa)}.chat-viz-tooltip{background:var(--bg-primary, white);border:1px solid var(--border-primary, #e0e0e0);border-radius:8px;padding:10px 14px;box-shadow:0 4px 12px #00000026;font-size:12px;max-width:200px}[data-theme=dark] .chat-viz-tooltip{background:var(--bg-primary, #1a1a2e);border-color:var(--border-primary, #3a3a4a);box-shadow:0 4px 12px #0006}.chat-viz-tooltip-label{font-weight:600;color:var(--text-primary, #1a1a2e);margin-bottom:6px}[data-theme=dark] .chat-viz-tooltip-label{color:var(--text-primary, #e0e0e0)}.chat-viz-tooltip-value{color:var(--text-secondary, #666)}[data-theme=dark] .chat-viz-tooltip-value{color:var(--text-secondary, #aaa)}.chat-viz-legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px;padding-top:8px;border-top:1px solid var(--border-primary, #e0e0e0)}[data-theme=dark] .chat-viz-legend{border-color:var(--border-primary, #3a3a4a)}.chat-viz-legend-item{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-secondary, #666);cursor:pointer;transition:opacity .2s ease}.chat-viz-legend-item:hover{opacity:.7}.chat-viz-legend-item.inactive{opacity:.4}[data-theme=dark] .chat-viz-legend-item{color:var(--text-secondary, #aaa)}.chat-viz-legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.chat-metric-card{text-align:center;padding:20px}.chat-metric-value{font-size:36px;font-weight:700;color:var(--text-primary, #1a1a2e);line-height:1.2}[data-theme=dark] .chat-metric-value{color:var(--text-primary, #e0e0e0)}.chat-metric-unit{font-size:20px;font-weight:500;margin-right:4px}.chat-metric-change{display:inline-flex;align-items:center;gap:4px;margin-top:8px;padding:4px 10px;border-radius:16px;font-size:13px;font-weight:500}.chat-metric-change.positive{background:#22c55e1a;color:#22c55e}.chat-metric-change.negative{background:#ef44441a;color:#ef4444}.chat-metric-change.neutral{background:#9ca3af1a;color:#9ca3af}.chat-data-table{width:100%;border-collapse:collapse;font-size:13px}.chat-data-table th,.chat-data-table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border-primary, #e0e0e0)}[data-theme=dark] .chat-data-table th,[data-theme=dark] .chat-data-table td{border-color:var(--border-primary, #3a3a4a)}.chat-data-table th{font-weight:600;color:var(--text-primary, #1a1a2e);background:var(--bg-tertiary, #f5f5f5);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.chat-data-table th:hover{background:var(--bg-hover, #e8e8e8)}[data-theme=dark] .chat-data-table th{color:var(--text-primary, #e0e0e0);background:var(--bg-tertiary, #2a2a3a)}[data-theme=dark] .chat-data-table th:hover{background:var(--bg-hover, #3a3a4a)}.chat-data-table td{color:var(--text-secondary, #666)}[data-theme=dark] .chat-data-table td{color:var(--text-secondary, #aaa)}.chat-data-table tbody tr:hover{background:var(--bg-hover, #f0f0f0)}[data-theme=dark] .chat-data-table tbody tr:hover{background:var(--bg-hover, #2a2a3a)}.chat-data-table-sort-icon{margin-left:4px;font-size:10px;opacity:.6}.chat-data-table-pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;font-size:12px;color:var(--text-secondary, #666)}[data-theme=dark] .chat-data-table-pagination{color:var(--text-secondary, #aaa)}.chat-data-table-pagination button{padding:4px 8px;background:var(--bg-tertiary, #f0f0f0);border:1px solid var(--border-primary, #e0e0e0);border-radius:4px;cursor:pointer;font-size:12px;color:var(--text-secondary, #666)}.chat-data-table-pagination button:disabled{opacity:.5;cursor:not-allowed}.chat-data-table-pagination button:not(:disabled):hover{background:var(--bg-hover, #e0e0e0)}[data-theme=dark] .chat-data-table-pagination button{background:var(--bg-tertiary, #2a2a3a);border-color:var(--border-primary, #3a3a4a);color:var(--text-secondary, #aaa)}@media (max-width: 480px){.chat-visualization{padding:12px;border-radius:8px}.chat-viz-title{font-size:13px}.chat-viz-content{min-height:180px}.chat-metric-value{font-size:28px}.chat-metric-unit{font-size:16px}.chat-data-table th,.chat-data-table td{padding:8px;font-size:12px}.chat-viz-legend{gap:8px}.chat-viz-legend-item{font-size:10px}}.reasoning-accordion{margin:8px 0 16px;border:1px solid #e8e8e8;border-radius:8px;background:#fafafa;overflow:hidden;transition:all .3s ease}.reasoning-accordion.streaming{border-color:var(--accent-primary, #1890ff);box-shadow:0 0 0 2px #1890ff1a}.reasoning-accordion-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;cursor:pointer;background:#f5f5f5;border-bottom:1px solid #e8e8e8;transition:background-color .2s;-webkit-user-select:none;user-select:none;color:#000000d9}.reasoning-accordion-header:hover{background:#e8e8e8}.reasoning-accordion-header:focus{outline:2px solid var(--accent-primary, #1890ff);outline-offset:-2px}.reasoning-header-left{display:flex;align-items:center;gap:8px}.reasoning-header-icon{font-size:16px;color:#1890ff}.reasoning-header-title{font-weight:500;color:#000000d9;display:flex;align-items:center;gap:8px}.reasoning-header-left .anticon{color:#000000a6}.reasoning-header-left .anticon-tool{color:#1890ff}.streaming-spinner{margin-left:8px}.reasoning-header-stats{display:flex;gap:6px;flex-wrap:wrap}.reasoning-accordion-content{padding:16px;max-height:500px;overflow-y:auto}.reasoning-iteration{padding:8px 0}.iteration-label{display:block;margin-bottom:8px;color:#000000d9;font-size:14px}.steps-collapse{margin-top:8px}.steps-collapse .ant-collapse-header{padding:8px 12px!important}.steps-collapse .ant-collapse-content-box{padding:12px!important}.step-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.step-type{font-weight:500;color:#000000d9}.step-duration{color:#00000073;font-size:12px;margin-left:auto}.reasoning-step-details{padding:8px 0}.step-section{margin-bottom:12px}.step-section:last-child{margin-bottom:0}.section-label{display:block;margin-bottom:4px;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:#00000073}.reasoning-text{margin:0!important;padding:8px 12px;background:#f5f5f5;border-radius:4px;font-style:italic;white-space:pre-wrap;word-break:break-word;color:#000000d9}.json-display{margin:0;padding:12px;background:#f5f5f5;border-radius:4px;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:12px;overflow-x:auto;max-height:200px;overflow-y:auto;color:#000000d9;white-space:pre-wrap;word-break:break-all}.step-section.step-error{background:#ff4d4f1a;padding:8px 12px;border-radius:4px;border-left:3px solid #ff4d4f}.step-metadata{display:flex;gap:8px;margin-top:8px;padding-top:8px;border-top:1px dashed var(--border-primary, #e8e8e8);flex-wrap:wrap}[dir=rtl] .reasoning-accordion-header,.reasoning-accordion.rtl .reasoning-accordion-header,[dir=rtl] .reasoning-header-left,.reasoning-accordion.rtl .reasoning-header-left,[dir=rtl] .step-header,.reasoning-accordion.rtl .step-header{flex-direction:row-reverse}[dir=rtl] .step-duration,.reasoning-accordion.rtl .step-duration{margin-left:0;margin-right:auto}[dir=rtl] .reasoning-header-stats,.reasoning-accordion.rtl .reasoning-header-stats{flex-direction:row-reverse}@media (max-width: 768px){.reasoning-header-stats{display:none}.reasoning-accordion-content{padding:12px;max-height:400px}.json-display{font-size:11px;max-height:150px}.reasoning-accordion-header{padding:10px 12px}}[data-theme=dark] .reasoning-accordion{background:var(--bg-secondary, #1f1f1f);border-color:var(--border-primary, #424242)}[data-theme=dark] .reasoning-accordion-header{background:var(--bg-tertiary, #2a2a2a);border-color:var(--border-primary, #424242)}[data-theme=dark] .reasoning-accordion-header:hover{background:var(--bg-hover, #333333)}[data-theme=dark] .json-display,[data-theme=dark] .reasoning-text{background:#1a1a1a;color:#e0e0e0}[data-theme=dark] .step-section.step-error{background:#ff4d4f26}[data-theme=dark] .reasoning-accordion .ant-collapse{background:transparent}[data-theme=dark] .reasoning-accordion .ant-collapse-header,[data-theme=dark] .reasoning-accordion .ant-timeline-item-content{color:var(--text-primary, #e0e0e0)}.reasoning-accordion .ant-timeline{padding-left:8px}.reasoning-accordion .ant-timeline-item-tail{border-left:2px solid var(--border-primary, #e8e8e8)}.reasoning-accordion .ant-timeline-item-head{border-width:3px}.reasoning-accordion-content::-webkit-scrollbar{width:8px}.reasoning-accordion-content::-webkit-scrollbar-track{background:var(--bg-tertiary, #f5f5f5);border-radius:4px}.reasoning-accordion-content::-webkit-scrollbar-thumb{background:var(--text-muted, #bfbfbf);border-radius:4px}.reasoning-accordion-content::-webkit-scrollbar-thumb:hover{background:var(--text-secondary, #8c8c8c)}.json-display::-webkit-scrollbar{width:6px;height:6px}.json-display::-webkit-scrollbar-track{background:transparent}.json-display::-webkit-scrollbar-thumb{background:var(--text-muted, #bfbfbf);border-radius:3px}.collapsed-reasoning{margin-top:16px;border-radius:10px;background:#00000008;overflow:hidden;transition:all .2s ease}.collapsed-reasoning.expanded{background:#0000000a}.collapsed-reasoning-toggle{width:100%;display:flex;align-items:center;gap:8px;padding:10px 14px;background:transparent;border:none;cursor:pointer;font-size:13px;color:#0009;transition:all .15s ease;text-align:left}.collapsed-reasoning-toggle:hover{background:#0000000a;color:#000c}.collapsed-reasoning-icon{font-size:10px;color:#0006;transition:transform .2s ease}.collapsed-reasoning.expanded .collapsed-reasoning-icon{transform:rotate(0)}.collapsed-reasoning-bolt{font-size:13px;color:#8b5cf6}.collapsed-reasoning-label{font-weight:500;color:inherit}.collapsed-reasoning-badge{display:inline-flex;align-items:center;padding:2px 8px;font-size:11px;font-weight:500;color:#8b5cf6;background:#8b5cf61a;border-radius:10px;margin-left:4px}.collapsed-reasoning-duration{margin-left:auto;font-size:12px;color:#0006;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace}.collapsed-reasoning-content{padding:0 14px 14px;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.collapsed-reasoning-content .reasoning-accordion{margin:0;border:none;background:transparent;box-shadow:none}.collapsed-reasoning-content .reasoning-accordion-header{display:none}.collapsed-reasoning-content .reasoning-accordion-content{padding:0;max-height:none}[data-theme=dark] .collapsed-reasoning{background:#ffffff0a}[data-theme=dark] .collapsed-reasoning.expanded{background:#ffffff0f}[data-theme=dark] .collapsed-reasoning-toggle{color:#fff9}[data-theme=dark] .collapsed-reasoning-toggle:hover{background:#ffffff0f;color:#ffffffd9}[data-theme=dark] .collapsed-reasoning-icon{color:#fff6}[data-theme=dark] .collapsed-reasoning-bolt{color:#a78bfa}[data-theme=dark] .collapsed-reasoning-badge{color:#a78bfa;background:#a78bfa26}[data-theme=dark] .collapsed-reasoning-duration{color:#fff6}@media (max-width: 768px){.collapsed-reasoning-toggle{padding:12px 14px}.collapsed-reasoning-duration{display:none}}@media (max-width: 428px){.collapsed-reasoning-badge{display:none}}.message-actions{display:flex;align-items:center;gap:2px;margin-top:12px;padding-top:8px;opacity:0;transition:opacity .2s ease}.chatv2-message:hover .message-actions,.chatv2-message:focus-within .message-actions{opacity:1}.message-actions:has(.active){opacity:1}.message-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:6px;color:var(--text-muted, #a0aec0);font-size:14px;cursor:pointer;transition:all .15s ease}.message-action-btn:hover:not(:disabled){background:var(--bg-hover, rgba(0, 0, 0, .06));color:var(--text-primary, #1a202c)}.message-action-btn:active:not(:disabled){transform:scale(.95)}.message-action-btn:disabled{opacity:.4;cursor:not-allowed}.message-action-btn.success{color:#10b981}.message-action-btn.active.positive{color:#10b981;background:#10b9811a}.message-action-btn.active.negative{color:#ef4444;background:#ef44441a}[data-theme=dark] .message-action-btn{color:var(--text-muted, #718096)}[data-theme=dark] .message-action-btn:hover:not(:disabled){background:var(--bg-hover, rgba(255, 255, 255, .08));color:var(--text-primary, #f7fafc)}[data-theme=dark] .message-action-btn.success{color:#34d399}[data-theme=dark] .message-action-btn.active.positive{color:#34d399;background:#34d39926}[data-theme=dark] .message-action-btn.active.negative{color:#f87171;background:#f8717126}@media (max-width: 768px){.message-actions{opacity:.7}.message-action-btn{width:36px;height:36px;font-size:16px}}@media (max-width: 428px){.message-action-btn{width:40px;height:40px}}.agent-tool-list{margin-bottom:16px;border-radius:8px}.agent-tool-list .ant-card-head{padding:12px 16px;min-height:auto}.agent-tool-list .ant-card-body{padding:8px 16px 16px}.tool-list-category{display:flex;flex-direction:column;gap:12px}.tool-item{padding:10px 12px;background:#fafafa;border-radius:6px;border-left:3px solid #1890ff;transition:all .2s ease}.tool-item:hover{background:#f0f0f0;border-left-color:#096dd9;box-shadow:0 2px 6px #00000014;transform:translateY(-1px)}.agent-tool-list .ant-collapse-ghost>.ant-collapse-item{border-bottom:1px solid #f0f0f0}.agent-tool-list .ant-collapse-ghost>.ant-collapse-item>.ant-collapse-content>.ant-collapse-content-box{padding:12px 0}.agent-tool-list .ant-collapse-ghost>.ant-collapse-item>.ant-collapse-header{padding:8px 0;font-weight:500}.agent-tool-list .ant-collapse-header-text{flex:1}@media (max-width: 768px){.tool-item{padding:8px 10px}.agent-tool-list .ant-card-body{padding:4px 12px 12px}}.chat-assignment-modal{--assignment-avatar-bg: linear-gradient(135deg, var(--gradient-start, #6366f1), var(--gradient-end, #8b5cf6));--assignment-avatar-sm-bg: linear-gradient(135deg, #3b82f6, #06b6d4);--assignment-card-border: rgba(99, 102, 241, .15);--assignment-hover-glow: rgba(99, 102, 241, .1)}.assignment-modal-content{display:flex;flex-direction:column;gap:var(--spacing-lg, 24px);min-height:320px;max-height:70vh;overflow-y:auto}.assignment-session-info{display:flex;align-items:center;gap:var(--spacing-md, 16px);padding:var(--spacing-md, 16px);background:linear-gradient(135deg,#6366f114,#8b5cf60a);border-radius:var(--radius-lg, 12px);border:1px solid var(--assignment-card-border)}.assignment-session-icon{font-size:24px;color:var(--gradient-start, #6366f1);opacity:.8}.assignment-session-text{display:flex;flex-direction:column;gap:2px}.assignment-session-label{font-size:var(--font-size-xs, 11px);color:var(--text-muted, #9ca3af);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.assignment-session-name{font-size:var(--font-size-md, 15px);font-weight:var(--font-weight-semibold, 600);color:var(--text-primary, #f9fafb);line-height:1.3}.assignment-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md, 16px);padding:var(--spacing-xl, 32px);color:var(--text-muted, #9ca3af);min-height:200px}.assignment-loading p{margin:0;font-size:var(--font-size-sm, 13px)}.assignment-section{display:flex;flex-direction:column;gap:var(--spacing-md, 16px)}.assignment-section-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--spacing-sm, 8px);border-bottom:1px solid var(--border-primary, rgba(255, 255, 255, .08))}.assignment-section-header h3{margin:0;font-size:var(--font-size-md, 15px);font-weight:var(--font-weight-semibold, 600);color:var(--text-primary, #f9fafb);display:flex;align-items:center;gap:var(--spacing-sm, 8px)}.assignment-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;background:var(--assignment-avatar-bg);border-radius:var(--radius-full, 9999px);font-size:var(--font-size-xs, 11px);font-weight:600;color:#fff}.assignment-add-btn{display:flex;align-items:center;gap:var(--spacing-xs, 6px);padding:var(--spacing-xs, 6px) var(--spacing-md, 16px);background:var(--assignment-avatar-bg);border:none;border-radius:var(--radius-md, 8px);color:#fff;font-size:var(--font-size-sm, 13px);font-weight:var(--font-weight-medium, 500);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #6366f140}.assignment-add-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f159}.assignment-add-btn:active{transform:translateY(0)}.assignment-empty,.assignment-no-users{padding:var(--spacing-lg, 24px);text-align:center}.assignment-empty-text{color:var(--text-muted, #9ca3af);font-size:var(--font-size-sm, 13px)}.assignment-list,.assignment-available-list{display:flex;flex-direction:column;gap:var(--spacing-sm, 8px);max-height:280px;overflow-y:auto;padding-right:var(--spacing-xs, 4px)}.assignment-list::-webkit-scrollbar,.assignment-available-list::-webkit-scrollbar{width:5px}.assignment-list::-webkit-scrollbar-track,.assignment-available-list::-webkit-scrollbar-track{background:transparent}.assignment-list::-webkit-scrollbar-thumb,.assignment-available-list::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:var(--radius-full, 9999px)}.assignment-list::-webkit-scrollbar-thumb:hover,.assignment-available-list::-webkit-scrollbar-thumb:hover{background:#6366f180}.assignment-item,.assignment-available-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md, 16px);background:var(--bg-card, rgba(255, 255, 255, .02));border:1px solid var(--border-primary, rgba(255, 255, 255, .08));border-radius:var(--radius-lg, 12px);transition:all .2s cubic-bezier(.4,0,.2,1);animation:slideIn .3s ease-out forwards;opacity:0}@keyframes slideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.assignment-item:hover,.assignment-available-item:hover{border-color:var(--assignment-card-border);background:var(--assignment-hover-glow);box-shadow:0 4px 16px #0000001a}.assignment-user-info{display:flex;align-items:center;gap:var(--spacing-md, 16px);flex:1;min-width:0}.assignment-avatar{background:var(--assignment-avatar-bg)!important;color:#fff!important;font-weight:600!important;font-size:15px!important;flex-shrink:0;box-shadow:0 2px 8px #6366f14d}.assignment-avatar-sm{background:var(--assignment-avatar-sm-bg)!important;color:#fff!important;font-weight:600!important;font-size:13px!important;flex-shrink:0;box-shadow:0 2px 6px #3b82f640}.assignment-user-details{display:flex;flex-direction:column;gap:3px;min-width:0}.assignment-user-name{font-size:var(--font-size-sm, 14px);font-weight:var(--font-weight-semibold, 600);color:var(--text-primary, #f9fafb);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.assignment-user-email{font-size:var(--font-size-xs, 12px);color:var(--text-muted, #9ca3af);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.assignment-notes-display{font-size:var(--font-size-xs, 11px);color:var(--text-secondary, #6b7280);font-style:italic;margin-top:2px;padding:4px 8px;background:#6366f114;border-radius:var(--radius-sm, 4px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.assignment-meta{display:flex;align-items:center;gap:var(--spacing-md, 16px);flex-shrink:0}.assignment-date{font-size:var(--font-size-xs, 11px);color:var(--text-muted, #9ca3af);white-space:nowrap}.assignment-remove-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:transparent;border:1px solid var(--border-primary, rgba(255, 255, 255, .08));border-radius:var(--radius-md, 8px);color:var(--text-muted, #9ca3af);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.assignment-remove-btn:hover:not(:disabled){background:#ef44441a;border-color:#ef444466;color:#ef4444;transform:scale(1.05)}.assignment-remove-btn:disabled{opacity:.5;cursor:not-allowed}.assignment-assign-btn{display:flex;align-items:center;gap:var(--spacing-xs, 6px);padding:var(--spacing-xs, 6px) var(--spacing-sm, 12px);background:transparent;border:1px solid var(--gradient-start, #6366f1);border-radius:var(--radius-md, 8px);color:var(--gradient-start, #6366f1);font-size:var(--font-size-xs, 12px);font-weight:var(--font-weight-medium, 500);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.assignment-assign-btn:hover:not(:disabled){background:var(--assignment-avatar-bg);border-color:transparent;color:#fff;transform:scale(1.02);box-shadow:0 2px 8px #6366f140}.assignment-assign-btn:disabled{opacity:.5;cursor:not-allowed}.assignment-add-section{display:flex;flex-direction:column;gap:var(--spacing-md, 16px);padding-top:var(--spacing-md, 16px);border-top:1px solid var(--border-primary, rgba(255, 255, 255, .08));animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.assignment-add-header{display:flex;align-items:center;justify-content:space-between}.assignment-add-header h3{margin:0;font-size:var(--font-size-sm, 14px);font-weight:var(--font-weight-semibold, 600);color:var(--text-primary, #f9fafb)}.assignment-close-add-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;color:var(--text-muted, #9ca3af);cursor:pointer;transition:all .15s ease;border-radius:var(--radius-sm, 4px)}.assignment-close-add-btn:hover{color:var(--text-primary, #f9fafb);background:#ffffff0d}.assignment-search{margin-bottom:var(--spacing-xs, 4px)}.assignment-search-input{border-radius:var(--radius-md, 8px)!important;background:var(--bg-tertiary, rgba(255, 255, 255, .02))!important;border-color:var(--border-primary, rgba(255, 255, 255, .08))!important}.assignment-search-input:focus,.assignment-search-input:hover{border-color:var(--gradient-start, #6366f1)!important;box-shadow:0 0 0 2px #6366f11a!important}.assignment-search-input .search-icon{color:var(--text-muted, #9ca3af)}.assignment-notes-input{margin-bottom:var(--spacing-sm, 8px)}.assignment-notes-textarea{border-radius:var(--radius-md, 8px)!important;background:var(--bg-tertiary, rgba(255, 255, 255, .02))!important;border-color:var(--border-primary, rgba(255, 255, 255, .08))!important;resize:none!important}.assignment-notes-textarea:focus,.assignment-notes-textarea:hover{border-color:var(--gradient-start, #6366f1)!important;box-shadow:0 0 0 2px #6366f11a!important}@media (max-width: 767px){.assignment-modal-content{gap:var(--spacing-md, 16px);max-height:60vh}.assignment-item,.assignment-available-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm, 12px);padding:var(--spacing-md, 16px)}.assignment-user-info{width:100%}.assignment-meta{width:100%;justify-content:space-between;padding-top:var(--spacing-sm, 8px);border-top:1px solid var(--border-primary, rgba(255, 255, 255, .05))}.assignment-assign-btn{width:100%;justify-content:center;padding:var(--spacing-sm, 10px)}.assignment-section-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm, 8px)}.assignment-add-btn{width:100%;justify-content:center;padding:var(--spacing-sm, 10px) var(--spacing-md, 16px)}.assignment-notes-display{max-width:100%}}.assignment-add-btn:focus-visible,.assignment-remove-btn:focus-visible,.assignment-assign-btn:focus-visible,.assignment-close-add-btn:focus-visible{outline:2px solid var(--gradient-start, #6366f1);outline-offset:2px}@media (prefers-reduced-motion: reduce){.assignment-add-btn,.assignment-remove-btn,.assignment-assign-btn,.assignment-item,.assignment-available-item,.assignment-add-section{transition:none;animation:none}.assignment-add-btn:hover,.assignment-assign-btn:hover{transform:none}.assignment-item,.assignment-available-item{opacity:1}}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);background:var(--bg-primary)}.error-boundary-content{max-width:600px;text-align:center;display:flex;flex-direction:column;gap:var(--spacing-lg)}.error-icon{font-size:64px;line-height:1}.error-title{margin:0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary)}.error-message{margin:0;font-size:var(--font-size-md);color:var(--text-secondary);line-height:1.6}.error-details{margin-top:var(--spacing-md);text-align:left;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--spacing-md)}.error-details summary{cursor:pointer;font-weight:var(--font-weight-semibold);color:var(--text-primary);padding:var(--spacing-sm);-webkit-user-select:none;user-select:none}.error-details summary:hover{background:var(--bg-hover);border-radius:var(--radius-sm)}.error-stack{margin:var(--spacing-md) 0 0 0;padding:var(--spacing-md);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);font-family:Monaco,Courier New,monospace;font-size:var(--font-size-xs);color:var(--status-error);overflow-x:auto;white-space:pre-wrap;word-break:break-word;max-height:400px;overflow-y:auto}.error-actions{display:flex;gap:var(--spacing-sm);justify-content:center;margin-top:var(--spacing-md)}.error-button{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast) var(--ease-out);border:none;min-height:var(--touch-target-min);min-width:120px}.error-button.primary{background:var(--gradient-primary);color:#fff}.error-button.primary:hover{opacity:.9;transform:translateY(-1px);box-shadow:var(--shadow-md)}.error-button.secondary{background:transparent;border:1px solid var(--border-primary);color:var(--text-primary)}.error-button.secondary:hover{background:var(--bg-hover)}@media (max-width: 767px){.error-boundary{padding:var(--spacing-md)}.error-icon{font-size:48px}.error-title{font-size:var(--font-size-xl)}.error-message{font-size:var(--font-size-sm)}.error-actions{flex-direction:column}.error-button{width:100%}.error-stack{font-size:10px;max-height:250px}}.error-button:focus-visible,.error-details summary:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}@media (prefers-reduced-motion: reduce){.error-button{transition:none}.error-button.primary:hover{transform:none}}.chatv2-container{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden;background:var(--bg-primary)}.chatv2-header{height:var(--chatv2-header-height);border-bottom:1px solid var(--border-primary);display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:var(--bg-secondary);flex-shrink:0;transition:background-color .3s ease,border-color .3s ease}.chatv2-header-left{display:flex;align-items:center;gap:16px}.chatv2-header-center{flex:1;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:500;color:var(--text-primary)}.chatv2-header-right{display:flex;align-items:center;gap:12px}.chatv2-return-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-input);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-primary);cursor:pointer;transition:all .2s}.chatv2-return-button:hover{background:var(--bg-hover);border-color:var(--border-focus)}.chatv2-assignment-btn{width:40px!important;height:40px!important;min-width:40px!important;border-radius:8px!important;color:var(--text-secondary)!important;background:transparent!important;border:1px solid var(--border-primary)!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;display:flex!important;align-items:center!important;justify-content:center!important}.chatv2-assignment-btn:hover{color:var(--gradient-start, #6366f1)!important;border-color:var(--gradient-start, #6366f1)!important;background:#6366f114!important;transform:scale(1.05)}.chatv2-assignment-btn:active{transform:scale(.98)}.chatv2-assignment-btn .anticon{font-size:18px}@media (max-width: 768px){.chatv2-assignment-btn{width:44px!important;height:44px!important;min-width:44px!important}.chatv2-assignment-btn .anticon{font-size:20px}}.chatv2-main{display:flex;flex:1;overflow:hidden;height:calc(100vh - var(--chatv2-header-height))}.chatv2-sidebar{width:var(--chatv2-sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border-primary);display:flex;flex-direction:column;flex-shrink:0;transition:transform .3s ease,background-color .3s ease,border-color .3s ease}.chatv2-sidebar.collapsed{transform:translate(-100%);position:absolute;z-index:10}.chatv2-sidebar-header{padding:16px;border-bottom:1px solid var(--border-primary)}.chatv2-sidebar-content{flex:1;overflow-y:auto;overflow-x:hidden}.chatv2-sidebar-footer{padding:16px;border-top:1px solid var(--border-primary)}.chatv2-session-group{margin-bottom:24px}.chatv2-session-group-title{padding:8px 16px;font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.chatv2-session-item{padding:10px 16px;margin:2px 8px;border-radius:6px;cursor:pointer;transition:background-color .2s,color .2s;color:var(--text-primary);display:flex;align-items:center;justify-content:space-between;gap:8px}.chatv2-session-item:hover{background:var(--bg-hover)}.chatv2-session-item.active{background:var(--bg-tertiary)}.chatv2-session-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.chatv2-session-actions{display:flex;gap:4px;opacity:0;transition:opacity .2s}.chatv2-session-item:hover .chatv2-session-actions{opacity:1}.chatv2-new-chat-button{width:100%;height:44px;border-radius:6px;background:var(--btn-success-bg);color:#fff;border:1px solid var(--btn-success-border);cursor:pointer;font-weight:500;font-size:14px;transition:background-color .2s,border-color .2s;display:flex;align-items:center;justify-content:center;gap:8px}.chatv2-new-chat-button:hover{background:var(--btn-success-hover)}.chatv2-message-container{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative;background:var(--bg-primary);transition:background-color .3s ease}.chatv2-message-area{flex:1;overflow-y:auto;overflow-x:hidden;padding:20px;display:flex;flex-direction:column}.chatv2-message{max-width:800px;margin:0 auto 24px;width:100%;display:flex;gap:16px}.chatv2-message.assistant{background:var(--bg-secondary);padding:20px 24px;border-radius:16px;box-shadow:0 1px 3px #0000000d;transition:background-color .3s ease,box-shadow .3s ease}.chatv2-message-avatar{width:36px;height:36px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:0 2px 4px #0000001a;transition:background-color .3s ease,color .3s ease,box-shadow .3s ease}.chatv2-message.user .chatv2-message-avatar{background:var(--btn-success-bg);color:#fff}.chatv2-message.assistant .chatv2-message-avatar{background:var(--bg-input);color:var(--text-primary)}.chatv2-message-content{flex:1;color:var(--text-primary);line-height:1.6;word-wrap:break-word;white-space:pre-wrap;overflow-wrap:break-word;transition:color .3s ease}.chatv2-message-meta{margin-top:8px;font-size:12px;color:var(--text-muted);display:flex;gap:12px}.chatv2-message.rtl .chatv2-message-content{text-align:right}.chatv2-message.rtl .chatv2-message-meta{justify-content:flex-start}.chatv2-edit-button{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px 6px;border-radius:4px;font-size:12px;transition:background-color .2s,color .2s;margin-left:8px}.chatv2-edit-button:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.chatv2-message-edit{width:100%}.chatv2-edit-textarea{width:100%;min-height:80px;max-height:300px;padding:12px;border:1px solid var(--border-color);border-radius:8px;background-color:var(--bg-secondary);color:var(--text-primary);font-family:inherit;font-size:14px;line-height:1.5;resize:vertical}.chatv2-edit-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #1890ff33}.chatv2-edit-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.chatv2-edit-cancel,.chatv2-edit-submit{padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background-color .2s,opacity .2s}.chatv2-edit-cancel{background-color:transparent;border:1px solid var(--border-color);color:var(--text-secondary)}.chatv2-edit-cancel:hover{background-color:var(--bg-tertiary)}.chatv2-edit-submit{background:var(--gradient-primary);border:none;color:#fff}.chatv2-edit-submit:hover{background:var(--gradient-primary-hover)}.chatv2-edit-submit:disabled{opacity:.5;cursor:not-allowed}.chatv2-thinking{max-width:800px;margin:0 auto;width:100%;display:flex;gap:16px;opacity:.7}.chatv2-empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.chatv2-loading{flex:1;display:flex;align-items:center;justify-content:center}.chatv2-input-area{border-top:1px solid var(--border-primary);background:var(--bg-primary);padding:20px;flex-shrink:0;transition:background-color .3s ease,border-color .3s ease}.chatv2-input-wrapper{max-width:800px;margin:0 auto;display:flex;gap:12px;align-items:flex-end}.chatv2-input-field{flex:1;background:var(--bg-input);border:1px solid var(--border-primary);border-radius:16px;padding:14px 18px;color:var(--text-primary);font-size:14px;resize:none;max-height:200px;transition:border-color .2s ease,background-color .3s ease,color .3s ease,box-shadow .2s ease}.chatv2-input-field:focus{outline:none;border-color:var(--btn-success-bg);box-shadow:0 0 0 3px #52c41a26}.chatv2-input-field::placeholder{color:var(--text-muted)}.chatv2-send-button{width:46px;height:46px;border-radius:14px;background:var(--btn-success-bg);border:1px solid var(--btn-success-border);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 4px #52c41a33;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .15s ease}.chatv2-send-button:hover:not(:disabled){background:var(--btn-success-hover);box-shadow:0 4px 8px #52c41a4d;transform:translateY(-1px)}.chatv2-send-button:disabled{opacity:.5;cursor:not-allowed}.chatv2-mode-selector{position:relative;flex-shrink:0}.chatv2-mode-button{width:36px;height:36px;border-radius:8px;background:var(--bg-card);border:1px solid var(--border-primary);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .2s ease}.chatv2-mode-button:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-focus)}.chatv2-mode-button:disabled{opacity:.5;cursor:not-allowed}.chatv2-mode-menu{position:absolute;bottom:calc(100% + 8px);left:0;min-width:240px;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:12px;box-shadow:0 4px 24px #00000026;overflow:hidden;z-index:1000;animation:chatv2-menu-fade-in .15s ease}@keyframes chatv2-menu-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.chatv2-mode-option{width:100%;padding:12px 16px;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;gap:12px;transition:background-color .15s ease;color:var(--text-primary)}.chatv2-mode-option:hover,.chatv2-mode-option.active{background:var(--bg-hover)}.chatv2-mode-option .mode-icon{font-size:20px;width:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chatv2-mode-option .mode-text{flex:1;text-align:left;display:flex;flex-direction:column;gap:2px}.chatv2-mode-option .mode-label{font-size:14px;font-weight:500;color:var(--text-primary)}.chatv2-mode-option .mode-description{font-size:12px;color:var(--text-muted)}.chatv2-mode-option .mode-check{font-size:16px;color:var(--btn-success-bg);flex-shrink:0}.chatv2-mode-divider{height:1px;background:var(--border-primary);margin:8px 0}.chatv2-mode-section-label{padding:8px 16px 4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.chatv2-message-area::-webkit-scrollbar,.chatv2-sidebar-content::-webkit-scrollbar{width:6px}.chatv2-message-area::-webkit-scrollbar-track,.chatv2-sidebar-content::-webkit-scrollbar-track{background:transparent}.chatv2-message-area::-webkit-scrollbar-thumb,.chatv2-sidebar-content::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:3px}.chatv2-message-area::-webkit-scrollbar-thumb:hover,.chatv2-sidebar-content::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (max-width: 1024px){.chatv2-message{max-width:700px}}@media (max-width: 768px){.chatv2-sidebar{position:absolute;left:0;top:0;bottom:0;z-index:100;box-shadow:var(--shadow-lg);max-width:320px;width:85%}.chatv2-sidebar.collapsed{transform:translate(-100%)}.chatv2-header{height:56px}.chatv2-header-center{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.chatv2-return-button{padding:8px 12px;font-size:13px;min-width:48px;min-height:48px;display:flex;align-items:center;justify-content:center}.chatv2-message{margin-bottom:16px;padding:0 12px}.chatv2-message.assistant{padding:16px 12px}.chatv2-input-area{padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom))}.chatv2-send-button{width:48px;height:48px;min-width:48px;min-height:48px}.chatv2-new-chat-button{min-height:48px}.chatv2-session-item{padding:12px 16px;min-height:48px}}@media (max-width: 428px){.chatv2-message{max-width:100%;padding:0 8px}.chatv2-message.assistant{padding:12px 8px}.chatv2-message-avatar{width:32px;height:32px;font-size:16px}.chatv2-message-content{line-height:1.7}.chatv2-input-area{padding:10px 12px;padding-bottom:max(10px,env(safe-area-inset-bottom))}.chatv2-input-wrapper{gap:8px}.chatv2-header-center{max-width:150px}.chatv2-message-area{padding:16px 8px}}@media (max-width: 375px){.chatv2-header{padding:0 12px}.chatv2-header-center{max-width:120px;font-size:13px}.chatv2-message-meta{font-size:11px;flex-direction:column;gap:4px}.chatv2-sidebar{max-width:280px;width:90%}.chatv2-return-button{padding:8px}}@media (max-width: 320px){.chatv2-message-avatar{width:28px;height:28px;font-size:14px}.chatv2-input-field{font-size:16px;padding:10px 12px}.chatv2-send-button{width:44px;height:44px;min-width:44px;min-height:44px}}.chatv2-sidebar-container{display:flex;flex-direction:column;height:100%;overflow:hidden}.chatv2-tool-list-panel{padding:12px;background:var(--bg-secondary);border-top:1px solid var(--border-primary);max-height:400px;overflow-y:auto;flex-shrink:0;transition:background-color .3s ease,border-color .3s ease}.chatv2-tool-list-panel::-webkit-scrollbar{width:8px}.chatv2-tool-list-panel::-webkit-scrollbar-track{background:transparent}.chatv2-tool-list-panel::-webkit-scrollbar-thumb{background-color:var(--border-secondary);border-radius:4px;border:2px solid transparent;background-clip:content-box}.chatv2-tool-list-panel::-webkit-scrollbar-thumb:hover{background-color:var(--border-primary)}.chatv2-processing-status{max-width:800px;margin:0 auto;width:100%;display:flex;gap:16px;background:var(--bg-secondary);padding:16px;border-radius:12px;transition:background-color .3s ease}.chatv2-processing-content{flex:1;display:flex;flex-direction:column;gap:12px}.processing-phase-indicator{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.processing-phase-icon{font-size:18px;display:flex;align-items:center;justify-content:center}.processing-phase-label{font-weight:500;font-size:14px;color:var(--text-primary)}.processing-phase-message{font-size:13px;color:var(--text-secondary)}.processing-progress-bar{max-width:300px}.processing-progress-bar .ant-progress-inner{background:var(--bg-tertiary)}.processing-data-details{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--text-muted)}.processing-detail-item{background:var(--bg-tertiary);padding:4px 10px;border-radius:12px}.processing-streaming-content{color:var(--text-primary);line-height:1.6;word-wrap:break-word;white-space:pre-wrap;overflow-wrap:break-word;transition:color .3s ease;min-height:24px}.chatv2-processing-status.rtl .chatv2-processing-content,.chatv2-processing-status.rtl .processing-streaming-content{text-align:right}.processing-cursor{animation:blink 1s step-end infinite;color:var(--text-primary);font-weight:700}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@media (max-width: 768px){.chatv2-processing-status{padding:12px;margin:0 12px}.processing-progress-bar{max-width:100%}}@media (max-width: 428px){.chatv2-processing-status{padding:10px 8px;margin:0 8px}.processing-phase-indicator{gap:8px}.processing-phase-icon{font-size:16px}.processing-phase-label{font-size:13px}.processing-data-details{font-size:11px}}.chatv2-error-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px 20px;background:var(--bg-primary);text-align:center}.chatv2-error-content{max-width:400px;padding:32px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;box-shadow:0 4px 24px #0000001a}.chatv2-error-icon{font-size:48px;display:block;margin-bottom:16px}.chatv2-error-content h2{color:var(--text-primary);font-size:20px;font-weight:600;margin-bottom:8px}.chatv2-error-content p{color:var(--text-secondary);font-size:14px;line-height:1.5;margin-bottom:24px}.chatv2-error-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.chatv2-error-btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.chatv2-error-btn.primary{background:var(--btn-success-bg);border:1px solid var(--btn-success-border);color:#fff}.chatv2-error-btn.primary:hover{background:var(--btn-success-hover)}.chatv2-error-btn.secondary{background:var(--bg-input);border:1px solid var(--border-primary);color:var(--text-primary)}.chatv2-error-btn.secondary:hover{background:var(--bg-hover);border-color:var(--border-focus)}.chatv2-sidebar-error{padding:20px;color:var(--text-muted);text-align:center;font-size:14px;width:var(--chatv2-sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border-primary)}.chatv2-markdown-content{line-height:1.6}.chatv2-markdown-content .md-content{display:block}.chatv2-markdown-content .md-h1,.chatv2-markdown-content .md-h2,.chatv2-markdown-content .md-h3,.chatv2-markdown-content .md-h4,.chatv2-markdown-content .md-h5,.chatv2-markdown-content .md-h6{margin:1em 0 .5em;font-weight:600;color:var(--text-primary);line-height:1.3}.chatv2-markdown-content .md-h1:first-child,.chatv2-markdown-content .md-h2:first-child,.chatv2-markdown-content .md-h3:first-child,.chatv2-markdown-content .md-h4:first-child,.chatv2-markdown-content .md-h5:first-child,.chatv2-markdown-content .md-h6:first-child{margin-top:0}.chatv2-markdown-content .md-h1{font-size:1.5em}.chatv2-markdown-content .md-h2{font-size:1.35em}.chatv2-markdown-content .md-h3{font-size:1.2em}.chatv2-markdown-content .md-h4{font-size:1.1em}.chatv2-markdown-content .md-h5{font-size:1em}.chatv2-markdown-content .md-h6{font-size:.9em;color:var(--text-secondary)}.chatv2-markdown-content .md-p{margin:.5em 0;white-space:pre-wrap;word-wrap:break-word}.chatv2-markdown-content .md-p:first-child{margin-top:0}.chatv2-markdown-content .md-p:last-child{margin-bottom:0}.chatv2-markdown-content .md-bold{font-weight:600}.chatv2-markdown-content .md-italic{font-style:italic}.chatv2-markdown-content .md-inline-code{background:var(--bg-tertiary, rgba(0, 0, 0, .05));padding:.15em .4em;border-radius:4px;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:.9em;color:var(--text-primary)}.chatv2-markdown-content .md-code-block{background:var(--bg-tertiary, #1e1e1e);border-radius:8px;padding:16px;margin:1em 0;overflow-x:auto}.chatv2-markdown-content .md-code-block code{font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:.9em;color:var(--text-primary);white-space:pre;display:block}.chatv2-markdown-content .md-ul,.chatv2-markdown-content .md-ol{margin:.5em 0;padding-left:1.5em}.chatv2-markdown-content .md-li{margin:.25em 0;line-height:1.5}.chatv2-markdown-content .md-ul-item{list-style-type:disc}.chatv2-markdown-content .md-ol-item{list-style-type:decimal}.chatv2-markdown-content .md-ul .md-ul,.chatv2-markdown-content .md-ol .md-ol,.chatv2-markdown-content .md-ul .md-ol,.chatv2-markdown-content .md-ol .md-ul{margin:.25em 0}.chatv2-markdown-content .md-link{color:var(--accent-primary, #1890ff);text-decoration:none}.chatv2-markdown-content .md-link:hover{text-decoration:underline}.chatv2-markdown-content .md-blockquote{border-left:4px solid var(--border-primary);margin:1em 0;padding:.5em 1em;color:var(--text-secondary);background:var(--bg-tertiary, rgba(0, 0, 0, .02));border-radius:0 4px 4px 0}.chatv2-markdown-content .md-hr{border:none;border-top:1px solid var(--border-primary);margin:1.5em 0}[data-theme=dark] .chatv2-markdown-content .md-inline-code{background:#ffffff1a}[data-theme=dark] .chatv2-markdown-content .md-code-block{background:#1a1a1a}[data-theme=dark] .chatv2-markdown-content .md-blockquote{background:#ffffff08}[data-theme=dark] .chatv2-message.assistant{box-shadow:0 1px 3px #0003}[data-theme=dark] .chatv2-message-avatar{box-shadow:0 2px 4px #00000040}[data-theme=dark] .chatv2-send-button{box-shadow:0 2px 4px #0000004d}[data-theme=dark] .chatv2-send-button:hover:not(:disabled){box-shadow:0 4px 8px #0006}[data-theme=dark] .chatv2-input-field:focus{box-shadow:0 0 0 3px #52c41a33}.chatv2-message-wrapper{position:relative}.chatv2-message-wrapper:hover .chatv2-message-actions{opacity:1}.chatv2-message-actions-container{opacity:0;transition:opacity .2s ease}.chatv2-message:hover .chatv2-message-actions-container{opacity:1}.companies-page{width:100%;max-width:1600px;margin:0 auto;padding:var(--spacing-xl)}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-xl);gap:var(--spacing-md);flex-wrap:wrap}.header-content h1{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary)}.header-content .subtitle{margin:0;font-size:var(--font-size-md);color:var(--text-muted)}.header-actions{display:flex;gap:var(--spacing-sm)}.btn{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast) var(--ease-out);border:none;min-height:var(--touch-target-min)}.btn-primary{background:var(--gradient-primary);color:#fff}.btn-primary:hover{opacity:.9;transform:translateY(-1px);box-shadow:var(--shadow-md)}.page-content{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.companies-grid{width:100%}.company-name-cell{display:flex;flex-direction:column;gap:var(--spacing-xs)}.company-name-cell strong{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.company-email{font-size:var(--font-size-xs);color:var(--text-muted)}.tier-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px}.tier-free{background:#6b72801a;color:#6b7280}.tier-trial{background:#3b82f61a;color:#3b82f6}.tier-basic{background:#10b9811a;color:#10b981}.tier-premium{background:#8b5cf61a;color:#8b5cf6}.tier-enterprise{background:var(--gradient-opacity-light);color:var(--gradient-start)}.status-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:capitalize}.status-active{background:#10b9811a;color:#10b981}.status-inactive{background:#6b72801a;color:#6b7280}.status-suspended{background:#ef44441a;color:var(--status-error)}.quota-cell{display:flex;align-items:center;gap:var(--spacing-sm);min-width:120px}.quota-bar{flex:1;height:8px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.quota-fill{height:100%;transition:width var(--transition-base) var(--ease-out);border-radius:var(--radius-full)}.quota-fill.normal{background:var(--gradient-primary)}.quota-fill.warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.quota-fill.danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.quota-text{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-secondary);min-width:35px;text-align:right}.actions-cell{display:flex;gap:var(--spacing-xs)}.action-button{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast) var(--ease-out);border:1px solid var(--border-primary);background:transparent;color:var(--text-primary)}.action-button:hover{background:var(--bg-hover);transform:translateY(-1px)}.action-button.edit:hover{border-color:var(--gradient-start);color:var(--gradient-start)}.action-button.delete:hover{border-color:var(--status-error);color:var(--status-error);background:#ef44440d}@media (max-width: 1023px){.companies-page{padding:var(--spacing-lg)}.page-header{flex-direction:column;align-items:stretch}.header-actions{width:100%;justify-content:stretch}.btn{flex:1}}@media (max-width: 767px){.companies-page{padding:var(--spacing-md)}.page-content{padding:var(--spacing-sm)}.header-content h1{font-size:var(--font-size-xl)}.header-content .subtitle{font-size:var(--font-size-sm)}.action-button{padding:var(--spacing-xs);font-size:0}.action-button:after{font-size:var(--font-size-xs)}.action-button.edit:after{content:"✏️"}.action-button.delete:after{content:"🗑️"}}.btn:focus-visible,.action-button:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}@media (prefers-reduced-motion: reduce){.btn,.action-button,.quota-fill{transition:none}.btn-primary:hover,.action-button:hover{transform:none}}.subscription-plan-modal{--form-input-height: 44px}.modal-form{display:flex;flex-direction:column;gap:var(--spacing-xl);padding:var(--spacing-sm) 0;max-height:70vh;overflow-y:auto}.form-section{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-primary)}.section-title{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.section-hint{margin:0;font-size:var(--font-size-xs);color:var(--text-secondary);font-style:italic}.form-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-field label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.form-field input,.form-field textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-primary);font-size:var(--font-size-sm);font-family:inherit;transition:all var(--transition-fast) var(--ease-out)}.form-field input{height:var(--form-input-height)}.form-field textarea{min-height:80px;resize:vertical}.form-field input:focus,.form-field textarea:focus{outline:none;border-color:var(--gradient-start);box-shadow:0 0 0 3px var(--gradient-opacity-light)}.form-field input.error,.form-field textarea.error{border-color:var(--status-error)}.form-field input.error:focus,.form-field textarea.error:focus{box-shadow:0 0 0 3px #ef44441a}.form-field input:disabled,.form-field textarea:disabled{opacity:.6;cursor:not-allowed;background:var(--bg-tertiary)}.form-field input[type=number]{-moz-appearance:textfield}.form-field input[type=number]::-webkit-inner-spin-button,.form-field input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-disabled{opacity:.6;cursor:not-allowed;background:var(--bg-tertiary)!important}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.error-message{font-size:var(--font-size-xs);color:var(--status-error);margin-top:calc(var(--spacing-xs) * -.5)}.field-hint{font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:calc(var(--spacing-xs) * -.5)}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-size:var(--font-size-sm);color:var(--text-primary)}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;border-radius:var(--radius-sm)}.checkbox-label span{flex:1}@media (max-width: 1024px){.form-row{grid-template-columns:1fr}}@media (max-width: 767px){.modal-form{gap:var(--spacing-lg)}.form-section{gap:var(--spacing-sm);padding:var(--spacing-sm)}}.form-field input:focus-visible,.form-field textarea:focus-visible{outline:none;border-color:var(--gradient-start);box-shadow:0 0 0 3px var(--gradient-opacity-light)}.checkbox-label input:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}@media (prefers-reduced-motion: reduce){.form-field input,.form-field textarea{transition:none}}.template-page{min-height:100vh;background:linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);position:relative;overflow-x:hidden}.template-page:before{content:"";position:absolute;top:-50%;right:-20%;width:80%;height:100%;background:radial-gradient(ellipse at center,rgba(102,126,234,.08) 0%,transparent 70%);pointer-events:none;z-index:0}.template-container{max-width:1600px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-lg);position:relative;z-index:1}.template-hero{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--glass-border);flex-wrap:wrap;gap:var(--spacing-lg)}.template-hero-content{flex:1;min-width:300px}.template-hero-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;letter-spacing:-.03em;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 var(--spacing-sm) 0;line-height:1.1}.template-hero-subtitle{font-size:var(--font-size-md);color:var(--text-muted);margin:0;max-width:500px;line-height:var(--line-height-relaxed)}.template-hero-actions{display:flex;gap:var(--spacing-sm);align-items:center;flex-wrap:wrap}.template-btn-primary{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-xl);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-base) var(--ease-out);box-shadow:0 4px 14px #667eea59}.template-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #667eea73}.template-btn-primary:active{transform:translateY(0)}.template-btn-secondary{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:var(--text-primary);border:1px solid var(--glass-border);border-radius:var(--radius-xl);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-base) var(--ease-out)}.template-btn-secondary:hover{background:var(--bg-hover);transform:translateY(-2px);box-shadow:var(--shadow-hover)}.template-layout{display:grid;grid-template-columns:280px 1fr;gap:var(--spacing-xl)}@media (max-width: 1024px){.template-layout{grid-template-columns:1fr}}.template-sidebar{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:var(--radius-xl);border:1px solid var(--glass-border);padding:var(--spacing-lg);height:fit-content;position:sticky;top:var(--spacing-lg)}.template-sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--glass-border)}.template-sidebar-title{font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.template-folder-btn{width:100%;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;text-align:left;transition:all var(--transition-fast) var(--ease-out);margin-bottom:var(--spacing-xs)}.template-folder-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.template-folder-btn.active{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 12px #667eea40}.template-folder-btn .folder-icon{font-size:1.1em;opacity:.8}.template-folder-btn .folder-count{margin-left:auto;font-size:var(--font-size-xs);padding:2px 8px;background:var(--bg-secondary);border-radius:var(--radius-full);opacity:.7}.template-folder-btn.active .folder-count{background:#fff3;opacity:1}.template-add-folder-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-secondary);border:2px dashed var(--border-primary);border-radius:var(--radius-lg);color:var(--text-muted);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast) var(--ease-out);margin-top:var(--spacing-md)}.template-add-folder-btn:hover{background:var(--bg-hover);border-color:var(--primary);color:var(--primary)}.template-main{flex:1;min-width:0}.template-toolbar{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);padding:var(--spacing-md) var(--spacing-lg);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:var(--radius-xl);border:1px solid var(--glass-border);flex-wrap:wrap}.template-search{flex:1;min-width:250px;position:relative}.template-search-input{width:100%;padding:var(--spacing-md) var(--spacing-lg);padding-left:44px;background:var(--bg-primary);border:1px solid transparent;border-radius:var(--radius-lg);font-size:var(--font-size-sm);color:var(--text-primary);transition:all var(--transition-fast) var(--ease-out)}.template-search-input::placeholder{color:var(--text-muted)}.template-search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #667eea1a}.template-search-icon{position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.template-view-toggle{display:flex;background:var(--bg-primary);border-radius:var(--radius-lg);padding:4px}.template-view-btn{padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast) var(--ease-out)}.template-view-btn:hover{color:var(--text-primary)}.template-view-btn.active{background:var(--gradient-primary);color:#fff}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-lg)}.template-grid.list-view{grid-template-columns:1fr}.template-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--spacing-xl);position:relative;cursor:pointer;transition:all var(--transition-base) var(--ease-out);overflow:hidden}.template-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-fast) var(--ease-out)}.template-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:#667eea4d}.template-card:hover:before{opacity:1}.template-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}.template-card-title{font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary);margin:0;line-height:1.3;flex:1;padding-right:var(--spacing-md)}.template-card-menu{background:transparent;border:none;padding:var(--spacing-xs);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast) var(--ease-out)}.template-card-menu:hover{background:var(--bg-hover);color:var(--text-primary)}.template-card-description{font-size:var(--font-size-sm);color:var(--text-muted);margin:0 0 var(--spacing-lg) 0;line-height:var(--line-height-relaxed);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.template-card-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.template-card-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.template-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:var(--font-size-xs);font-weight:600;border-radius:var(--radius-full);letter-spacing:.02em}.template-badge-version{background:var(--bg-secondary);color:var(--text-secondary)}.template-badge-forked{background:linear-gradient(135deg,#8b5cf626,#a855f726);color:#a855f7}.template-badge-quality{font-weight:700}.template-badge-quality.excellent{background:linear-gradient(135deg,#22c55e26,#16a34a26);color:#16a34a}.template-badge-quality.good{background:linear-gradient(135deg,#eab30826,#ca8a0426);color:#ca8a04}.template-badge-quality.needs-work{background:linear-gradient(135deg,#ef444426,#dc262626);color:#dc2626}.template-tag{padding:4px 10px;background:#3b82f61a;color:var(--info);font-size:var(--font-size-xs);font-weight:500;border-radius:var(--radius-full)}.template-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:var(--radius-xl);border:2px dashed var(--border-primary);text-align:center}.template-empty-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);border-radius:var(--radius-xl);margin-bottom:var(--spacing-lg);font-size:2rem;opacity:.9}.template-empty-title{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.template-empty-text{font-size:var(--font-size-sm);color:var(--text-muted);margin:0 0 var(--spacing-lg) 0;max-width:320px}.template-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl)}.template-loading-text{font-size:var(--font-size-sm);color:var(--text-muted);margin-top:var(--spacing-md)}.template-editor-page{min-height:100vh;background:var(--bg-primary)}.template-editor-container{max-width:1600px;margin:0 auto;padding:var(--spacing-lg)}.template-editor-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--glass-border)}.template-editor-back-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast) var(--ease-out)}.template-editor-back-btn:hover{background:var(--bg-hover);color:var(--text-primary);transform:translate(-2px)}.template-editor-title-group{flex:1}.template-editor-title{font-size:var(--font-size-2xl);font-weight:800;color:var(--text-primary);margin:0;letter-spacing:-.02em}.template-editor-subtitle{font-size:var(--font-size-sm);color:var(--text-muted);margin:var(--spacing-xs) 0 0 0}.template-editor-actions{display:flex;gap:var(--spacing-sm)}.template-editor-layout{display:grid;grid-template-columns:1fr 400px;gap:var(--spacing-xl)}@media (max-width: 1200px){.template-editor-layout{grid-template-columns:1fr}}.template-editor-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.template-field{display:flex;flex-direction:column;gap:var(--spacing-sm)}.template-field-label{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:var(--spacing-xs)}.template-field-label .required{color:var(--danger)}.template-field-input{padding:var(--spacing-md) var(--spacing-lg);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);font-size:var(--font-size-sm);color:var(--text-primary);transition:all var(--transition-fast) var(--ease-out)}.template-field-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #667eea1a}.template-field-input::placeholder{color:var(--text-muted)}.template-textarea{min-height:450px;font-family:SF Mono,JetBrains Mono,Fira Code,monospace;font-size:13px;line-height:1.6;resize:vertical}.template-placeholder-btns{display:flex;gap:var(--spacing-sm)}.template-placeholder-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;font-size:var(--font-size-xs);font-weight:600;border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast) var(--ease-out)}.template-placeholder-btn.tools{background:#a855f726;color:#a855f7}.template-placeholder-btn.tools:hover{background:#a855f740}.template-placeholder-btn.stream{background:#22c55e26;color:#16a34a}.template-placeholder-btn.stream:hover{background:#22c55e40}.template-tags-input-group{display:flex;gap:var(--spacing-sm)}.template-tags-input{flex:1;padding:var(--spacing-sm) var(--spacing-md);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);font-size:var(--font-size-sm);color:var(--text-primary)}.template-tags-add-btn{padding:var(--spacing-sm) var(--spacing-lg);background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast) var(--ease-out)}.template-tags-add-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.template-tags-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.template-tag-item{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#3b82f626;color:#3b82f6;font-size:var(--font-size-xs);font-weight:500;border-radius:var(--radius-full)}.template-tag-remove{display:flex;align-items:center;justify-content:center;width:16px;height:16px;background:transparent;border:none;color:inherit;cursor:pointer;padding:0;opacity:.7;transition:opacity var(--transition-fast)}.template-tag-remove:hover{opacity:1}.template-preview-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--spacing-lg);position:sticky;top:var(--spacing-lg);max-height:calc(100vh - var(--spacing-xl) * 2);overflow-y:auto}.template-preview-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--glass-border)}.template-preview-title{font-size:var(--font-size-sm);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);display:flex;align-items:center;gap:var(--spacing-sm)}.template-preview-section{margin-bottom:var(--spacing-lg)}.template-preview-label{font-size:var(--font-size-xs);font-weight:600;color:var(--text-muted);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.05em}.template-preview-code{font-family:SF Mono,JetBrains Mono,Fira Code,monospace;font-size:12px;line-height:1.5;padding:var(--spacing-md);background:var(--bg-primary);border:1px solid var(--glass-border);border-radius:var(--radius-lg);max-height:180px;overflow:auto;white-space:pre-wrap;word-break:break-word;color:var(--text-secondary)}.template-preview-empty{text-align:center;padding:var(--spacing-xl);color:var(--text-muted);font-size:var(--font-size-sm)}.template-preview-stat{display:flex;justify-content:space-between;padding:var(--spacing-md);background:var(--bg-primary);border-radius:var(--radius-lg)}.template-preview-stat-label{font-size:var(--font-size-xs);color:var(--text-muted)}.template-preview-stat-value{font-size:var(--font-size-sm);font-weight:700;color:var(--info)}.template-validation{padding:var(--spacing-lg);border-radius:var(--radius-xl);border:1px solid}.template-validation.valid{background:#22c55e14;border-color:#22c55e33}.template-validation.invalid{background:#ef444414;border-color:#ef444433}.template-validation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.template-validation-score{font-size:var(--font-size-sm);font-weight:700}.template-validation-list{list-style:none;padding:0;margin:0;font-size:var(--font-size-sm)}.template-validation-list li{padding:var(--spacing-xs) 0;padding-left:var(--spacing-lg);position:relative}.template-validation-list li:before{content:"•";position:absolute;left:var(--spacing-sm);color:inherit}.template-validation-errors{color:var(--danger);margin-bottom:var(--spacing-sm)}.template-validation-warnings{color:#ca8a04;margin-bottom:var(--spacing-sm)}.template-validation-suggestions{color:var(--info)}.template-gallery-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.template-gallery-info{flex:1}.template-gallery-count{font-size:var(--font-size-sm);color:var(--text-muted);background:var(--bg-secondary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-full)}.template-gallery-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--spacing-xl);transition:all var(--transition-base) var(--ease-out);height:100%;display:flex;flex-direction:column}.template-gallery-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:#8b5cf64d}.template-gallery-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}.template-gallery-category{display:inline-flex;align-items:center;padding:4px 12px;background:linear-gradient(135deg,#8b5cf626,#a855f726);color:#a855f7;font-size:var(--font-size-xs);font-weight:600;border-radius:var(--radius-full)}.template-gallery-card-body{flex:1;cursor:pointer}.template-gallery-card-title{font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-sm) 0;line-height:1.3}.template-gallery-card-description{font-size:var(--font-size-sm);color:var(--text-muted);margin:0;line-height:var(--line-height-relaxed);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.template-gallery-card-author{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:var(--spacing-md)}.template-gallery-card-footer{display:flex;gap:var(--spacing-sm);padding-top:var(--spacing-lg);margin-top:auto;border-top:1px solid var(--glass-border)}.template-gallery-preview-btn,.template-gallery-fork-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast) var(--ease-out)}.template-gallery-preview-btn{background:var(--bg-secondary);border:1px solid var(--glass-border);color:var(--text-secondary)}.template-gallery-preview-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.template-gallery-fork-btn{background:var(--gradient-primary);border:none;color:#fff;box-shadow:0 4px 12px #667eea40}.template-gallery-fork-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #667eea59}.template-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);z-index:var(--z-modal);animation:fadeIn var(--transition-base) var(--ease-out)}.template-modal{background:var(--bg-card);border-radius:var(--radius-xl);width:100%;max-width:900px;max-height:85vh;overflow-y:auto;box-shadow:0 24px 48px #00000040;animation:scaleIn var(--transition-base) var(--ease-out)}.template-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--glass-border);position:sticky;top:0;background:var(--bg-card);z-index:1}.template-modal-title{font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:var(--spacing-md)}.template-modal-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-muted);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.template-modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.template-modal-body{padding:var(--spacing-xl)}.template-modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid var(--glass-border);position:sticky;bottom:0;background:var(--bg-card)}.template-preview-modal-code{font-family:SF Mono,JetBrains Mono,Fira Code,monospace;font-size:13px;line-height:1.6;padding:var(--spacing-lg);background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-lg);max-height:400px;overflow:auto;white-space:pre-wrap;word-break:break-word;color:var(--text-primary);margin-bottom:var(--spacing-lg)}.template-preview-modal-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--bg-secondary);border-radius:var(--radius-lg)}.template-preview-modal-meta-item{display:flex;flex-direction:column;gap:4px}.template-preview-modal-meta-label{font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.template-preview-modal-meta-value{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.template-preview-modal-meta-value.success{color:#16a34a}.template-version-item{padding:var(--spacing-lg);background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md);display:flex;justify-content:space-between;align-items:flex-start}.template-version-info h4{font-size:var(--font-size-md);font-weight:700;color:var(--text-primary);margin:0 0 4px}.template-version-info p{font-size:var(--font-size-sm);color:var(--text-muted);margin:0}.template-version-restore-btn{padding:var(--spacing-sm) var(--spacing-md);background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:600;cursor:pointer;transition:all var(--transition-fast) var(--ease-out)}.template-version-restore-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}@media (max-width: 768px){.template-container{padding:var(--spacing-md)}.template-hero{flex-direction:column;align-items:stretch}.template-hero-actions{justify-content:stretch}.template-hero-actions>*{flex:1;justify-content:center}.template-layout{grid-template-columns:1fr}.template-sidebar{position:static}.template-grid,.template-editor-layout{grid-template-columns:1fr}.template-preview-panel{position:static;max-height:none}.template-modal{max-height:95vh;margin:var(--spacing-md)}}[data-theme=dark] .template-preview-modal-code{background:#1e293b;border-color:#334155}[data-theme=dark] .template-preview-modal-meta{background:#1e293b}#root{width:100%;min-height:100vh}