/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-orange-500:oklch(70.5% .213 47.604);--color-amber-400:oklch(82.8% .189 84.429);--color-green-100:oklch(96.2% .044 156.743);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-indigo-50:oklch(96.2% .018 272.314);--color-indigo-500:oklch(58.5% .233 277.117);--color-indigo-600:oklch(51.1% .262 276.966);--color-indigo-800:oklch(39.8% .195 277.366);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--radius-lg:.5rem;--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-canvas-bg:#f1f5f9;--color-surface:#fff;--color-border:#e2e8f0;--color-border-light:#f1f5f9;--color-primary:#4f46e5;--color-primary-hover:#4338ca;--color-text-primary:#1e293b;--color-text-secondary:#64748b;--color-text-muted:#94a3b8}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.start-1{inset-inline-start:calc(var(--spacing) * 1)}.\!-right-1\.5{right:calc(var(--spacing) * -1.5)!important}.\!-left-1\.5{left:calc(var(--spacing) * -1.5)!important}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.mx-1{margin-inline:calc(var(--spacing) * 1)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mb-0{margin-bottom:calc(var(--spacing) * 0)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.ml-0\.5{margin-left:calc(var(--spacing) * .5)}.ml-5{margin-left:calc(var(--spacing) * 5)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.hidden{display:none}.inline-block{display:inline-block}.\!h-3{height:calc(var(--spacing) * 3)!important}.h-\[14px\]{height:14px}.h-\[280px\]{height:280px}.h-\[300px\]{height:300px}.min-h-screen{min-height:100vh}.\!w-3{width:calc(var(--spacing) * 3)!important}.\!w-32{width:calc(var(--spacing) * 32)!important}.w-3{width:calc(var(--spacing) * 3)}.w-8{width:calc(var(--spacing) * 8)}.w-12{width:calc(var(--spacing) * 12)}.w-16{width:calc(var(--spacing) * 16)}.w-\[1px\]{width:1px}.w-\[10\%\]{width:10%}.w-\[12\%\]{width:12%}.w-\[14\%\]{width:14%}.w-\[15\%\]{width:15%}.w-\[16\%\]{width:16%}.w-\[18\%\]{width:18%}.w-\[24\%\]{width:24%}.w-\[28\%\]{width:28%}.w-\[30\%\]{width:30%}.w-\[40px\]{width:40px}.w-full{width:100%}.flex-1{flex:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}.rounded{border-radius:.25rem}.rounded-lg{border-radius:var(--radius-lg)}.\!border-2{border-style:var(--tw-border-style)!important;border-width:2px!important}.border{border-style:var(--tw-border-style);border-width:1px}.border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.border-none{--tw-border-style:none;border-style:none}.\!border-white{border-color:var(--color-white)!important}.border-slate-200{border-color:var(--color-slate-200)}.border-slate-300{border-color:var(--color-slate-300)}.\!bg-slate-300{background-color:var(--color-slate-300)!important}.bg-blue-100{background-color:var(--color-blue-100)}.bg-green-100{background-color:var(--color-green-100)}.bg-indigo-50{background-color:var(--color-indigo-50)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-100{background-color:var(--color-slate-100)}.bg-slate-300{background-color:var(--color-slate-300)}.bg-white{background-color:var(--color-white)}.p-0{padding:calc(var(--spacing) * 0)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-4{padding-inline:calc(var(--spacing) * 4)}.\!py-1\.5{padding-block:calc(var(--spacing) * 1.5)!important}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.text-center{text-align:center}.text-right{text-align:right}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.whitespace-pre-line{white-space:pre-line}.text-amber-400{color:var(--color-amber-400)}.text-blue-500{color:var(--color-blue-500)}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-emerald-500{color:var(--color-emerald-500)}.text-emerald-600{color:var(--color-emerald-600)}.text-emerald-700{color:var(--color-emerald-700)}.text-green-600{color:var(--color-green-600)}.text-green-700{color:var(--color-green-700)}.text-indigo-500{color:var(--color-indigo-500)}.text-indigo-600{color:var(--color-indigo-600)}.text-orange-500{color:var(--color-orange-500)}.text-red-400{color:var(--color-red-400)}.text-red-500{color:var(--color-red-500)}.text-slate-200{color:var(--color-slate-200)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-white{color:var(--color-white)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.hover\:\!bg-slate-500:hover{background-color:var(--color-slate-500)!important}.hover\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\:text-blue-600:hover{color:var(--color-blue-600)}.hover\:text-emerald-700:hover{color:var(--color-emerald-700)}.hover\:text-indigo-800:hover{color:var(--color-indigo-800)}.hover\:text-red-400:hover{color:var(--color-red-400)}.hover\:text-red-500:hover{color:var(--color-red-500)}.hover\:underline:hover{text-decoration-line:underline}}}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;font-family:var(--font-sans);background:var(--color-canvas-bg);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;margin:0;padding:0}.app-layout{flex-direction:column;height:100vh;display:flex;overflow:hidden}.app-layout__body{flex:1;display:flex;overflow:hidden}.header{background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:20;flex-shrink:0;justify-content:space-between;align-items:center;height:56px;padding:0 20px;display:flex}.header__back-btn{color:var(--color-text-secondary);border:1px solid var(--color-border);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-weight:500;transition:all .15s;display:flex}.header__back-btn:hover{background:var(--color-border-light);color:var(--color-text-primary);border-color:#cbd5e1}.header__name-input{border:1px solid var(--color-border);background:var(--color-border-light);color:var(--color-text-primary);border-radius:8px;outline:none;width:220px;padding:6px 12px;font-size:14px;font-weight:500;transition:all .2s}.header__name-input:focus{border-color:var(--color-primary);background:#fff;box-shadow:0 0 0 3px #4f46e51a}.header__save-status{color:#22c55e;align-items:center;gap:4px;font-size:11px;font-weight:500;display:flex}.header__save-btn{color:#fff;background:var(--color-primary);cursor:pointer;border:none;border-radius:10px;align-items:center;gap:6px;padding:8px 18px;transition:all .2s;display:flex;box-shadow:0 1px 3px #4f46e54d}.header__save-btn:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #4f46e559}.header__save-btn:active{transform:translateY(0)}.sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);z-index:10;flex-shrink:0;width:180px;min-width:180px;padding:16px 12px;overflow-y:auto}.sidebar__category-header{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;padding:4px 0 8px;font-size:11px;display:flex}.sidebar__category-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.sidebar__node-list{flex-direction:column;gap:4px;margin-bottom:8px;display:flex}.sidebar__node-card{cursor:grab;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:8px 10px;transition:all .2s;display:flex}.sidebar__node-card:hover{border-color:var(--color-border);background:#f8fafc;transform:translate(2px);box-shadow:0 2px 8px #0000000a}.sidebar__node-card:active{cursor:grabbing;transform:scale(.97)}.sidebar__node-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar__node-label{color:var(--color-text-primary);font-weight:500}.flow-canvas{flex:1;height:100%;position:relative}.base-node{background:var(--color-surface);border:2px solid #0000;border-radius:14px;min-width:280px;max-width:360px;transition:all .2s;overflow:hidden;box-shadow:0 1px 3px #0000000f,0 4px 12px #0000000a}.ai-agent-node.base-node{background:var(--color-surface);border-radius:14px;min-width:340px;max-width:440px;overflow:visible}.base-node:hover{box-shadow:0 2px 8px #00000014,0 8px 24px #0000000f}.base-node--selected{box-shadow:0 0 0 1px,0 4px 16px #00000014}.base-node__header{border-bottom:1px solid #0000;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.base-node__icon{border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.base-node__body{padding:10px 12px}.node-input{border:1px solid var(--color-border);color:var(--color-text-primary);font-size:12px;font-family:var(--font-sans);background:#f8fafc;border-radius:6px;outline:none;padding:4px 8px;transition:all .15s}.node-input:focus{border-color:var(--color-primary);background:#fff;box-shadow:0 0 0 2px #4f46e514}.node-input::placeholder{color:var(--color-text-muted)}.flow-controls{border:1px solid var(--color-border)!important;border-radius:10px!important;overflow:hidden!important;box-shadow:0 2px 8px #00000014!important}.flow-controls button{border:none!important;border-bottom:1px solid var(--color-border)!important;background:#fff!important;justify-content:center!important;align-items:center!important;width:32px!important;height:32px!important;display:flex!important}.flow-controls button:hover{background:#f8fafc!important}.flow-controls button:last-child{border-bottom:none!important}.flow-controls button svg{fill:var(--color-text-secondary)!important}.flow-minimap{border:1px solid var(--color-border)!important;border-radius:10px!important;overflow:hidden!important;box-shadow:0 2px 8px #0000000f!important}.react-flow__edge-path{transition:stroke .2s,stroke-width .2s;stroke:#818cf8!important;stroke-width:3px!important;stroke-linecap:round!important;stroke-dasharray:none!important;fill:none!important}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:hover .react-flow__edge-path{filter:drop-shadow(0 0 4px #6366f159);stroke:#6366f1!important;stroke-width:4px!important}.react-flow__connection-path{stroke-linecap:round;stroke-dasharray:8 4;stroke:#6366f1!important;stroke-width:3px!important}.react-flow__handle{transition:background-color .15s,box-shadow .15s!important}.react-flow__handle:hover{box-shadow:0 0 0 3px #4f46e540;background-color:#64748b!important}.react-flow__selection{border:1px dashed var(--color-primary)!important;background:#4f46e50a!important}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.script-list-page{background:var(--color-canvas-bg);min-height:100vh;padding:0}.script-list-page__header{background:var(--color-surface);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:16px 28px;display:flex}.script-list-page__title{align-items:center;gap:10px;display:flex}.script-list-page__title h1{color:#1e293b;margin:0;font-size:22px;font-weight:700}.script-list-page__create-btn{color:#fff;background:var(--color-primary);cursor:pointer;border:none;border-radius:10px;align-items:center;gap:6px;padding:9px 20px;transition:all .2s;display:flex;box-shadow:0 1px 3px #4f46e54d}.script-list-page__create-btn:hover{background:var(--color-primary-hover);box-shadow:0 4px 12px #4f46e559}.script-list-page__table-wrapper{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;margin:24px 28px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.script-list-page__toolbar{border-bottom:1px solid var(--color-border);background:#fafbfc;justify-content:flex-end;align-items:center;padding:10px 16px;display:flex}.script-list-page__tool-btn{border:1px solid var(--color-border);width:32px;height:32px;color:var(--color-text-secondary);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.script-list-page__tool-btn:hover{color:var(--color-text-primary);background:#f1f5f9}.script-list-page__table{border-collapse:collapse;width:100%}.script-list-page__table thead tr{border-bottom:1px solid var(--color-border);background:#f8fafc}.script-list-page__table th{color:var(--color-text-secondary);text-align:left;text-transform:none;letter-spacing:0;white-space:nowrap;padding:12px 16px;font-size:12px}.script-list-page__table td{vertical-align:middle;padding:14px 16px}.script-list-page__row{border-bottom:1px solid #f1f5f9;transition:background .15s}.script-list-page__row:hover{background:#fafbfe}.script-list-page__row:last-child{border-bottom:none}.script-list-page__link{color:var(--color-primary);align-items:center;gap:4px;font-weight:500;text-decoration:none;transition:color .15s;display:inline-flex}.script-list-page__link:hover{color:var(--color-primary-hover);text-decoration:underline}.script-list-page__action-btn{cursor:pointer;white-space:nowrap;border:1px solid;border-radius:8px;align-items:center;gap:4px;padding:6px 14px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.script-list-page__action-btn--edit{color:var(--color-primary);border-color:var(--color-primary);background:#fff}.script-list-page__action-btn--edit:hover{background:#eef2ff}.script-list-page__action-btn--copy{color:#059669;background:#fff;border-color:#6ee7b7}.script-list-page__action-btn--copy:hover{background:#ecfdf5;border-color:#059669}.script-list-page__action-btn--delete{color:#ef4444;background:#fff;border-color:#fca5a5}.script-list-page__action-btn--delete:hover{background:#fef2f2;border-color:#ef4444}.script-list-page__action-btn--confirm{animation:.6s ease-in-out pulse-delete;color:#fff!important;background:#ef4444!important;border-color:#ef4444!important}@keyframes pulse-delete{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.script-list-page__pagination{border-top:1px solid var(--color-border);background:#fafbfc;justify-content:flex-end;align-items:center;gap:16px;padding:12px 16px;display:flex}.script-list-page__page-btn{min-width:28px;height:28px;color:var(--color-text-secondary);border:1px solid var(--color-border);cursor:pointer;background:#fff;border-radius:6px;justify-content:center;align-items:center;padding:0 6px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.script-list-page__page-btn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.script-list-page__page-btn:disabled{opacity:.4;cursor:not-allowed}.script-list-page__page-btn--active{background:var(--color-primary)!important;color:#fff!important;border-color:var(--color-primary)!important}.script-list-page__empty{flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.var-panel{background:var(--color-surface);border-left:1px solid var(--color-border);z-index:10;flex-direction:column;flex-shrink:0;width:220px;min-width:220px;display:flex;overflow:hidden}.var-panel--collapsed{align-items:center;width:42px;min-width:42px;padding-top:12px}.var-panel__toggle{border:1px solid var(--color-border);width:32px;height:32px;color:var(--color-text-secondary);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.var-panel__toggle:hover{color:var(--color-primary);background:#f1f5f9}.var-panel__header{flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 12px 8px;display:flex}.var-panel__icon-btn{width:26px;height:26px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.var-panel__icon-btn:hover{color:var(--color-primary);background:#f1f5f9}.var-panel__tip{color:var(--color-text-muted);padding:0 12px 8px;font-size:10px;line-height:1.4}.var-panel__list{flex:1;padding:0 8px;overflow-y:auto}.var-panel__item-wrapper{margin-bottom:2px}.var-panel__item{cursor:grab;border:1px solid #0000;border-radius:8px;align-items:center;gap:4px;padding:6px;transition:all .15s;display:flex;position:relative}.var-panel__item:hover{border-color:var(--color-border);background:#f8fafc}.var-panel__item:active{cursor:grabbing}.var-panel__item--editing{cursor:default;border-color:var(--color-border);background:#f8fafc;flex-direction:column;align-items:stretch;padding:8px}.var-panel__item-grip{opacity:.4;flex-shrink:0;transition:opacity .15s}.var-panel__item:hover .var-panel__item-grip{opacity:.8}.var-panel__item-content{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.var-panel__item-tag{color:var(--color-primary);letter-spacing:-.3px;white-space:nowrap;text-overflow:ellipsis;font-family:Menlo,Consolas,monospace;font-size:11px;overflow:hidden}.var-panel__item-desc{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.var-panel__item-actions{opacity:0;flex-shrink:0;gap:2px;transition:opacity .15s;display:flex}.var-panel__item:hover .var-panel__item-actions{opacity:1}.var-panel__item-action{width:22px;height:22px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;transition:all .15s;display:flex}.var-panel__item-action:hover{color:var(--color-text-primary);background:#e2e8f0}.var-panel__item-action--delete:hover{color:#ef4444;background:#fef2f2}.var-panel__edit-input{border:1px solid var(--color-border);color:var(--color-text-primary);font-size:11px;font-family:var(--font-sans);background:#fff;border-radius:5px;outline:none;width:100%;padding:4px 8px;transition:border-color .15s}.var-panel__edit-input:focus{border-color:var(--color-primary)}.var-panel__mini-btn{cursor:pointer;border:none;border-radius:5px;align-items:center;gap:3px;padding:3px 8px;font-size:10px;transition:all .15s;display:flex}.var-panel__mini-btn--save{background:var(--color-primary);color:#fff}.var-panel__mini-btn--save:hover{background:var(--color-primary-hover)}.var-panel__mini-btn--cancel{color:var(--color-text-secondary);background:#e2e8f0}.var-panel__mini-btn--cancel:hover{background:#cbd5e1}.var-panel__add-form{border-top:1px solid var(--color-border);background:#fafbfc;flex-shrink:0;padding:10px}.node-input--var-target{transition:all .15s,border-color .1s}.node-input--var-target:focus{border-color:var(--color-primary);background:#fff;box-shadow:0 0 0 2px #4f46e514}.node-input--drag-over{border-color:var(--color-primary)!important;background:#eef2ff!important;box-shadow:0 0 0 3px #4f46e526!important}.voice-page{background:var(--color-canvas-bg);min-height:100vh}.voice-page__header{background:var(--color-surface);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:16px 28px;display:flex}.voice-page__header-left{flex-direction:column;gap:4px;display:flex}.voice-page__title{align-items:center;gap:10px;display:flex}.voice-page__title h1{color:#1e293b;margin:0;font-size:22px;font-weight:700}.voice-page__tabs{gap:4px;display:flex}.voice-page__tab{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:7px 16px;font-weight:500;transition:all .2s;display:flex}.voice-page__tab:hover{color:var(--color-text-primary);background:#f1f5f9}.voice-page__tab--active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.voice-page__tab--active:hover{background:var(--color-primary-hover)}.voice-page__content{flex-direction:column;gap:20px;max-width:1200px;margin:0 auto;padding:20px 28px;display:flex}.voice-page__quota{color:#fff;background:linear-gradient(135deg,#1e1b4b,#312e81);border-radius:12px;padding:14px 20px}.voice-page__quota-info{align-items:center;gap:8px;margin-bottom:8px;display:flex}.voice-page__quota-info strong{color:#a5b4fc}.voice-page__quota-bar{background:#ffffff26;border-radius:10px;height:5px;overflow:hidden}.voice-page__quota-fill{background:linear-gradient(90deg,#818cf8,#c084fc);border-radius:10px;height:100%;transition:width .5s}.voice-page__layout{gap:20px;min-height:500px;display:flex}.voice-page__left{flex:1;min-width:0}.voice-page__right{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;flex-direction:column;width:340px;min-width:340px;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000a}.voice-page__section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;padding:20px;box-shadow:0 1px 3px #0000000a}.voice-page__section-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.voice-page__section-title{color:var(--color-text-primary);align-items:center;gap:8px;font-size:15px;display:flex}.voice-page__badge{color:var(--color-text-secondary);background:#f1f5f9;border-radius:20px;padding:2px 10px;font-size:11px;font-weight:700}.voice-page__search{margin-bottom:12px;position:relative}.voice-page__search-icon{color:var(--color-text-muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.voice-page__search-input{width:100%;font-family:var(--font-sans);color:var(--color-text-primary);border:1px solid var(--color-border);background:#fafbfc;border-radius:8px;outline:none;padding:9px 12px 9px 36px;transition:border .2s}.voice-page__search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #4f46e514}.voice-page__search-input::placeholder{color:var(--color-text-muted)}.voice-page__voice-list{flex-direction:column;gap:6px;max-height:440px;padding-right:4px;display:flex;overflow-y:auto}.voice-card{border:1px solid var(--color-border);cursor:pointer;background:#fafbfc;border-radius:10px;flex-shrink:0;align-items:center;gap:10px;padding:10px 12px;transition:all .2s;display:flex}.voice-card:hover{background:#f5f3ff;border-color:#c7d2fe}.voice-card--selected{border-color:var(--color-primary);background:#eef2ff;box-shadow:0 0 0 2px #4f46e526}.voice-card__icon{flex-shrink:0;font-size:20px}.voice-card__info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.voice-card__name{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.voice-card__category{color:var(--color-primary);text-transform:uppercase;letter-spacing:.03em;font-size:10px}.voice-card__labels{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.voice-card__play{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.voice-card__play:hover{background:var(--color-primary-hover);transform:scale(1.1)}.voice-page__loading{justify-content:center;align-items:center;gap:10px;padding:40px;display:flex}.voice-page__error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:8px;margin-top:8px;padding:10px 14px;display:flex}.voice-page__panel-tabs{border-bottom:1px solid var(--color-border);flex-shrink:0;display:flex}.voice-page__panel-tab{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:6px;padding:12px 0;font-weight:500;transition:all .2s;display:flex}.voice-page__panel-tab:hover{color:var(--color-text-primary);background:#f8fafc}.voice-page__panel-tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.voice-page__settings-panel{flex-direction:column;flex:1;gap:16px;padding:16px;display:flex;overflow-y:auto}.voice-page__selected-info{color:var(--color-text-primary);background:#eef2ff;border:1px solid #c7d2fe;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;display:flex}.voice-page__selected-info--muted{border-color:var(--color-border);color:var(--color-text-muted);background:#f8fafc;font-size:12px}.voice-page__selected-labels{color:var(--color-text-secondary);margin-top:2px;font-size:11px}.voice-page__model-badge{color:#166534;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1px solid #bbf7d0;border-radius:10px;align-items:center;gap:8px;padding:8px 14px;display:flex}.voice-page__model-icon{color:#fff;background:#166534;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:10px;font-weight:700;display:flex}.voice-page__slider-group{flex-direction:column;gap:4px;display:flex}.voice-page__slider-group label{color:var(--color-text-secondary);justify-content:space-between;align-items:center;font-size:12px;display:flex}.voice-page__slider-value{color:var(--color-primary);font-family:Menlo,Consolas,monospace;font-size:11px;font-weight:700}.voice-page__slider-group input[type=range]{appearance:none;cursor:pointer;background:#e2e8f0;border-radius:10px;outline:none;width:100%;height:6px}.voice-page__slider-group input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--color-primary);cursor:pointer;border:2px solid #fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;box-shadow:0 1px 3px #0003}.voice-page__slider-group input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.voice-page__slider-labels{color:var(--color-text-muted);justify-content:space-between;font-size:10px;display:flex}.voice-page__reset-btn{color:var(--color-text-secondary);border:1px solid var(--color-border);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.voice-page__reset-btn:hover{color:var(--color-text-primary);background:#f1f5f9}.voice-page__history-panel{flex-direction:column;flex:1;gap:8px;padding:12px;display:flex;overflow-y:auto}.voice-page__clear-history{color:#dc2626;cursor:pointer;background:0 0;border:1px solid #fecaca;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:6px;font-size:11px;font-weight:500;transition:all .15s;display:flex}.voice-page__clear-history:hover{background:#fef2f2}.voice-page__history-empty{color:var(--color-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 20px;display:flex}.voice-page__history-list{flex-direction:column;gap:8px;display:flex}.history-card{border:1px solid var(--color-border);background:#fafbfc;border-radius:10px;padding:10px 12px;transition:all .15s}.history-card:hover{background:#f8f7ff;border-color:#c7d2fe}.history-card__header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.history-card__voice{color:var(--color-primary);font-size:12px}.history-card__time{color:var(--color-text-muted);font-size:10px}.history-card__text{color:var(--color-text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:6px;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.history-card__meta{color:var(--color-text-muted);gap:8px;font-size:10px;display:flex}.history-card__model{background:#f1f5f9;border-radius:3px;padding:0 4px;font-family:monospace}.voice-page__compose{padding:16px 20px}.voice-page__compose-header{color:var(--color-text-primary);align-items:center;gap:8px;margin-bottom:12px;font-size:14px;display:flex}.voice-page__compose-voice{color:var(--color-primary);background:#eef2ff;border-radius:6px;margin-left:auto;padding:2px 8px;font-size:12px;font-weight:500}.voice-page__compose-textarea{width:100%;font-size:14px;font-family:var(--font-sans);color:var(--color-text-primary);border:1px solid var(--color-border);resize:vertical;background:#fafbfc;border-radius:10px;outline:none;min-height:80px;padding:12px 14px;transition:border .2s}.voice-page__compose-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #4f46e514}.voice-page__compose-textarea::placeholder{color:var(--color-text-muted)}.voice-page__compose-footer{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.voice-page__char-count{color:var(--color-text-muted);font-size:11px}.voice-page__btn{font-size:14px;font-family:var(--font-sans);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 22px;transition:all .2s;display:flex}.voice-page__btn:disabled{opacity:.5;cursor:not-allowed}.voice-page__btn--primary{background:var(--color-primary);color:#fff;box-shadow:0 1px 3px #4f46e54d}.voice-page__btn--primary:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #4f46e559}.voice-page__result{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;flex-direction:column;gap:10px;margin-top:10px;padding:12px;display:flex}.voice-page__result-info{color:#15803d;align-items:center;gap:6px;font-weight:500;display:flex}.voice-page__audio{border-radius:8px;width:100%}.voice-page__result-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.voice-page__result-actions{gap:6px;display:flex}.voice-page__save-btn{color:#d97706;cursor:pointer;background:#fffbeb;border:1px solid #fde68a;border-radius:6px;align-items:center;gap:4px;padding:5px 12px;font-size:12px;transition:all .15s;display:flex}.voice-page__save-btn:hover{background:#fef3c7;border-color:#f59e0b}.voice-page__download-btn{width:28px;height:28px;color:var(--color-text-secondary);border:1px solid var(--color-border);cursor:pointer;background:#f8fafc;border-radius:6px;justify-content:center;align-items:center;text-decoration:none;transition:all .15s;display:flex}.voice-page__download-btn:hover{color:var(--color-primary);background:#f1f5f9}.history-card__footer{justify-content:space-between;align-items:center;display:flex}.history-card__actions{gap:4px;display:flex}.history-card__action-btn{border:1px solid var(--color-border);width:24px;height:24px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border-radius:5px;justify-content:center;align-items:center;transition:all .15s;display:flex}.history-card__action-btn:hover{color:var(--color-primary);background:#f1f5f9;border-color:#c7d2fe}.history-card__action-btn--saved{color:#d97706;background:#fffbeb;border-color:#fde68a}.history-card__action-btn--saved:hover{background:#fef3c7}.history-card__action-btn--delete:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.auth-page{background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 50%,#312e81 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-card{background:#fff;border-radius:20px;width:100%;max-width:420px;overflow:hidden;box-shadow:0 25px 50px #0000004d}.auth-card__header{text-align:center;padding:32px 32px 0}.auth-card__icon{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;display:flex;box-shadow:0 4px 14px #4f46e559}.auth-card__header h1{color:#1e293b;margin:0 0 6px;font-size:22px;font-weight:700}.auth-card__header p{color:#94a3b8;margin:0}.auth-form{flex-direction:column;gap:16px;padding:24px 32px;display:flex}.auth-field{flex-direction:column;gap:5px;display:flex}.auth-field label{text-transform:uppercase;letter-spacing:.03em;font-size:12px}.auth-field input{width:100%;font-size:14px;font-family:var(--font-sans);color:#1e293b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;outline:none;padding:10px 14px;transition:all .2s}.auth-field input:focus{background:#fff;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e514}.auth-field__password{position:relative}.auth-field__password input{padding-right:40px}.auth-field__toggle{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:4px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.auth-field__toggle:hover{color:#64748b}.auth-field__hint{font-size:11px}.auth-field__hint--error{color:#ef4444}.auth-field__hint--ok{color:#22c55e}.auth-pwd-rules{flex-wrap:wrap;gap:4px 12px;margin-top:4px;display:flex}.auth-pwd-rule{color:#ef4444;align-items:center;gap:4px;font-size:11px;transition:color .2s;display:flex}.auth-pwd-rule--ok{color:#22c55e}.auth-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;display:flex}.auth-pending{color:#d97706;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;display:flex}.auth-btn{font-size:15px;font-family:var(--font-sans);cursor:pointer;text-align:center;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px;text-decoration:none;transition:all .2s;display:flex}.auth-btn:disabled{opacity:.5;cursor:not-allowed}.auth-btn--primary{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 2px 8px #4f46e54d}.auth-btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #4f46e566}.auth-card__footer{text-align:center;color:#94a3b8;padding:16px 32px 24px}.auth-card__footer a{color:#4f46e5;text-decoration:none}.auth-card__footer a:hover{text-decoration:underline}.auth-success{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:48px 32px;display:flex}.auth-success h2{color:#1e293b;margin:0;font-size:20px;font-weight:700}.auth-success p{color:#64748b;margin:0;font-size:14px;line-height:1.5}.admin-page{background:var(--color-canvas-bg);min-height:100vh;padding:0}.admin-page__header{background:var(--color-surface);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:16px 28px;display:flex}.admin-page__header-left{align-items:center;gap:10px;display:flex}.admin-page__header-left h1{color:var(--color-text-primary);margin:0;font-size:22px;font-weight:700}.admin-page__back{border:1px solid var(--color-border);width:32px;height:32px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.admin-page__back:hover{color:var(--color-text-primary);background:#f1f5f9}.admin-page__refresh{border:1px solid var(--color-border);width:32px;height:32px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.admin-page__refresh:hover{color:var(--color-primary);background:#f1f5f9}.admin-page__filters{border-bottom:1px solid var(--color-border);background:var(--color-surface);gap:6px;padding:16px 28px;display:flex}.admin-page__filter{color:var(--color-text-secondary);border:1px solid var(--color-border);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-weight:500;transition:all .15s;display:flex}.admin-page__filter:hover{background:#f1f5f9}.admin-page__filter--active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.admin-page__count{background:#ffffff40;border-radius:10px;padding:1px 6px;font-size:11px;font-weight:700}.admin-page__table-wrap{padding:20px 28px}.admin-page__loading,.admin-page__empty{color:var(--color-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:60px 20px;font-size:14px;display:flex}.admin-page__table{border-collapse:separate;border-spacing:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;width:100%;overflow:hidden}.admin-page__table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);background:#f8fafc;padding:10px 14px;font-size:11px;font-weight:700}.admin-page__table td{color:var(--color-text-primary);border-bottom:1px solid #f1f5f9;padding:12px 14px}.admin-page__table tr:last-child td{border-bottom:none}.admin-page__table tr:hover td{background:#fafbfc}.admin-user__name{align-items:center;gap:6px;display:flex}.admin-user__role{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:4px;padding:1px 5px;font-size:9px;font-weight:800}.admin-status{border:1px solid;border-radius:6px;padding:2px 8px;font-size:11px}.admin-reject-reason{color:#94a3b8;margin-top:2px;font-size:10px}.admin-actions{gap:4px;display:flex}.admin-action{cursor:pointer;background:0 0;border:1px solid;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.admin-action:disabled{opacity:.5;cursor:not-allowed}.admin-action--approve{color:#22c55e;border-color:#bbf7d0}.admin-action--approve:hover:not(:disabled){background:#f0fdf4}.admin-action--reject{color:#f59e0b;border-color:#fde68a}.admin-action--reject:hover:not(:disabled){background:#fffbeb}.admin-action--delete{color:#ef4444;border-color:#fecaca}.admin-action--delete:hover:not(:disabled){background:#fef2f2}.app-layout{min-height:100vh;display:flex}.app-layout__main{flex:1;min-width:0;height:100vh;margin-left:240px;transition:margin-left .25s cubic-bezier(.4,0,.2,1);overflow-y:auto}.app-layout--collapsed .app-layout__main{margin-left:64px}.app-sidebar{z-index:100;background:linear-gradient(#0f172a 0%,#1e1b4b 100%);border-right:1px solid #ffffff0f;flex-direction:column;width:240px;height:100vh;transition:width .25s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;overflow:hidden}.app-sidebar--collapsed{width:64px}.app-sidebar__logo{cursor:pointer;flex-shrink:0;align-items:center;gap:12px;padding:20px 16px 24px;display:flex}.app-sidebar__logo-icon{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:10px;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;display:flex;box-shadow:0 2px 8px #6366f166}.app-sidebar__logo-text{color:#fff;letter-spacing:-.02em;white-space:nowrap;font-size:18px;font-weight:800}.app-sidebar__nav{flex-direction:column;flex:1;gap:4px;padding:0 10px;display:flex;overflow-y:auto}.app-sidebar__item{color:#ffffff8c;font-size:14px;font-weight:500;font-family:var(--font-sans);cursor:pointer;white-space:nowrap;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;width:100%;padding:10px 12px;transition:all .15s;display:flex}.app-sidebar__item:hover{color:#ffffffe6;background:#ffffff14}.app-sidebar__item--active{color:#fff;background:#6366f133;box-shadow:inset 3px 0 #6366f1}.app-sidebar__item--active .app-sidebar__item-icon{color:#a5b4fc}.app-sidebar__item-icon{justify-content:center;align-items:center;min-width:20px;display:flex}.app-sidebar__item-label{text-overflow:ellipsis;overflow:hidden}.app-sidebar__item--logout{color:#fff6}.app-sidebar__item--logout:hover{color:#fca5a5;background:#ef444426}.app-sidebar__bottom{border-top:1px solid #ffffff0f;flex-direction:column;flex-shrink:0;gap:4px;padding:12px 10px 10px;display:flex}.app-sidebar__user{align-items:center;gap:10px;margin-bottom:4px;padding:8px 12px;display:flex}.app-sidebar__avatar{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:8px;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;font-size:14px;font-weight:700;display:flex}.app-sidebar__user-info{flex-direction:column;display:flex;overflow:hidden}.app-sidebar__user-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.app-sidebar__user-role{color:#a5b4fc;align-items:center;gap:3px;font-size:10px;display:flex}.app-sidebar__toggle{color:#fff6;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;margin:0 2px;padding:6px;transition:all .15s;display:flex}.app-sidebar__toggle:hover{color:#fff;background:#ffffff1a}.app-sidebar--collapsed .app-sidebar__item{justify-content:center;padding:10px 0}.app-sidebar--collapsed .app-sidebar__user{justify-content:center;padding:8px 0}.botspeak-mode{gap:8px;margin-bottom:8px;display:flex}.botspeak-mode__option{color:#94a3b8;cursor:pointer;align-items:center;gap:5px;font-size:11px;font-weight:500;transition:color .15s;display:flex}.botspeak-mode__option input[type=radio]{accent-color:#22c55e;width:13px;height:13px;margin:0}.botspeak-mode__option--active{color:#1e293b}.botspeak-tts,.botspeak-upload{margin-top:4px}.botspeak-upload__btn{color:#6366f1;cursor:pointer;background:#eef2ff;border:1.5px dashed #a5b4fc;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;padding:12px;font-size:12px;transition:all .15s;display:flex}.botspeak-upload__btn:hover{background:#e0e7ff;border-color:#6366f1}.botspeak-upload__file{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:8px 10px;position:relative}.botspeak-upload__file-info{align-items:center;gap:6px;margin-bottom:6px;display:flex}.botspeak-upload__file-name{text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:11px;overflow:hidden}.botspeak-upload__audio{width:100%;height:28px}.botspeak-upload__remove{color:#ef4444;cursor:pointer;background:#fff;border:1px solid #fecaca;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;transition:all .15s;display:flex;position:absolute;top:6px;right:6px}.botspeak-upload__remove:hover{background:#fef2f2}.botspeak-voice-select{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;justify-content:space-between;align-items:center;margin-bottom:6px;padding:6px 10px;transition:all .15s;display:flex}.botspeak-voice-select:hover{background:#eef2ff;border-color:#6366f1}.botspeak-voice-select__current{align-items:center;gap:5px;min-width:0;font-size:11px;display:flex;overflow:hidden}.botspeak-voice-select__name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.botspeak-voice-select__accent{color:#94a3b8;flex-shrink:0;font-size:9px}.botspeak-voice-select__placeholder{color:#94a3b8;font-style:italic}.botspeak-voice-select__chevron{color:#94a3b8;flex-shrink:0;transition:transform .15s}.botspeak-voice-select__chevron--open{transform:rotate(180deg)}.botspeak-voice-dropdown{z-index:50;background:#fff;border:1px solid #e2e8f0;border-radius:8px;max-height:200px;padding:4px;position:absolute;left:12px;right:12px;overflow-y:auto;box-shadow:0 8px 24px #0000001f}.botspeak-voice-dropdown__empty{text-align:center;color:#94a3b8;padding:12px;font-size:11px}.botspeak-voice-dropdown__item{cursor:pointer;border-radius:5px;align-items:center;gap:6px;padding:6px 8px;font-size:11px;transition:background .1s;display:flex}.botspeak-voice-dropdown__item:hover{background:#f1f5f9}.botspeak-voice-dropdown__item--active{color:#4f46e5;background:#eef2ff}.botspeak-voice-dropdown__name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.botspeak-voice-dropdown__accent{color:#94a3b8;flex-shrink:0;font-size:9px}.voice-page__model-select{border:1px solid var(--color-border);width:100%;color:var(--color-text-primary);cursor:pointer;background:#f8fafc;border-radius:8px;outline:none;padding:8px 10px;font-size:12px;transition:all .15s}.voice-page__model-select:focus{border-color:var(--color-primary);background:#fff;box-shadow:0 0 0 2px #4f46e514}.voice-page__save-section{border-top:1px solid var(--color-border);margin-top:16px;padding-top:16px}.voice-page__save-row{gap:8px;display:flex}.voice-page__save-input{border:1px solid var(--color-border);background:#f8fafc;border-radius:8px;outline:none;flex:1;padding:8px 10px;font-size:12px}.voice-page__save-input:focus{border-color:var(--color-primary);background:#fff}.voice-page__btn--save{color:#fff;cursor:pointer;white-space:nowrap;background:#10b981;border:none;border-radius:8px;align-items:center;gap:4px;padding:8px 14px;font-size:12px;transition:all .15s;display:flex}.voice-page__btn--save:hover{background:#059669}.voice-page__btn--save:disabled{opacity:.5;cursor:not-allowed}.voice-page__save-msg{color:var(--color-text-secondary);margin-top:6px;font-size:12px}.voice-page__saved-panel{max-height:500px;padding:12px;overflow-y:auto}.voice-page__profile-list{flex-direction:column;gap:8px;display:flex}.profile-card{border:1px solid var(--color-border);background:#fafbfc;border-radius:10px;padding:10px 12px;transition:all .15s}.profile-card:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000a}.profile-card--default{background:#fffbeb;border-color:#fbbf24}.profile-card__header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.profile-card__name{color:var(--color-text-primary);align-items:center;gap:4px;display:flex}.profile-card__edit-input{border:1px solid var(--color-primary);border-radius:6px;outline:none;flex:1;padding:4px 8px;font-size:12px}.profile-card__actions{gap:2px;display:flex}.profile-card__actions button{width:24px;height:24px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.profile-card__actions button:hover{color:var(--color-text-primary);background:#f1f5f9}.profile-card__meta{color:var(--color-text-secondary);align-items:center;gap:8px;font-size:11px;display:flex}.profile-card__model{color:var(--color-primary);background:#eef2ff;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:500}.profile-card__settings{color:var(--color-text-muted);gap:8px;margin-top:4px;font-size:10px;display:flex}.ai-config-wrapper{background:var(--color-canvas-bg);flex:1;justify-content:center;padding:32px 24px;display:flex;overflow-y:auto}.ai-config-panel{flex-direction:column;gap:20px;width:100%;max-width:720px;display:flex}.ai-config-panel__header{color:var(--color-text);border-bottom:1px solid var(--color-border);align-items:center;gap:10px;padding-bottom:12px;font-size:18px;font-weight:700;display:flex}.ai-config-panel__desc{color:var(--color-text-muted);margin:-8px 0 0;font-size:12px;line-height:1.5}.ai-config-panel__field{flex-direction:column;gap:6px;display:flex}.ai-config-panel__field label{color:var(--color-text);align-items:center;gap:6px;display:flex}.ai-config-panel__field textarea,.ai-config-panel__field input,.ai-config-panel__field select{border:1px solid var(--color-border);width:100%;font-family:var(--font-sans);color:var(--color-text);resize:vertical;background:#fff;border-radius:8px;padding:10px 12px;transition:border-color .2s,box-shadow .2s}.ai-config-panel__field textarea:focus,.ai-config-panel__field input:focus,.ai-config-panel__field select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #6366f11a}.ai-config-panel__field textarea{min-height:80px;line-height:1.5}.ai-config-panel__hint{color:var(--color-text-muted);font-size:11px;line-height:1.4}.ai-config-panel__row{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.ai-config-panel__field--small input{text-align:center}.ai-config-panel__save-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:12px 24px;font-size:14px;transition:all .2s;display:flex}.ai-config-panel__save-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.ai-config-panel__save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.mode-toggle{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50;background:#1e293be6;border-radius:12px;gap:2px;padding:4px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #00000026}.mode-toggle__btn{cursor:pointer;color:#fff9;background:0 0;border:none;border-radius:9px;align-items:center;gap:6px;padding:8px 16px;font-weight:500;transition:all .2s;display:flex}.mode-toggle__btn:hover{color:#fff;background:#ffffff1a}.mode-toggle__btn--active{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 2px 8px #6366f14d}.mode-toggle__btn--call{color:#10b981!important}.mode-toggle__btn--call:hover{color:#10b981!important;background:#10b98126!important}.mode-toggle__divider{background:#fff3;width:1px;height:20px;margin:0 4px}.call-modal__overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#00000080;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.call-modal{background:#fff;border-radius:16px;flex-direction:column;width:480px;max-height:85vh;animation:.25s slideUp;display:flex;overflow:hidden;box-shadow:0 20px 60px #0003}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.call-modal__header{justify-content:space-between;align-items:center;padding:16px 20px 8px;display:flex}.call-modal__title{color:var(--color-text);align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.call-modal__close{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;border-radius:8px;padding:6px;transition:all .2s}.call-modal__close:hover{color:var(--color-text);background:#f1f5f9}.call-modal__script-name{color:var(--color-text-muted);border-bottom:1px solid var(--color-border);padding:0 20px 12px;font-size:12px}.call-modal__input-section{padding:16px 20px}.call-modal__input-section label{color:var(--color-text);margin-bottom:6px;display:block}.call-modal__input-row{gap:8px;display:flex}.call-modal__input-row input{border:1px solid var(--color-border);font-size:15px;font-family:var(--font-sans);letter-spacing:.5px;border-radius:10px;flex:1;padding:10px 14px;transition:border-color .2s}.call-modal__input-row input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #6366f11a}.call-modal__call-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;align-items:center;gap:6px;padding:10px 20px;font-size:14px;transition:all .2s;display:flex}.call-modal__call-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.call-modal__call-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.call-modal__error{color:#ef4444;margin-top:8px;font-size:12px}.call-modal__status{border-bottom:1px solid var(--color-border);align-items:center;gap:10px;padding:12px 20px;display:flex}.call-modal__status--queued,.call-modal__status--ringing{color:#d97706;background:#fffbeb}.call-modal__status--active{color:#059669;background:#ecfdf5}.call-modal__status--completed{color:#16a34a;background:#f0fdf4}.call-modal__status--failed,.call-modal__status--stopped{color:#dc2626;background:#fef2f2}.call-modal__phone{opacity:.7;font-size:12px;font-weight:400}.call-modal__stop-btn{color:#ef4444;cursor:pointer;background:#fff;border:1px solid #ef4444;border-radius:6px;align-items:center;gap:4px;margin-left:auto;padding:5px 12px;font-size:12px;transition:all .2s;display:flex}.call-modal__stop-btn:hover{background:#fef2f2}.call-modal__play-btn{color:#6366f1;cursor:pointer;vertical-align:middle;background:#6366f11f;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-left:6px;transition:background .15s,transform .1s;display:inline-flex}.call-modal__play-btn:hover{background:#6366f140;transform:scale(1.15)}.call-modal__play-btn:active{transform:scale(.95)}.call-modal__transcript{flex-direction:column;flex:1;gap:12px;min-height:120px;max-height:400px;padding:16px 20px;display:flex;overflow-y:auto}.call-modal__waiting{color:var(--color-text-muted);justify-content:center;align-items:center;gap:8px;padding:24px;display:flex}.call-modal__msg{align-items:flex-start;gap:8px;animation:.3s fadeIn;display:flex;position:relative}.call-modal__msg-time{color:#94a3b8;text-align:center;letter-spacing:-.3px;flex-shrink:0;width:38px;padding-top:6px;font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-size:11px;font-weight:600;line-height:1}.call-modal__msg--bot .call-modal__msg-time{color:#818cf8}.call-modal__msg--customer .call-modal__msg-time{color:#64748b}.call-modal__msg-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:2px;display:flex}.call-modal__msg--bot .call-modal__msg-icon{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6)}.call-modal__msg--customer .call-modal__msg-icon{background:#e2e8f0}.call-modal__msg-body{flex:1;min-width:0}.call-modal__msg-role{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:11px}.call-modal__msg-bubble{background:#f8fafc;border-radius:12px;align-items:center;gap:8px;padding:8px 10px 8px 12px;transition:box-shadow .2s;display:flex;position:relative}.call-modal__msg-bubble.playing{box-shadow:0 0 0 2px #6366f14d}.call-modal__msg--bot .call-modal__msg-bubble{background:#eef2ff}.call-modal__msg-text{color:var(--color-text);flex:1;min-width:0;line-height:1.5}.call-modal__bubble-play-btn{color:#6366f1;cursor:pointer;background:#6366f11f;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;transition:all .2s;display:flex}.call-modal__bubble-play-btn:hover{background:#6366f138;transform:scale(1.1)}.call-modal__msg--customer .call-modal__bubble-play-btn{color:#475569;background:#64748b1a}.call-modal__msg--customer .call-modal__bubble-play-btn:hover{background:#64748b33}.call-modal__msg-bubble.playing .call-modal__bubble-play-btn{color:#fff;background:#6366f1;animation:1.5s ease-in-out infinite pulsePlay}@keyframes pulsePlay{0%,to{box-shadow:0 0 #6366f166}50%{box-shadow:0 0 0 6px #6366f100}}.call-modal__msg-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.call-modal__msg-clock{color:#94a3b8;align-items:center;gap:3px;font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-size:10px;display:inline-flex}.call-modal__msg-latency-badge{letter-spacing:-.2px;border-radius:10px;align-items:center;padding:1px 7px;font-size:10px;font-weight:600;display:inline-flex}.call-modal__msg-latency-badge.fast{color:#16a34a;background:#dcfce7}.call-modal__msg-latency-badge.medium{color:#ca8a04;background:#fef9c3}.call-modal__msg-latency-badge.slow{color:#dc2626;background:#fee2e2}.call-modal__msg-intent-badge{color:#8b5cf6;font-size:10px}.call-modal__msg-action{color:#2563eb;text-transform:uppercase;background:#dbeafe;border-radius:4px;padding:1px 6px;font-size:9px;font-weight:600}.call-modal__summary{color:var(--color-text-muted);border-top:1px solid var(--color-border);align-items:center;gap:6px;padding:12px 20px;font-size:12px;display:flex}.call-modal__recording-section{border-top:1px solid var(--color-border);background:var(--color-bg-hover);padding:12px 20px}.call-modal__recording-title{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.4px;align-items:center;gap:6px;margin-bottom:10px;font-size:12px;display:flex}.call-modal__recording-loading{color:var(--color-text-muted);align-items:center;gap:8px;display:flex}.call-modal__recording-error{color:#ef4444;align-items:center;gap:8px;font-size:12px;display:flex}.call-modal__recording-error button{color:#8b5cf6;cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;text-decoration:underline}.call-modal__load-recording-btn{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;transition:background .15s;display:flex}.call-modal__load-recording-btn:hover{background:var(--color-bg-hover);color:#8b5cf6;border-color:#8b5cf6}.call-modal__audio-player{background:#f1f5f9;border-radius:12px;align-items:center;gap:10px;padding:10px 14px;display:flex}.call-modal__player-play{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s;display:flex}.call-modal__player-play:hover{background:#4f46e5;transform:scale(1.05)}.call-modal__player-play:active{transform:scale(.95)}.call-modal__player-play.playing{background:#4f46e5}.call-modal__player-time{color:#64748b;text-align:center;flex-shrink:0;min-width:36px;font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-size:11px}.call-modal__player-track{flex:1;align-items:center;min-width:0;display:flex}.call-modal__player-seek{appearance:none;background:linear-gradient(to right, #6366f1 0%, #6366f1 var(--progress,0%), #cbd5e1 var(--progress,0%), #cbd5e1 100%);cursor:pointer;border-radius:3px;outline:none;width:100%;height:6px;transition:height .15s}.call-modal__player-seek:hover{height:8px}.call-modal__player-seek::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#6366f1;border:2px solid #fff;border-radius:50%;width:14px;height:14px;transition:transform .15s;box-shadow:0 1px 4px #00000026}.call-modal__player-seek::-webkit-slider-thumb:hover{transform:scale(1.2)}.call-modal__player-seek::-moz-range-thumb{cursor:pointer;background:#6366f1;border:2px solid #fff;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 4px #00000026}.call-modal__player-download{color:#94a3b8;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;text-decoration:none;transition:all .15s;display:flex}.call-modal__player-download:hover{color:#6366f1;background:#e2e8f0}.ai-agent-node.base-node{background:var(--color-surface);border-radius:14px}.ivr-node.base-node{background:var(--color-surface);border-radius:14px;min-width:300px;max-width:400px;overflow:visible}.ivr-node__option-card{background:#f0fdf4;border:1px solid #d1fae5;border-radius:8px;margin-bottom:4px;padding:6px 8px;transition:all .15s}.ivr-node__option-card:hover{background:#ecfdf5;border-color:#10b981}.ivr-node__timeout-label{background:#fef2f2;border:1px dashed #fecaca;border-radius:8px;align-items:center;gap:4px;margin-top:4px;padding:6px 8px;display:flex}.ai-agent-node__body{text-align:center;background:var(--color-surface);border-radius:0 0 12px 12px;padding:8px 12px}.ai-conv-node{background:var(--color-surface);border:2px solid #0000;border-radius:16px;min-width:300px;max-width:320px;transition:border-color .2s,box-shadow .2s;position:relative;overflow:visible;box-shadow:0 4px 20px #0ea5e914,0 1px 4px #0000000f}.ai-conv-node--selected{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e92e,0 4px 20px #0ea5e91f}.ai-conv-node__header{background:linear-gradient(135deg,#0ea5e9,#8b5cf6);border-radius:14px 14px 0 0;align-items:center;gap:10px;padding:10px 14px;display:flex}.ai-conv-node__icon-wrap{color:#fff;background:#fff3;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:relative}.ai-conv-node__sparkle{color:#fbbf24;animation:2s ease-in-out infinite sparkle-pulse;position:absolute;top:-2px;right:-3px}@keyframes sparkle-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}.ai-conv-node__title{flex-direction:column;display:flex}.ai-conv-node__name{color:#fff;letter-spacing:.3px;font-weight:700}.ai-conv-node__subtitle{color:#ffffffb3;margin-top:1px;font-size:10px}.ai-conv-node__chat-preview{flex-direction:column;gap:6px;padding:10px 12px 6px;display:flex}.ai-conv-node__bubble{border-radius:12px;align-items:center;gap:5px;max-width:80%;padding:5px 10px;font-size:11px;line-height:1.3;display:inline-flex}.ai-conv-node__bubble--user{background:var(--color-surface-hover,#f1f5f9);color:var(--color-text-secondary,#64748b);border-bottom-right-radius:4px;align-self:flex-end}.ai-conv-node__bubble--bot{color:#7c3aed;background:linear-gradient(135deg,#0ea5e920,#8b5cf620);border-bottom-left-radius:4px;align-self:flex-start;font-weight:500}.ai-conv-node__loop-badge{color:var(--color-text-secondary,#94a3b8);background:var(--color-surface-hover,#f8fafc);border-radius:20px;align-self:center;margin-top:2px;padding:3px 10px;font-size:10px}.ai-conv-node__section{padding:6px 12px}.ai-conv-node__label{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary,#94a3b8);align-items:center;gap:4px;margin-bottom:4px;font-size:10px;display:flex}.ai-conv-node__textarea{border:1.5px solid var(--color-border,#e2e8f0);resize:vertical;background:var(--color-surface);width:100%;color:var(--color-text);border-radius:10px;padding:8px 10px;font-family:inherit;font-size:11.5px;line-height:1.4;transition:border-color .2s}.ai-conv-node__textarea:focus{border-color:#0ea5e9;outline:none;box-shadow:0 0 0 2px #0ea5e91f}.ai-conv-node__textarea::placeholder{color:var(--color-text-tertiary,#cbd5e1)}.ai-conv-node__turns-row{justify-content:space-between;align-items:center;padding:4px 12px 8px;display:flex}.ai-conv-node__turns-input{border:1.5px solid var(--color-border,#e2e8f0);text-align:center;background:var(--color-surface);width:52px;color:var(--color-text);border-radius:8px;padding:4px 8px;font-size:12px}.ai-conv-node__turns-input:focus{border-color:#0ea5e9;outline:none}.ai-conv-node__outputs{border-top:1px solid var(--color-border,#f1f5f9);padding:4px 12px 10px}.ai-conv-node__outputs-header{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary,#94a3b8);justify-content:space-between;align-items:center;margin-bottom:6px;font-size:10px;display:flex}.ai-conv-node__add-btn{border:1.5px dashed var(--color-border,#cbd5e1);width:20px;height:20px;color:var(--color-text-secondary,#94a3b8);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.ai-conv-node__add-btn:hover{color:#0ea5e9;background:#0ea5e90f;border-color:#0ea5e9}.ai-conv-node__output-pill{background:var(--color-surface-hover,#f8fafc);border:1px solid var(--color-border,#e2e8f0);border-left:3px solid var(--pill-color,#94a3b8);border-radius:10px;align-items:center;gap:6px;margin-bottom:4px;padding:5px 8px;transition:background .15s;display:flex}.ai-conv-node__output-pill:hover{background:var(--color-surface-hover,#f1f5f9)}.ai-conv-node__pill-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.ai-conv-node__pill-label{min-width:0;color:var(--color-text);background:0 0;border:none;flex:1;padding:2px 4px;font-size:11px;font-weight:500}.ai-conv-node__pill-label:focus{background:#0ea5e90f;border-radius:4px;outline:none}.ai-conv-node__pill-action{width:58px;color:var(--color-text-secondary,#94a3b8);text-transform:uppercase;background:0 0;border:none;padding:2px 4px;font-family:SF Mono,monospace;font-size:9px}.ai-conv-node__pill-action:focus{background:#0ea5e90f;border-radius:4px;outline:none}.ai-conv-node__pill-remove{width:16px;height:16px;color:var(--color-text-tertiary,#cbd5e1);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:flex}.ai-conv-node__output-pill:hover .ai-conv-node__pill-remove{opacity:1}.ai-conv-node__pill-remove:hover{color:#ef4444;background:#ef44441a}.ai-agent-node__badge{margin-bottom:4px;font-size:22px}.ai-agent-node__prompt-section{text-align:left;margin-top:4px;margin-bottom:8px}.ai-agent-node__prompt-input{box-sizing:border-box;width:100%;font-family:var(--font-sans);border:1px solid var(--color-border);background:var(--color-bg-hover);color:var(--color-text);resize:vertical;border-radius:8px;min-height:36px;padding:8px 10px;line-height:1.4}.ai-agent-node__prompt-input:focus{border-color:#8b5cf6;outline:none;box-shadow:0 0 0 2px #8b5cf620}.ai-agent-node__prompt-input::placeholder{color:var(--color-text-muted);font-size:12px}.ai-agent-node__outputs{text-align:left;border-top:1px solid var(--color-border);margin-top:8px;padding-top:8px}.ai-agent-node__outputs-header{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:12px;display:flex}.ai-agent-node__add-btn{border:1px dashed var(--color-border);cursor:pointer;color:var(--color-text-muted);background:0 0;border-radius:4px;align-items:center;padding:2px;display:flex}.ai-agent-node__add-btn:hover{background:var(--color-bg-hover);color:var(--color-primary)}.ai-agent-node__output-card{background:var(--color-bg-card,#ffffff0a);border:1px solid var(--color-border);border-left:4px solid #6366f1;border-radius:10px;margin-bottom:10px;padding:12px 26px 12px 14px;position:relative}.ai-agent-node__card-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.ai-agent-node__output-row{align-items:center;gap:4px;margin-bottom:4px;display:flex;position:relative}.ai-agent-node__field{margin-bottom:8px}.ai-agent-node__field-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.3px;align-items:center;margin-bottom:4px;display:flex}.ai-agent-node__color-picker{flex-wrap:wrap;gap:3px;margin-bottom:6px;display:flex}.ai-agent-node__color-dot{cursor:pointer;border:2px solid #0000;border-radius:50%;width:14px;height:14px;transition:transform .1s,border-color .1s}.ai-agent-node__color-dot:hover{transform:scale(1.3)}.ai-agent-node__color-dot.active{border-color:#fff;transform:scale(1.2)}.ai-agent-node__output-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.ai-agent-node__output-label{border:1px solid var(--color-border);background:var(--color-bg-hover);width:100%;color:var(--color-text);box-sizing:border-box;border-radius:7px;padding:8px 10px;font-size:15px}.ai-agent-node__output-label:focus{border-color:#8b5cf6;outline:none;box-shadow:0 0 0 2px #8b5cf620}.ai-agent-node__output-action{border:1px solid var(--color-border);background:var(--color-bg-hover);box-sizing:border-box;width:100%;color:var(--color-text-muted);border-radius:6px;padding:7px 10px;font-family:monospace}.ai-agent-node__output-action:focus{color:var(--color-text);border-color:#8b5cf6;outline:none}.ai-agent-node__remove-btn{cursor:pointer;color:var(--color-text-muted);opacity:.5;background:0 0;border:none;flex-shrink:0;align-items:center;padding:2px;display:flex}.ai-agent-node__remove-btn:hover{opacity:1;color:#ef4444}.campaign-page{background:var(--color-canvas-bg);min-height:100vh}.campaign-page__header{background:var(--color-surface);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:16px 28px;display:flex}.campaign-page__title{align-items:center;gap:10px;display:flex}.campaign-page__title h1{color:#1e293b;margin:0;font-size:22px;font-weight:700}.campaign-page__content{flex-direction:column;gap:20px;max-width:860px;margin:0 auto;padding:24px 28px;display:flex}.campaign-page__section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;padding:24px;box-shadow:0 1px 3px #0000000a}.campaign-page__section-title{color:var(--color-text-primary);align-items:center;gap:8px;margin:0 0 18px;font-size:15px;display:flex}.campaign-page__badge{color:var(--color-text-secondary);background:#f1f5f9;border-radius:20px;margin-left:4px;padding:2px 10px;font-size:11px;font-weight:700}.campaign-page__collapse-btn{cursor:pointer;width:100%;color:var(--color-text-secondary);background:0 0;border:none;justify-content:space-between;align-items:center;padding:0;display:flex}.campaign-page__collapse-btn .campaign-page__section-title{margin:0}.campaign-page__field{margin-bottom:18px}.campaign-page__field:last-child{margin-bottom:0}.campaign-page__label{color:var(--color-text-secondary);margin-bottom:6px;display:block}.campaign-page__input{width:100%;font-family:var(--font-sans);color:var(--color-text-primary);border:1px solid var(--color-border);background:#fafbfc;border-radius:10px;outline:none;padding:10px 14px;transition:all .2s}.campaign-page__input:focus{border-color:var(--color-primary);background:#fff;box-shadow:0 0 0 3px #4f46e514}.campaign-page__input::placeholder{color:var(--color-text-muted)}.campaign-page__select{width:100%;font-family:var(--font-sans);color:var(--color-text-primary);border:1px solid var(--color-border);cursor:pointer;appearance:none;background:#fafbfc url("data:image/svg+xml,%3Csvg width='10' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%2394a3b8' stroke-width='1.5' fill='none'/%3E%3C/svg%3E") right 14px center no-repeat;border-radius:10px;outline:none;padding:10px 36px 10px 14px;transition:all .2s}.campaign-page__select:focus{border-color:var(--color-primary);background-color:#fff;box-shadow:0 0 0 3px #4f46e514}.campaign-page__file-types{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.campaign-page__file-badge{color:var(--color-text-secondary);letter-spacing:.02em;background:#f1f5f9;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;display:inline-flex}.campaign-page__dropzone{border:2px dashed var(--color-border);text-align:center;cursor:pointer;background:#fafbfc;border-radius:12px;padding:32px 20px;transition:all .25s}.campaign-page__dropzone:hover{background:#f5f3ff;border-color:#c7d2fe}.campaign-page__dropzone--active{border-color:var(--color-primary);background:#eef2ff;box-shadow:0 0 0 4px #4f46e514}.campaign-page__dropzone--has-file{border-style:solid;border-color:var(--color-border);background:#fff;padding:16px 20px}.campaign-page__dropzone-content{flex-direction:column;align-items:center;gap:8px;display:flex}.campaign-page__dropzone--has-file .campaign-page__dropzone-content{flex-direction:row;gap:12px}.campaign-page__file-info{text-align:left;flex-direction:column;flex:1;gap:2px;display:flex}.campaign-page__file-remove{color:#ef4444;cursor:pointer;background:#fff;border:1px solid #fca5a5;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:flex}.campaign-page__file-remove:hover{background:#fef2f2;border-color:#ef4444}.campaign-page__spinner{border:2.5px solid #e2e8f0;border-top-color:var(--color-primary);border-radius:50%;width:24px;height:24px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.campaign-page__preview-table-wrap{border:1px solid var(--color-border);border-radius:10px;margin-top:16px;overflow-x:auto}.campaign-page__preview-table{border-collapse:collapse;width:100%;font-size:12px}.campaign-page__preview-table thead tr{border-bottom:1px solid var(--color-border);background:#f8fafc}.campaign-page__preview-table th{color:var(--color-text-secondary);text-align:left;white-space:nowrap;padding:10px 14px;font-size:11px}.campaign-page__preview-table td{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid #f1f5f9;max-width:200px;padding:9px 14px;overflow:hidden}.campaign-page__preview-table tbody tr:last-child td{border-bottom:none}.campaign-page__preview-table tbody tr:hover{background:#fafbfe}.campaign-page__preview-more{text-align:center;color:var(--color-text-muted);border-top:1px solid var(--color-border);background:#fafbfc;padding:10px;font-size:12px}.campaign-page__plan{flex-direction:column;gap:24px;margin-top:18px;display:flex}.campaign-page__plan-group{border:1px solid var(--color-border);background:#fafbfc;border-radius:12px;flex-direction:column;gap:12px;padding:18px;display:flex}.campaign-page__plan-label{color:var(--color-text-primary);align-items:center;gap:6px;margin:0 0 4px;display:flex}.campaign-page__checkbox{color:var(--color-text-primary);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:6px 8px;transition:background .15s;display:flex}.campaign-page__checkbox:hover{background:#f1f5f9}.campaign-page__checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0}.campaign-page__inline-fields{gap:16px;margin-top:6px;padding-left:32px;display:flex}.campaign-page__inline-field{color:var(--color-text-primary);border:1px solid var(--color-border);background:#fff;border-radius:10px;align-items:center;gap:8px;padding:8px 14px;display:flex}.campaign-page__inline-field input[type=number]{width:60px;font-family:var(--font-sans);text-align:center;border:1px solid var(--color-border);color:var(--color-text-primary);background:#fafbfc;border-radius:6px;outline:none;padding:5px 8px;transition:border .15s}.campaign-page__inline-field input[type=number]:focus{border-color:var(--color-primary);background:#fff}.campaign-page__sub-field{border:1px solid var(--color-border);background:#fff;border-radius:10px;align-items:center;gap:8px;width:fit-content;margin-left:32px;padding:8px 14px;display:flex}.campaign-page__sub-field input[type=number]{width:90px;font-family:var(--font-sans);text-align:center;border:1px solid var(--color-border);color:var(--color-text-primary);background:#fafbfc;border-radius:6px;outline:none;padding:5px 8px;transition:border .15s}.campaign-page__sub-field input[type=number]:focus{border-color:var(--color-primary);background:#fff}.campaign-page__actions{justify-content:flex-end;padding-bottom:40px;display:flex}.campaign-page__submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 28px;font-size:14px;transition:all .25s;display:flex;box-shadow:0 2px 8px #4f46e54d}.campaign-page__submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#4338ca,#6d28d9);transform:translateY(-1px);box-shadow:0 6px 20px #4f46e566}.campaign-page__submit-btn:active:not(:disabled){transform:translateY(0)}.campaign-page__submit-btn:disabled{opacity:.5;cursor:not-allowed}.cplist{background:var(--color-canvas-bg);min-height:100vh}.cplist__header{background:var(--color-surface);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:14px 28px;display:flex}.cplist__title{align-items:center;gap:10px;display:flex}.cplist__title h1{color:#1e293b;margin:0;font-size:22px;font-weight:700}.cplist__header-actions{gap:10px;display:flex}.cplist__btn-outline{color:var(--color-text-secondary);border:1px solid var(--color-border);cursor:pointer;background:#fff;border-radius:10px;align-items:center;gap:6px;padding:8px 16px;font-weight:500;transition:all .15s;display:flex}.cplist__btn-outline:hover{color:var(--color-text-primary);background:#f8fafc;border-color:#cbd5e1}.cplist__btn-primary{color:#fff;background:var(--color-primary);cursor:pointer;border:none;border-radius:10px;align-items:center;gap:6px;padding:8px 18px;transition:all .2s;display:flex;box-shadow:0 1px 3px #4f46e54d}.cplist__btn-primary:hover{background:var(--color-primary-hover);box-shadow:0 4px 12px #4f46e559}.cplist__body{padding:20px 28px}.cplist__filters{margin-bottom:16px}.cplist__filter-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cplist__filter-select{border:1px solid var(--color-border);background:#fff;border-radius:8px;align-items:center;gap:6px;height:36px;padding:0 12px;transition:border .15s;display:flex}.cplist__filter-select:focus-within{border-color:var(--color-primary)}.cplist__filter-select select{font-family:var(--font-sans);color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;outline:none;padding-right:4px}.cplist__filter-date{border:1px solid var(--color-border);background:#fff;border-radius:8px;align-items:center;gap:8px;height:36px;padding:0 12px;display:flex}.cplist__filter-date input[type=date]{font-size:12px;font-family:var(--font-sans);color:var(--color-text-primary);cursor:pointer;background:0 0;border:none;outline:none}.cplist__table-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.cplist__toolbar{border-bottom:1px solid var(--color-border);background:#fafbfc;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.cplist__search{width:240px;position:relative}.cplist__search-icon{color:var(--color-text-muted);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.cplist__search input{width:100%;font-family:var(--font-sans);color:var(--color-text-primary);border:1px solid var(--color-border);background:#fff;border-radius:8px;outline:none;padding:7px 10px 7px 32px;transition:border .15s}.cplist__search input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #4f46e50f}.cplist__search input::placeholder{color:var(--color-text-muted)}.cplist__toolbar-right{gap:6px;display:flex}.cplist__tool-btn{border:1px solid var(--color-border);width:32px;height:32px;color:var(--color-text-secondary);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.cplist__tool-btn:hover{color:var(--color-text-primary);background:#f1f5f9}.cplist__table-wrap{overflow-x:auto}.cplist__table{border-collapse:collapse;width:100%}.cplist__table thead tr{border-bottom:1px solid var(--color-border);background:#f8fafc}.cplist__table th{color:var(--color-text-secondary);text-align:left;white-space:nowrap;padding:12px 16px;font-size:12px}.cplist__table td{vertical-align:middle;padding:14px 16px}.cplist__row{border-bottom:1px solid #f1f5f9;transition:background .15s}.cplist__row:hover{background:#fafbfe}.cplist__row:last-child{border-bottom:none}.cplist__name{color:var(--color-primary);cursor:pointer}.cplist__name:hover{text-decoration:underline}.cplist__status-cell{align-items:center;gap:10px;display:flex}.cplist__status-badge{white-space:nowrap;border-radius:6px;padding:3px 10px;font-size:11px}.cplist__toggle{cursor:pointer;background:#cbd5e1;border:none;border-radius:20px;flex-shrink:0;width:36px;height:20px;padding:0;transition:background .25s;position:relative}.cplist__toggle--on{background:#22c55e}.cplist__toggle-knob{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .25s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.cplist__toggle--on .cplist__toggle-knob{transform:translate(16px)}.cplist__progress-cell{flex-direction:column;gap:4px;display:flex}.cplist__progress-bar{background:#e2e8f0;border-radius:10px;width:100%;height:5px;overflow:hidden}.cplist__progress-fill{background:linear-gradient(90deg,#818cf8,#6366f1);border-radius:10px;height:100%;transition:width .4s}.cplist__progress-pct{color:var(--color-text-secondary);font-size:12px}.cplist__actions{justify-content:center;align-items:center;gap:6px;display:flex}.cplist__action-btn{cursor:pointer;white-space:nowrap;border:1px solid;border-radius:8px;align-items:center;gap:4px;transition:all .15s;display:inline-flex}.cplist__action-btn--report{color:var(--color-primary);border-color:var(--color-primary);background:#fff;padding:5px 12px;font-size:12px}.cplist__action-btn--report:hover{background:#eef2ff}.cplist__action-btn--icon{width:30px;height:30px;color:var(--color-text-secondary);border-color:var(--color-border);background:#fff;justify-content:center;padding:0}.cplist__action-btn--icon:hover{color:var(--color-text-primary);background:#f1f5f9;border-color:#cbd5e1}.cplist__action-btn--danger{color:#ef4444;border-color:#fca5a5}.cplist__action-btn--danger:hover{background:#fef2f2;border-color:#ef4444}.cplist__action-btn--confirm{color:#fff!important;background:#ef4444!important;border-color:#ef4444!important}.cplist__empty{flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.cplist__pagination{border-top:1px solid var(--color-border);background:#fafbfc;justify-content:flex-end;align-items:center;gap:16px;padding:12px 16px;display:flex}.cplist__page-btn{min-width:28px;height:28px;color:var(--color-text-secondary);border:1px solid var(--color-border);cursor:pointer;background:#fff;border-radius:6px;justify-content:center;align-items:center;padding:0 6px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.cplist__page-btn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.cplist__page-btn:disabled{opacity:.4;cursor:not-allowed}.cplist__page-btn--active{background:var(--color-primary)!important;color:#fff!important;border-color:var(--color-primary)!important}.report-page{background:#f8fafc;min-height:100vh}.report-page__header{border-bottom:1px solid var(--color-border);background:#fff;justify-content:space-between;align-items:center;padding:14px 28px;display:flex}.report-page__title{align-items:center;gap:10px;display:flex}.report-page__title h1{color:#1e293b;margin:0;font-size:22px;font-weight:700}.report-page__actions{align-items:center;gap:12px;display:flex}.report-page__btn-text{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;font-weight:500;transition:color .15s;display:flex}.report-page__btn-text:hover{color:var(--color-primary)}.report-page__btn-icon{border:1px solid var(--color-border);width:28px;height:28px;color:var(--color-text-secondary);cursor:pointer;background:#fff;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.report-page__btn-icon:hover{color:var(--color-text-primary);background:#f1f5f9}.report-page__sub-header{border-bottom:1px solid var(--color-border);background:#fff;justify-content:space-between;align-items:center;padding:16px 28px 0;display:flex}.report-page__title{color:var(--color-text-primary);margin:0;padding-bottom:16px;font-size:16px}.report-page__tabs{gap:8px;padding-bottom:12px;display:flex}.report-page__tab{color:var(--color-text-secondary);border:1px solid var(--color-border);cursor:pointer;background:#fff;border-radius:8px;padding:6px 16px;font-weight:500;transition:all .15s}.report-page__tab.active{color:var(--color-text-primary);background:#f1f5f9}.report-page__content{padding:24px 28px}.report-page__grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.report-page__card{border:1px solid var(--color-border);background:#fff;border-radius:4px;flex-direction:column;padding:20px;display:flex;box-shadow:0 1px 2px #00000005}.report-page__card--full{grid-column:1/-1}.report-page__card-title{color:var(--color-text-primary);margin:0 0 16px;font-size:14px}.report-page__donut-wrapper{justify-content:center;align-items:center;width:100%;display:flex;position:relative}.report-page__donut-center{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.report-page__cost-wrapper{flex:1;justify-content:center;align-items:center;min-height:220px;display:flex}.report-detail{border:1px solid var(--color-border);background:#fff;border-radius:4px;flex-direction:column;display:flex;box-shadow:0 1px 2px #00000005}.report-detail__toolbar{border-bottom:1px solid var(--color-border);flex-direction:column;gap:12px;padding:16px 20px;display:flex}.report-detail__filters{flex-wrap:wrap;gap:8px;display:flex}.report-detail__select{border:1px solid var(--color-border);height:32px;color:var(--color-text-secondary);background:#fff;border-radius:6px;align-items:center;gap:6px;padding:0 12px;transition:border .15s;display:flex}.report-detail__select:focus-within{border-color:var(--color-primary)}.report-detail__select select{font-size:12px;font-family:var(--font-sans);color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;outline:none;padding-right:4px}.report-detail__date{border:1px solid var(--color-border);background:#fff;border-radius:6px;align-items:center;gap:8px;min-width:140px;height:32px;padding:0 12px;display:flex}.report-detail__toolbar-bottom{justify-content:space-between;align-items:center;display:flex}.report-detail__search{width:260px;position:relative}.report-detail__search-icon{color:var(--color-text-muted);pointer-events:none;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.report-detail__search input{width:100%;font-family:var(--font-sans);color:var(--color-text-primary);border:1px solid var(--color-border);background:#fff;border-radius:6px;outline:none;padding:7px 32px 7px 12px;transition:border .15s}.report-detail__search input:focus{border-color:var(--color-primary)}.report-detail__actions-right{align-items:center;gap:8px;display:flex}.report-detail__icon-btn{border:1px solid var(--color-border);width:32px;height:32px;color:var(--color-text-secondary);cursor:pointer;background:#fff;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.report-detail__icon-btn:hover{color:var(--color-text-primary);background:#f1f5f9}.report-detail__icon-btn.border-none{border:none;width:28px;height:28px}.report-detail__btn-export{color:#10b981;cursor:pointer;background:#fff;border:1px solid #10b981;border-radius:6px;align-items:center;gap:6px;height:32px;padding:0 12px;font-weight:500;transition:all .15s;display:flex}.report-detail__btn-export:hover{background:#ecfdf5}.report-detail__table-wrap{min-height:300px;overflow-x:auto}.report-detail__table{border-collapse:collapse;width:100%}.report-detail__table thead tr{border-bottom:1px solid var(--color-border);background:#fafbfc}.report-detail__table th{color:var(--color-text-primary);text-align:left;white-space:nowrap;padding:12px 16px;font-size:12px}.report-detail__table td{vertical-align:middle;border-bottom:1px solid var(--color-border);padding:14px 16px}.report-detail__empty{flex-direction:column;justify-content:center;align-items:center;padding:80px 20px;display:flex}.staff-page{max-width:1200px;margin:0 auto;padding:24px 32px}.staff-page__header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.staff-page__title{align-items:center;gap:10px;display:flex}.staff-page__title h1{color:#1e293b;margin:0;font-size:22px;font-weight:700}.staff-page__tabs{border-bottom:2px solid #e2e8f0;gap:4px;margin-bottom:20px;display:flex}.staff-page__tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-2px;padding:10px 18px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.staff-page__tab:hover{color:#334155}.staff-page__tab--active{color:#4338ca;border-bottom-color:#4338ca}.staff-page__toolbar{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}.staff-page__filters{gap:10px;display:flex}.staff-page__filter-select{position:relative}.staff-page__filter-select select{appearance:none;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-width:150px;padding:8px 32px 8px 12px}.staff-page__filter-select svg{color:#94a3b8;pointer-events:none;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.staff-page__search-row{align-items:center;gap:12px;display:flex}.staff-page__search{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex:1;align-items:center;gap:8px;max-width:300px;padding:8px 14px;display:flex}.staff-page__search svg{color:#94a3b8;flex-shrink:0}.staff-page__search input{background:0 0;border:none;outline:none;width:100%}.staff-page__add-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#312e81;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 18px;transition:background .2s;display:flex}.staff-page__add-btn:hover{background:#3730a3}.staff-page__table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.staff-page__table{border-collapse:collapse;width:100%}.staff-page__table th{color:#64748b;text-align:left;text-transform:uppercase;letter-spacing:.5px;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-size:12px}.staff-page__table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:12px 16px}.staff-page__table tbody tr:hover{background:#f8fafc}.staff-page__loading,.staff-page__empty{text-align:center;color:#94a3b8;padding:40px!important}.staff-page__loading{justify-content:center;align-items:center;gap:8px;display:flex}.staff-page__toggle{cursor:pointer;background:#cbd5e1;border:none;border-radius:11px;width:42px;height:22px;padding:0;transition:background .2s;position:relative}.staff-page__toggle--on{background:#4338ca}.staff-page__toggle-thumb{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.staff-page__toggle--on .staff-page__toggle-thumb{transform:translate(20px)}.staff-page__user-cell{align-items:center;gap:10px;display:flex}.staff-page__avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;display:flex}.staff-page__email{color:#64748b}.staff-page__muted{color:#94a3b8;font-style:italic}.staff-page__role-badge{border-radius:20px;padding:3px 10px;font-size:12px;display:inline-flex}.staff-page__actions{gap:6px;display:flex}.staff-page__action-btn{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.staff-page__action-btn:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.staff-page__action-btn--view:hover{color:#4338ca;border-color:#4338ca}.staff-page__action-btn--edit:hover{color:#f59e0b;border-color:#f59e0b}.staff-page__action-btn--delete:hover{color:#ef4444;background:#fef2f2;border-color:#ef4444}.staff-page__pagination{text-align:right;color:#94a3b8;border-top:1px solid #f1f5f9;padding:12px 16px;font-size:12px}.staff-page__groups-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.staff-page__groups-header h2{color:#1e293b;margin:0;font-size:16px}.staff-page__groups-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.staff-page__group-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;transition:box-shadow .2s}.staff-page__group-card:hover{box-shadow:0 4px 12px #0000000f}.staff-page__group-card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.staff-page__group-card-header h3{color:#1e293b;align-items:center;gap:8px;margin:0;font-size:15px;display:flex}.staff-page__default-badge{color:#3b82f6;background:#dbeafe;border-radius:10px;padding:2px 8px;font-size:10px}.staff-page__group-card-actions{gap:4px;display:flex}.staff-page__group-card-actions button{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;transition:color .15s}.staff-page__group-card-info p{color:#64748b;margin:4px 0}.staff-page__group-card-info strong{color:#334155}.staff-modal__overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a80;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.staff-modal{background:#fff;border-radius:16px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0003}.staff-modal--group{max-width:640px}.staff-modal__header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:20px 24px 12px;display:flex}.staff-modal__header h2{color:#1e293b;margin:0;font-size:18px;font-weight:700}.staff-modal__header button{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:4px}.staff-modal__body{padding:20px 24px}.staff-modal__error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:16px;padding:10px 14px}.staff-modal__label{color:#334155;margin-top:14px;margin-bottom:6px;display:block}.staff-modal__label:first-of-type{margin-top:0}.staff-modal__required{color:#ef4444}.staff-modal__hint-inline{color:#94a3b8;font-size:12px;font-weight:400}.staff-modal__input{color:#334155;box-sizing:border-box;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:14px;transition:border-color .2s}.staff-modal__input:focus{border-color:#4338ca}.staff-modal__roles{gap:12px;margin-top:4px;display:flex}.staff-modal__role-option{cursor:pointer;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;transition:all .15s;display:flex}.staff-modal__role-option input{display:none}.staff-modal__role-option--active{color:#4338ca;background:#eef2ff;border-color:#4338ca}.staff-modal__footer{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.staff-modal__btn{cursor:pointer;border:none;border-radius:8px;padding:10px 24px;font-size:14px;transition:all .15s}.staff-modal__btn--cancel{background:#f1f5f9}.staff-modal__btn--cancel:hover{background:#e2e8f0}.staff-modal__btn--save{color:#fff;background:#312e81}.staff-modal__btn--save:hover{background:#3730a3}.staff-modal__btn--save:disabled{opacity:.6;cursor:not-allowed}.staff-modal__view-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;font-size:24px;font-weight:700;display:flex}.staff-modal__view-row{border-bottom:1px solid #f8fafc;padding:8px 0;font-size:14px}.staff-modal__view-row strong{color:#1e293b;margin-right:8px}.staff-modal__perm-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:8px;display:grid}.staff-modal__perm-module{background:#f8fafc;border-radius:10px;padding:12px}.staff-modal__perm-module-header{color:#4338ca;border-bottom:1px solid #e2e8f0;margin-bottom:8px;padding-bottom:6px;font-weight:700}.staff-modal__perm-item{cursor:pointer;align-items:center;gap:8px;padding:4px 0;display:flex}.staff-modal__perm-item input[type=checkbox]{accent-color:#4338ca;width:15px;height:15px}.spin{animation:1s linear infinite spin}.mcall-page{max-width:1200px;margin:0 auto;padding:24px 32px}.mcall-page__header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.mcall-page__title{align-items:center;gap:10px;display:flex}.mcall-page__title h1{color:#1e293b;margin:0;font-size:22px;font-weight:700}.mcall-page__sip-status{background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:8px;padding:6px 14px;display:flex}.mcall-sip-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.mcall-sip-dot--registered{background:#22c55e;box-shadow:0 0 6px #22c55e66}.mcall-sip-dot--connecting{background:#f59e0b;animation:1.5s infinite pulse}.mcall-sip-dot--disconnected{background:#94a3b8}.mcall-sip-dot--error{background:#ef4444}@keyframes pulse{50%{opacity:.5}}.mcall-sip-label{color:#64748b;font-size:12px;font-weight:500}.mcall-page__content{grid-template-columns:320px 1fr;align-items:start;gap:24px;display:grid}.mcall-dialer__card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px;box-shadow:0 4px 20px #0000000a}.mcall-dialer__input-group{margin-bottom:10px}.mcall-dialer__input-group label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:12px;display:block}.mcall-dialer__phone-input{letter-spacing:1.5px;color:#1e293b;text-align:center;box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;outline:none;width:100%;padding:10px 14px;font-size:18px;transition:border-color .2s}.mcall-dialer__phone-input:focus{background:#fff;border-color:#4338ca}.mcall-dialer__name-input{box-sizing:border-box;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:8px 14px}.mcall-dialer__name-input:focus{border-color:#4338ca}.mcall-dialer__numpad{grid-template-columns:repeat(3,1fr);gap:6px;margin:12px 0;display:grid}.mcall-dialer__digit{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:10px;font-size:18px;transition:all .15s}.mcall-dialer__digit:hover{background:#eef2ff;border-color:#c7d2fe}.mcall-dialer__digit:active{background:#e0e7ff;transform:scale(.96)}.mcall-dialer__status{text-align:center;padding:12px 0}.mcall-dialer__status-indicator{border-radius:20px;padding:8px 20px;font-size:14px;display:inline-block}.mcall-dialer__status-indicator--connecting{color:#6366f1;background:#eef2ff}.mcall-dialer__status-indicator--ringing{color:#3b82f6;background:#eff6ff;animation:1s infinite pulse}.mcall-dialer__status-indicator--active{color:#059669;background:#ecfdf5;font-size:24px;font-weight:700}.mcall-dialer__status-indicator--ended{color:#94a3b8;background:#f1f5f9}.mcall-dialer__actions{gap:12px;margin-top:16px;display:flex}.mcall-dialer__call-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);border:none;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:15px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 12px #22c55e4d}.mcall-dialer__call-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #22c55e66}.mcall-dialer__call-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.mcall-dialer__call-btn--disabled{box-shadow:none;background:#94a3b8}.mcall-dialer__hangup-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:none;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:15px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 12px #ef44444d}.mcall-dialer__hangup-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #ef444466}.mcall-dialer__mute-btn{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:14px;justify-content:center;align-items:center;width:52px;transition:all .15s;display:flex}.mcall-dialer__mute-btn:hover{background:#f1f5f9}.mcall-dialer__mute-btn--active{color:#dc2626;background:#fef2f2;border-color:#fecaca}.mcall-history{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden}.mcall-history__header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.mcall-history__header h2{color:#1e293b;margin:0;font-size:15px;font-weight:700}.mcall-history__search{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;display:flex}.mcall-history__search svg{color:#94a3b8;flex-shrink:0}.mcall-history__search input{background:0 0;border:none;outline:none;width:150px}.mcall-history__list{max-height:calc(100vh - 220px);overflow-y:auto}.mcall-history__empty{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:60px 20px;display:flex}.mcall-history__item{border-bottom:1px solid #f8fafc;justify-content:space-between;align-items:center;padding:14px 20px;transition:background .1s;display:flex}.mcall-history__item:hover{background:#fafbfd}.mcall-history__item-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.mcall-history__item-icon{background:#f1f5f9;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.mcall-history__item-info{min-width:0}.mcall-history__item-phone{color:#1e293b;align-items:center;gap:8px;font-size:14px;display:flex}.mcall-history__item-number{color:#94a3b8;font-size:12px;font-weight:400}.mcall-history__item-meta{align-items:center;gap:10px;margin-top:3px;display:flex}.mcall-history__item-status{align-items:center;gap:4px;font-size:12px;font-weight:500;display:flex}.mcall-history__item-result{color:#64748b;background:#f1f5f9;border-radius:10px;padding:1px 8px;font-size:11px}.mcall-history__item-date{color:#94a3b8;font-size:11px}.mcall-history__item-right{flex-shrink:0;align-items:center;gap:12px;display:flex}.mcall-history__item-duration{background:#f1f5f9;border-radius:8px;align-items:center;gap:4px;padding:3px 10px;font-size:12px;font-weight:500;display:flex}.mcall-history__item-actions{gap:4px;display:flex}.mcall-history__action-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:flex}.mcall-history__action-btn:hover{color:#334155;background:#f8fafc;transform:translateY(-1px)}.mcall-history__action-btn--active{color:#4338ca;background:#eef2ff;border-color:#c7d2fe}.mcall-history__action-btn--danger:hover{color:#ef4444;background:#fef2f2;border-color:#fecaca}.dashboard-page{max-width:1200px;margin:0 auto;padding:24px 32px}.dashboard-stats{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px;display:grid}.dashboard-stat-card{text-align:center;background:#f8fafc;border-radius:16px;padding:16px 20px}.dashboard-stat-value{margin-bottom:6px;font-size:28px;font-weight:800}.dashboard-stat-label{color:#475569;font-size:13px;font-weight:500}.dashboard-section{margin-bottom:24px}.dashboard-section-title{color:#334155;margin-bottom:16px;font-size:16px;font-weight:700}.dashboard-chart-container{background:#f8fafc;border-radius:16px;height:250px;padding:20px 20px 0 0}.dashboard-recent-list{flex-direction:column;gap:12px;display:flex}.dashboard-recent-item{background:#f8fafc;border-radius:12px;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.dashboard-recent-left{align-items:center;gap:16px;display:flex}.dashboard-recent-icon{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.dashboard-recent-icon--in{color:#16a34a;background:#dcfce7}.dashboard-recent-icon--out{color:#4f46e5;background:#e0e7ff}.dashboard-recent-icon--missed{color:#dc2626;background:#fee2e2}.dashboard-recent-phone{color:#1e293b;margin-bottom:4px;font-size:16px;font-weight:700}.dashboard-recent-name{color:#64748b;font-size:14px}.dashboard-recent-right{align-items:center;gap:16px;display:flex}.dashboard-recent-status{border-radius:20px;padding:6px 12px;font-size:13px;font-weight:600}.dashboard-recent-status--success{color:#16a34a;background:#dcfce7}.dashboard-recent-status--danger{color:#dc2626;background:#fee2e2}.dashboard-recent-duration{color:#475569;font-size:15px;font-weight:600}@media (width<=768px){.mcall-page{padding:12px 10px}.mcall-page__header{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:16px}.mcall-page__title h1{font-size:18px}.mcall-page__sip-status{padding:4px 10px;font-size:11px}.mcall-page__content{gap:16px;grid-template-columns:1fr!important}.dashboard-stats{gap:10px;margin-bottom:16px;grid-template-columns:repeat(2,1fr)!important}.dashboard-stat-card{border-radius:12px;padding:10px 12px}.dashboard-stat-value{font-size:22px}.dashboard-stat-label{font-size:11px}.dashboard-chart-container{height:140px!important}.mcall-dialer__card{border-radius:12px;padding:14px}.mcall-dialer__phone-input{padding:10px;font-size:20px}.mcall-dialer__numpad{gap:5px;margin:8px 0}.mcall-dialer__digit{border-radius:10px;padding:10px 6px;font-size:17px}.mcall-dialer__call-btn,.mcall-dialer__hangup-btn{border-radius:12px;padding:12px;font-size:14px}.mcall-dialer__mute-btn{border-radius:12px;width:46px}.mcall-history{border-radius:12px}.mcall-history__header{flex-direction:column;align-items:flex-start;gap:10px;padding:12px 14px}.mcall-history__header h2{font-size:14px}.mcall-history__header h2 span{margin-top:2px;display:block;margin-left:0!important}.mcall-history__search,.mcall-history__search input{width:100%}.mcall-history__list{max-height:calc(100vh - 160px)}.mcall-history__item{flex-direction:column;align-items:flex-start;gap:10px;padding:12px 14px}.mcall-history__item-left{width:100%}.mcall-history__item-right{flex-wrap:wrap;justify-content:flex-start;gap:8px;width:100%}.mcall-history__item-duration{padding:2px 8px;font-size:11px}.mcall-history__action-btn{width:32px;height:32px}audio[style]{width:200px!important;bottom:70px!important;left:10px!important}.app-sidebar{z-index:200;border-top:1px solid #ffffff1a;border-right:none;flex-direction:row;height:56px;position:fixed;inset:auto 0 0;overflow:auto hidden;width:100%!important}.app-sidebar--collapsed{height:56px;width:100%!important}.app-sidebar__logo,.app-sidebar__bottom,.app-sidebar__toggle,.app-sidebar__item-label,.app-sidebar__user{display:none!important}.app-sidebar__nav{flex-direction:row;flex:1;justify-content:space-around;align-items:center;gap:0;height:100%;padding:0 4px;overflow-x:auto}.app-sidebar__item{border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:48px;padding:6px 8px}.app-sidebar__item-icon{width:20px;height:20px}.app-layout__main{padding-bottom:64px;margin-left:0!important}.app-layout--collapsed .app-layout__main{margin-left:0!important}}@media (width>=769px) and (width<=1024px){.mcall-page{padding:20px 16px}.mcall-page__content{grid-template-columns:280px 1fr;gap:16px}.dashboard-stats{gap:12px;grid-template-columns:repeat(2,1fr)!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}.react-flow{--xy-edge-stroke-default:#b1b1b7;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#555;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#ffffff80;--xy-minimap-background-color-default:#fff;--xy-minimap-mask-background-color-default:#f0f0f099;--xy-minimap-mask-stroke-color-default:transparent;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#e2e2e2;--xy-minimap-node-stroke-color-default:transparent;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:transparent;--xy-background-pattern-dots-color-default:#91919a;--xy-background-pattern-lines-color-default:#eee;--xy-background-pattern-cross-color-default:#e2e2e2;background-color:var(--xy-background-color,var(--xy-background-color-default));--xy-node-color-default:inherit;--xy-node-border-default:1px solid #1a192b;--xy-node-background-color-default:#fff;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #00000014;--xy-node-boxshadow-selected-default:0 0 0 .5px #1a192b;--xy-node-border-radius-default:3px;--xy-handle-background-color-default:#1a192b;--xy-handle-border-color-default:#fff;--xy-selection-background-color-default:#0059dc14;--xy-selection-border-default:1px dotted #0059dccc;--xy-controls-button-background-color-default:#fefefe;--xy-controls-button-background-color-hover-default:#f4f4f4;--xy-controls-button-color-default:inherit;--xy-controls-button-color-hover-default:inherit;--xy-controls-button-border-color-default:#eee;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#fff;--xy-edge-label-color-default:inherit;--xy-resize-background-color-default:#3367d9;direction:ltr}.react-flow.dark{--xy-edge-stroke-default:#3e3e3e;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#727272;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#96969640;--xy-minimap-background-color-default:#141414;--xy-minimap-mask-background-color-default:#3c3c3c99;--xy-minimap-mask-stroke-color-default:transparent;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#2b2b2b;--xy-minimap-node-stroke-color-default:transparent;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:#141414;--xy-background-pattern-dots-color-default:#777;--xy-background-pattern-lines-color-default:#777;--xy-background-pattern-cross-color-default:#777;--xy-node-color-default:#f8f8f8;--xy-node-border-default:1px solid #3c3c3c;--xy-node-background-color-default:#1e1e1e;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #ffffff14;--xy-node-boxshadow-selected-default:0 0 0 .5px #999;--xy-handle-background-color-default:#bebebe;--xy-handle-border-color-default:#1e1e1e;--xy-selection-background-color-default:#c8c8dc14;--xy-selection-border-default:1px dotted #c8c8dccc;--xy-controls-button-background-color-default:#2b2b2b;--xy-controls-button-background-color-hover-default:#3e3e3e;--xy-controls-button-color-default:#f8f8f8;--xy-controls-button-color-hover-default:#fff;--xy-controls-button-border-color-default:#5b5b5b;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#141414;--xy-edge-label-color-default:#f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props,var(--xy-background-color,var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__pane{z-index:1}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width,var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke,var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width,var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{pointer-events:none;position:absolute;overflow:visible}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected,var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:.5s linear infinite dashdraw}svg.react-flow__connectionline{z-index:1001;position:absolute;overflow:visible}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{-webkit-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default;position:absolute}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:0 0;pointer-events:none}.react-flow__nodesselection-rect{pointer-events:all;cursor:grab;position:absolute}.react-flow__handle{pointer-events:none;background-color:var(--xy-handle-background-color,var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color,var(--xy-handle-border-color-default));border-radius:100%;width:6px;min-width:5px;height:6px;min-height:5px;position:absolute}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;bottom:0;left:50%;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{z-index:5;margin:15px;position:absolute}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px)translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px)translateY(-50%)}.react-flow__attribution{background:var(--xy-attribution-background-color,var(--xy-attribution-background-color-default));margin:0;padding:2px 3px;font-size:10px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10px}}.react-flow__edgelabel-renderer{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__viewport-portal{-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__minimap{background:var(--xy-minimap-background-color-props,var(--xy-minimap-background-color,var(--xy-minimap-background-color-default)))}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var(--xy-minimap-mask-background-color-props,var(--xy-minimap-mask-background-color,var(--xy-minimap-mask-background-color-default)));stroke:var(--xy-minimap-mask-stroke-color-props,var(--xy-minimap-mask-stroke-color,var(--xy-minimap-mask-stroke-color-default)));stroke-width:var(--xy-minimap-mask-stroke-width-props,var(--xy-minimap-mask-stroke-width,var(--xy-minimap-mask-stroke-width-default)))}.react-flow__minimap-node{fill:var(--xy-minimap-node-background-color-props,var(--xy-minimap-node-background-color,var(--xy-minimap-node-background-color-default)));stroke:var(--xy-minimap-node-stroke-color-props,var(--xy-minimap-node-stroke-color,var(--xy-minimap-node-stroke-color-default)));stroke-width:var(--xy-minimap-node-stroke-width-props,var(--xy-minimap-node-stroke-width,var(--xy-minimap-node-stroke-width-default)))}.react-flow__background-pattern.dots{fill:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-dots-color-default)))}.react-flow__background-pattern.lines{stroke:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-lines-color-default)))}.react-flow__background-pattern.cross{stroke:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-cross-color-default)))}.react-flow__controls{box-shadow:var(--xy-controls-box-shadow,var(--xy-controls-box-shadow-default));flex-direction:column;display:flex}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{background:var(--xy-controls-button-background-color,var(--xy-controls-button-background-color-default));border:none;border-bottom:1px solid var(--xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default)));width:26px;height:26px;color:var(--xy-controls-button-color-props,var(--xy-controls-button-color,var(--xy-controls-button-color-default)));cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:4px;display:flex}.react-flow__controls-button svg{fill:currentColor;width:100%;max-width:12px;max-height:12px}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{border-radius:var(--xy-node-border-radius,var(--xy-node-border-radius-default));width:150px;color:var(--xy-node-color,var(--xy-node-color-default));text-align:center;border:var(--xy-node-border,var(--xy-node-border-default));background-color:var(--xy-node-background-color,var(--xy-node-background-color-default));padding:10px;font-size:12px}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover,var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected,var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color,var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color,var(--xy-selection-background-color-default));border:var(--xy-selection-border,var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var(--xy-controls-button-background-color-hover-props,var(--xy-controls-button-background-color-hover,var(--xy-controls-button-background-color-hover-default)));color:var(--xy-controls-button-color-hover-props,var(--xy-controls-button-color-hover,var(--xy-controls-button-color-hover-default)))}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var(--xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default)))}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border:1px solid #fff;border-radius:1px;width:5px;height:5px;translate:-50% -50%}.react-flow__resize-control.handle.left{top:50%;left:0}.react-flow__resize-control.handle.right{top:50%;left:100%}.react-flow__resize-control.handle.top{top:0;left:50%}.react-flow__resize-control.handle.bottom{top:100%;left:50%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border-style:solid;border-width:0}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;height:100%;top:0;transform:translate(-50%)}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{width:100%;height:1px;left:0;transform:translateY(-50%)}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color,var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color,var(--xy-edge-label-color-default))}.trunk-page{max-width:1400px;margin:0 auto;padding:32px 24px}.trunk-header{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:28px;display:flex}.trunk-title{align-items:center;gap:10px;display:flex}.trunk-title h1{color:#1e293b;margin:0;font-size:1.5rem;font-weight:700}.trunk-title svg{color:#6366f1}.trunk-tabs{background:#f1f5f9;border-radius:10px;gap:2px;margin-left:auto;padding:3px;display:flex}.trunk-tabs button{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.trunk-tabs button.active{color:#6366f1;background:#fff;box-shadow:0 1px 3px #00000014}.trunk-tabs button:hover:not(.active){color:#334155}.trunk-refresh{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.trunk-refresh:hover{color:#6366f1;border-color:#c7d2fe;transform:rotate(90deg)}.trunk-toolbar{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:16px;display:flex}.trunk-add-btn{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 18px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.trunk-add-btn:hover{background:#4f46e5}.trunk-stats{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.trunk-stat-badge{color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;display:flex}.trunk-stat-badge.active-calls{color:#92400e;background:#fffbeb;border-color:#fbbf24}.carrier-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.trunk-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow-x:auto}.trunk-table{border-collapse:collapse;width:100%;font-size:.85rem}.trunk-table th{color:#64748b;text-transform:uppercase;letter-spacing:.05em;text-align:left;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 14px;font-size:.72rem;font-weight:600}.trunk-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:11px 14px}.trunk-table tbody tr{transition:background .15s}.trunk-table tbody tr:hover{background:#f8fafc}.trunk-table tbody tr:last-child td{border-bottom:none}.trunk-table tbody tr.inactive{opacity:.4}.trunk-name{color:#1e293b;font-weight:600}.trunk-gw{color:#94a3b8;font-size:.8rem}.trunk-table code{color:#475569;background:#f1f5f9;border-radius:4px;padding:2px 8px;font-size:.8rem}.carrier-badge{color:#fff;border-radius:20px;padding:3px 10px;font-size:.72rem;font-weight:600;display:inline-block}.routing-badge{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:3px 10px;font-size:.75rem;display:inline-block}.routing-badge.auto{color:#16a34a;background:#f0fdf4;border-color:#bbf7d0}.routing-badge.fixed{color:#d97706;background:#fffbeb;border-color:#fde68a}.calls-badge{color:#64748b;background:#f1f5f9;border-radius:6px;padding:3px 10px;font-size:.8rem;display:inline-block}.calls-badge.busy{color:#92400e;background:#fef3c7;font-weight:600}.trunk-status-btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .2s;display:flex}.trunk-status-btn.on{color:#16a34a;background:#dcfce7}.trunk-status-btn.on:hover{background:#bbf7d0}.trunk-status-btn.off{color:#dc2626;background:#fee2e2}.trunk-status-btn.off:hover{background:#fecaca}.trunk-assign-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:.8rem;transition:all .2s;display:inline-flex}.trunk-assign-btn:hover{color:#6366f1;border-color:#c7d2fe}.trunk-actions{gap:4px;display:flex}.trunk-actions button{color:#94a3b8;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .2s;display:flex}.trunk-actions button:hover{color:#6366f1;border-color:#c7d2fe}.trunk-actions button.danger:hover{color:#dc2626;border-color:#fecaca}.trunk-empty{text-align:center;font-style:italic;color:#94a3b8!important;padding:60px 20px!important}.trunk-modal-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.trunk-modal{background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:500px;max-width:92vw;max-height:85vh;padding:24px;animation:.2s slideUp;overflow-y:auto;box-shadow:0 20px 60px #00000026}.trunk-modal h3{color:#1e293b;margin:0 0 18px;font-size:1.1rem;font-weight:700}.trunk-form label{color:#64748b;margin:12px 0 4px;font-size:.8rem;font-weight:600;display:block}.trunk-form input,.trunk-form select{color:#1e293b;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-size:.88rem;transition:border-color .2s}.trunk-form input:focus,.trunk-form select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f114}.trunk-form input::placeholder{color:#94a3b8}.trunk-form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.trunk-form-row.trunk-form-row-3{grid-template-columns:1fr 1fr 1fr}.trunk-form-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.trunk-save-btn{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 20px;font-weight:600;transition:all .2s;display:flex}.trunk-save-btn:hover{background:#4f46e5}.trunk-cancel-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:9px 18px;transition:all .2s;display:flex}.trunk-cancel-btn:hover{color:#dc2626;border-color:#fecaca}.trunk-assign-note{color:#64748b;background:#eef2ff;border-radius:8px;margin:0 0 12px;padding:8px 12px;font-size:.82rem}.trunk-user-list{flex-direction:column;gap:2px;max-height:300px;display:flex;overflow-y:auto}.trunk-user-item{cursor:pointer;color:#334155;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;transition:background .15s;display:flex}.trunk-user-item:hover{background:#f8fafc}.trunk-user-item input[type=checkbox]{accent-color:#6366f1;width:auto}.trunk-username{color:#94a3b8;margin-left:auto;font-size:.75rem}.trunk-role-badge{text-transform:uppercase;letter-spacing:.03em;border-radius:4px;padding:2px 8px;font-size:.68rem;font-weight:600}.trunk-role-admin{color:#4f46e5;background:#eef2ff}.trunk-role-leader{color:#16a34a;background:#f0fdf4}.trunk-role-staff,.trunk-role-user{color:#64748b;background:#f1f5f9}.trunk-group-name{color:#94a3b8;background:#f8fafc;border-radius:4px;padding:2px 6px;font-size:.72rem}.gw-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;display:grid}.gw-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;transition:all .2s;overflow:hidden}.gw-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000f}.gw-card.inactive{opacity:.45}.gw-card-header{border-bottom:1px solid #f1f5f9;align-items:center;gap:12px;padding:16px;display:flex}.gw-card-header svg{color:#6366f1;flex-shrink:0}.gw-card-header h3{color:#1e293b;margin:0;font-size:1rem;font-weight:600}.gw-card-header code{color:#94a3b8;background:#f1f5f9;border-radius:4px;margin-top:2px;padding:2px 8px;font-size:.72rem;display:block}.gw-status{border-radius:20px;margin-left:auto;padding:4px 10px;font-size:.72rem;font-weight:600}.gw-status.on{color:#16a34a;background:#dcfce7}.gw-status.off{color:#dc2626;background:#fee2e2}.gw-card-body{padding:16px}.gw-info{color:#64748b;gap:16px;font-size:.85rem;display:flex}.gw-notes{color:#94a3b8;margin:8px 0 0;font-size:.8rem;font-style:italic}.gw-card-footer{border-top:1px solid #f1f5f9;gap:8px;padding:12px 16px;display:flex}.gw-card-footer button{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;transition:all .2s;display:flex}.gw-card-footer button:hover{color:#6366f1;border-color:#c7d2fe}.gw-card-footer button.danger:hover{color:#dc2626;border-color:#fecaca}.trunk-empty-card{color:#94a3b8;background:#fafbfc;border:2px dashed #e2e8f0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:60px 20px;display:flex}.trunk-empty-card svg{color:#cbd5e1}.trunk-loading{color:#94a3b8;justify-content:center;align-items:center;height:300px;font-size:1rem;display:flex}