.react-flow{direction:ltr}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;cursor:-webkit-grab;cursor:grab}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:-webkit-grabbing;cursor:grabbing}.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 .react-flow__edges{pointer-events:none;overflow:visible}.react-flow__edge-path,.react-flow__connection-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{pointer-events:visibleStroke;cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;-webkit-animation: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:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:-webkit-grab;cursor:grab}.react-flow__node.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:-webkit-grab;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background:#1a192b;border:1px solid white;border-radius:100%}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:-4px;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{top:50%;left:-4px;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translate(-50%)}.react-flow__attribution{font-size:10px;background:#ffffff80;padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@-webkit-keyframes dashdraw{0%{stroke-dashoffset:10}}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.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-default,.react-flow__node-input,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:3px;width:150px;font-size:12px;color:#222;text-align:center;border-width:1px;border-style:solid;border-color:#1a192b;background-color:#fff}.react-flow__node-default.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.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:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted rgba(0,89,220,.8)}.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{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{border:none;background:#fefefe;border-bottom:1px solid #eee;box-sizing:content-box;display:flex;justify-content:center;align-items:center;width:16px;height:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:5px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.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{width:4px;height:4px;border:1px solid #fff;border-radius:1px;background-color:#3367d9;transform:translate(-50%,-50%)}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.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:#3367d9;border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}:root{--color-primary-50: #f0f9ff;--color-primary-100: #e0f2fe;--color-primary-200: #bae6fd;--color-primary-300: #7dd3fc;--color-primary-400: #38bdf8;--color-primary-500: #3EB8F4;--color-primary-600: #0284c7;--color-primary-700: #0369a1;--color-primary-800: #075985;--color-primary-900: #0c4a6e;--color-success-50: #ecfdf5;--color-success-100: #d1fae5;--color-success-200: #a7f3d0;--color-success-300: #6ee7b7;--color-success-400: #34d399;--color-success-500: #10b981;--color-success-600: #059669;--color-success-700: #047857;--color-success-800: #065f46;--color-success-900: #064e3b;--color-error-50: #fef2f2;--color-error-100: #fee2e2;--color-error-200: #fecaca;--color-error-300: #fca5a5;--color-error-400: #f87171;--color-error-500: #ef4444;--color-error-600: #dc2626;--color-error-700: #b91c1c;--color-error-800: #991b1b;--color-error-900: #7f1d1d;--color-warning-50: #fffbeb;--color-warning-100: #fef3c7;--color-warning-200: #fde68a;--color-warning-300: #fcd34d;--color-warning-400: #fbbf24;--color-warning-500: #f59e0b;--color-warning-600: #d97706;--color-warning-700: #b45309;--color-warning-800: #92400e;--color-warning-900: #78350f;--color-purple-50: #faf5ff;--color-purple-100: #f3e8ff;--color-purple-200: #e9d5ff;--color-purple-300: #d8b4fe;--color-purple-400: #c084fc;--color-purple-500: #a855f7;--color-purple-600: #9333ea;--color-purple-700: #7c3aed;--color-purple-800: #6b21a8;--color-purple-900: #581c87;--color-neutral-50: #f8fafc;--color-neutral-100: #f1f5f9;--color-neutral-200: #e2e8f0;--color-neutral-300: #cbd5e1;--color-neutral-400: #94a3b8;--color-neutral-500: #64748b;--color-neutral-600: #475569;--color-neutral-700: #334155;--color-neutral-800: #1e293b;--color-neutral-900: #0f172a;--color-background: var(--color-neutral-50);--color-surface: #ffffff;--color-surface-secondary: var(--color-neutral-100);--color-text-primary: var(--color-neutral-900);--color-text-secondary: var(--color-neutral-600);--color-text-muted: var(--color-neutral-500);--color-border: var(--color-neutral-200);--color-border-strong: var(--color-neutral-300);--font-family-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-family-mono: "Monaco", "Menlo", "Ubuntu Mono", Consolas, "Courier New", monospace;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--line-height-none: 1;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-none: 0;--radius-sm: .125rem;--radius-base: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--border-width-0: 0;--border-width-1: 1px;--border-width-2: 2px;--border-width-4: 4px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-base: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05);--duration-75: 75ms;--duration-100: .1s;--duration-150: .15s;--duration-200: .2s;--duration-300: .3s;--duration-500: .5s;--duration-700: .7s;--duration-1000: 1s;--ease-linear: linear;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--transition-colors: color var(--duration-150) var(--ease-in-out), background-color var(--duration-150) var(--ease-in-out), border-color var(--duration-150) var(--ease-in-out);--transition-opacity: opacity var(--duration-150) var(--ease-in-out);--transition-shadow: box-shadow var(--duration-150) var(--ease-in-out);--transition-transform: transform var(--duration-150) var(--ease-in-out);--transition-all: all var(--duration-150) var(--ease-in-out);--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--z-0: 0;--z-10: 10;--z-20: 20;--z-30: 30;--z-40: 40;--z-50: 50;--z-dropdown: 1000;--z-modal: 1050;--z-popover: 1100;--z-tooltip: 1200;--z-toast: 1300;--gradient-primary: linear-gradient(135deg, var(--color-primary-400) 0%, var(--color-primary-500) 50%, var(--color-primary-600) 100%);--gradient-brand: linear-gradient(135deg, var(--color-primary-500) 0%, #8b5cf6 100%);--gradient-success: linear-gradient(135deg, var(--color-success-500) 0%, var(--color-success-600) 100%);--gradient-otter: linear-gradient(135deg, #a0522d 0%, #8b4513 50%, #654321 100%);--gradient-surface: linear-gradient(180deg, #ffffff 0%, var(--color-neutral-50) 100%);--gradient-page: linear-gradient(180deg, var(--color-neutral-50) 0%, #ffffff 100%);--gradient-card: linear-gradient(135deg, #ffffff 0%, var(--color-primary-50) 100%);--gradient-sidebar: linear-gradient(180deg, var(--color-primary-600) 0%, var(--color-primary-700) 100%)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}html{font-size:16px;line-height:var(--line-height-normal);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-family-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-background);min-height:100vh;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-text-primary);margin-bottom:var(--space-2)}h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-none)}h2{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold)}h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold)}h4{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}h5{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}h6{font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}p{line-height:var(--line-height-relaxed);color:var(--color-text-secondary);margin-bottom:var(--space-4)}p:last-child{margin-bottom:0}a{color:var(--color-primary-600);text-decoration:none;transition:var(--transition-colors)}a:hover{color:var(--color-primary-700);text-decoration:underline}a:focus{outline:2px solid var(--color-primary-500);outline-offset:2px;border-radius:var(--radius-sm)}strong,b{font-weight:var(--font-weight-semibold)}em,i{font-style:italic}small{font-size:var(--font-size-sm);color:var(--color-text-muted)}code{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-error-600);background-color:var(--color-neutral-100);padding:var(--space-1) var(--space-2);border-radius:var(--radius-base)}pre{font-family:var(--font-family-mono);font-size:var(--font-size-sm);line-height:var(--line-height-normal);background-color:var(--color-neutral-100);padding:var(--space-4);border-radius:var(--radius-lg);overflow-x:auto;margin-bottom:var(--space-4)}pre code{background-color:transparent;padding:0;color:var(--color-text-primary)}ol,ul{margin-bottom:var(--space-4);padding-left:var(--space-6)}ol{list-style-type:decimal}ul{list-style-type:disc}li{margin-bottom:var(--space-2);color:var(--color-text-secondary)}li:last-child{margin-bottom:0}blockquote{border-left:4px solid var(--color-primary-500);padding-left:var(--space-4);margin:var(--space-6) 0;font-style:italic;color:var(--color-text-secondary)}hr{border:none;height:var(--border-width-1);background-color:var(--color-border);margin:var(--space-8) 0}::selection{background-color:var(--color-primary-100);color:var(--color-primary-900)}::-moz-selection{background-color:var(--color-primary-100);color:var(--color-primary-900)}:focus{outline:2px solid var(--color-primary-500);outline-offset:2px}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background-color:var(--color-neutral-100);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background-color:var(--color-neutral-300);border-radius:var(--radius-full);transition:var(--transition-colors)}::-webkit-scrollbar-thumb:hover{background-color:var(--color-neutral-400)}.skip-to-main{position:absolute;top:-100px;left:var(--space-4);z-index:var(--z-modal);padding:var(--space-2) var(--space-4);background-color:var(--color-primary-600);color:#fff;border-radius:var(--radius-md);font-weight:var(--font-weight-medium);transition:var(--transition-all)}.skip-to-main:focus{top:var(--space-4);outline:none}.select-none{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.select-text{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}@media (max-width: 768px){h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--space-4)}.container-sm{max-width:640px}.container-md{max-width:768px}.container-lg{max-width:1024px}.container-xl{max-width:1280px}.container-2xl{max-width:1536px}.container-fluid{max-width:none}.flex{display:flex}.inline-flex{display:inline-flex}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.content-start{align-content:flex-start}.content-end{align-content:flex-end}.content-center{align-content:center}.content-between{align-content:space-between}.content-around{align-content:space-around}.content-evenly{align-content:space-evenly}.self-auto{align-self:auto}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.self-stretch{align-self:stretch}.self-baseline{align-self:baseline}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-initial{flex:0 1 auto}.flex-none{flex:none}.flex-grow{flex-grow:1}.flex-grow-0{flex-grow:0}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.grid{display:grid}.inline-grid{display:inline-grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-auto{grid-template-columns:auto}.grid-cols-fr{grid-template-columns:1fr}.grid-cols-auto-fit{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-cols-auto-fill{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.col-auto{grid-column:auto}.col-span-1{grid-column:span 1 / span 1}.col-span-2{grid-column:span 2 / span 2}.col-span-3{grid-column:span 3 / span 3}.col-span-4{grid-column:span 4 / span 4}.col-span-5{grid-column:span 5 / span 5}.col-span-6{grid-column:span 6 / span 6}.col-span-full{grid-column:1 / -1}.row-auto{grid-row:auto}.row-span-1{grid-row:span 1 / span 1}.row-span-2{grid-row:span 2 / span 2}.row-span-3{grid-row:span 3 / span 3}.row-span-4{grid-row:span 4 / span 4}.row-span-5{grid-row:span 5 / span 5}.row-span-6{grid-row:span 6 / span 6}.row-span-full{grid-row:1 / -1}.gap-0{gap:0}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.gap-10{gap:var(--space-10)}.gap-12{gap:var(--space-12)}.gap-16{gap:var(--space-16)}.gap-x-0{column-gap:0}.gap-x-1{column-gap:var(--space-1)}.gap-x-2{column-gap:var(--space-2)}.gap-x-3{column-gap:var(--space-3)}.gap-x-4{column-gap:var(--space-4)}.gap-x-6{column-gap:var(--space-6)}.gap-x-8{column-gap:var(--space-8)}.gap-y-0{row-gap:0}.gap-y-1{row-gap:var(--space-1)}.gap-y-2{row-gap:var(--space-2)}.gap-y-3{row-gap:var(--space-3)}.gap-y-4{row-gap:var(--space-4)}.gap-y-6{row-gap:var(--space-6)}.gap-y-8{row-gap:var(--space-8)}.m-0{margin:0}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-top:auto;margin-bottom:auto}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mt-10{margin-top:var(--space-10)}.mt-12{margin-top:var(--space-12)}.mt-16{margin-top:var(--space-16)}.mt-20{margin-top:var(--space-20)}.mt-24{margin-top:var(--space-24)}.mr-0{margin-right:0}.mr-1{margin-right:var(--space-1)}.mr-2{margin-right:var(--space-2)}.mr-3{margin-right:var(--space-3)}.mr-4{margin-right:var(--space-4)}.mr-5{margin-right:var(--space-5)}.mr-6{margin-right:var(--space-6)}.mr-8{margin-right:var(--space-8)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mb-10{margin-bottom:var(--space-10)}.mb-12{margin-bottom:var(--space-12)}.mb-16{margin-bottom:var(--space-16)}.mb-20{margin-bottom:var(--space-20)}.mb-24{margin-bottom:var(--space-24)}.ml-0{margin-left:0}.ml-1{margin-left:var(--space-1)}.ml-2{margin-left:var(--space-2)}.ml-3{margin-left:var(--space-3)}.ml-4{margin-left:var(--space-4)}.ml-5{margin-left:var(--space-5)}.ml-6{margin-left:var(--space-6)}.ml-8{margin-left:var(--space-8)}.p-0{padding:0}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.p-10{padding:var(--space-10)}.p-12{padding:var(--space-12)}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:var(--space-1);padding-right:var(--space-1)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-5{padding-left:var(--space-5);padding-right:var(--space-5)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.px-8{padding-left:var(--space-8);padding-right:var(--space-8)}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:var(--space-1);padding-bottom:var(--space-1)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-5{padding-top:var(--space-5);padding-bottom:var(--space-5)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.static{position:static}.top-0{top:0}.top-1{top:var(--space-1)}.top-2{top:var(--space-2)}.top-4{top:var(--space-4)}.top-6{top:var(--space-6)}.top-8{top:var(--space-8)}.right-0{right:0}.right-1{right:var(--space-1)}.right-2{right:var(--space-2)}.right-4{right:var(--space-4)}.right-6{right:var(--space-6)}.right-8{right:var(--space-8)}.bottom-0{bottom:0}.bottom-1{bottom:var(--space-1)}.bottom-2{bottom:var(--space-2)}.bottom-4{bottom:var(--space-4)}.bottom-6{bottom:var(--space-6)}.bottom-8{bottom:var(--space-8)}.left-0{left:0}.left-1{left:var(--space-1)}.left-2{left:var(--space-2)}.left-4{left:var(--space-4)}.left-6{left:var(--space-6)}.left-8{left:var(--space-8)}.w-auto{width:auto}.w-full{width:100%}.w-screen{width:100vw}.w-fit{width:fit-content}.w-min{width:min-content}.w-max{width:max-content}.w-0{width:0}.w-1{width:var(--space-1)}.w-2{width:var(--space-2)}.w-3{width:var(--space-3)}.w-4{width:var(--space-4)}.w-5{width:var(--space-5)}.w-6{width:var(--space-6)}.w-8{width:var(--space-8)}.w-10{width:var(--space-10)}.w-12{width:var(--space-12)}.w-16{width:var(--space-16)}.w-20{width:var(--space-20)}.w-24{width:var(--space-24)}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.h-fit{height:fit-content}.h-min{height:min-content}.h-max{height:max-content}.h-0{height:0}.h-1{height:var(--space-1)}.h-2{height:var(--space-2)}.h-3{height:var(--space-3)}.h-4{height:var(--space-4)}.h-5{height:var(--space-5)}.h-6{height:var(--space-6)}.h-8{height:var(--space-8)}.h-10{height:var(--space-10)}.h-12{height:var(--space-12)}.h-16{height:var(--space-16)}.h-20{height:var(--space-20)}.h-24{height:var(--space-24)}.min-w-0{min-width:0}.min-w-full{min-width:100%}.min-w-fit{min-width:fit-content}.min-w-min{min-width:min-content}.min-w-max{min-width:max-content}.max-w-xs{max-width:20rem}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-full{max-width:100%}.max-w-none{max-width:none}.min-h-0{min-height:0}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.max-h-full{max-height:100%}.max-h-screen{max-height:100vh}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-x-visible{overflow-x:visible}.overflow-x-scroll{overflow-x:scroll}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.overflow-y-visible{overflow-y:visible}.overflow-y-scroll{overflow-y:scroll}.z-0{z-index:var(--z-0)}.z-10{z-index:var(--z-10)}.z-20{z-index:var(--z-20)}.z-30{z-index:var(--z-30)}.z-40{z-index:var(--z-40)}.z-50{z-index:var(--z-50)}.z-dropdown{z-index:var(--z-dropdown)}.z-modal{z-index:var(--z-modal)}.z-popover{z-index:var(--z-popover)}.z-tooltip{z-index:var(--z-tooltip)}.z-toast{z-index:var(--z-toast)}.visible{visibility:visible}.invisible{visibility:hidden}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.hidden{display:none}@media (max-width: 640px){.sm\:hidden{display:none}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:grid{display:grid}.sm\:flex-col{flex-direction:column}.sm\:flex-row{flex-direction:row}.sm\:items-start{align-items:flex-start}.sm\:items-center{align-items:center}.sm\:items-end{align-items:flex-end}.sm\:justify-start{justify-content:flex-start}.sm\:justify-center{justify-content:center}.sm\:justify-end{justify-content:flex-end}.sm\:justify-between{justify-content:space-between}.sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:gap-2{gap:var(--space-2)}.sm\:gap-4{gap:var(--space-4)}.sm\:p-4{padding:var(--space-4)}.sm\:px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.sm\:py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.sm\:m-4{margin:var(--space-4)}.sm\:mx-4{margin-left:var(--space-4);margin-right:var(--space-4)}.sm\:my-4{margin-top:var(--space-4);margin-bottom:var(--space-4)}.sm\:w-full{width:100%}.sm\:h-auto{height:auto}}@media (max-width: 768px){.md\:hidden{display:none}.md\:block{display:block}.md\:flex{display:flex}.md\:grid{display:grid}.md\:flex-col{flex-direction:column}.md\:flex-row{flex-direction:row}.md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:gap-4{gap:var(--space-4)}.md\:gap-6{gap:var(--space-6)}}.app-layout{display:block;min-height:100vh;width:100%;position:relative}.app-sidebar{width:16rem;min-width:16rem;background-color:var(--color-surface);border-right:var(--border-width-1) solid var(--color-border);display:flex;flex-direction:column;box-shadow:var(--shadow-md);height:100vh;position:sticky;top:0}.app-main{flex:1;display:flex;flex-direction:column;overflow:hidden;width:100%;min-width:0}.app-header{background-color:var(--color-surface);border-bottom:var(--border-width-1) solid var(--color-border);padding:var(--space-4) var(--space-8);display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-sm);flex-shrink:0}.app-content{flex:1;padding:var(--space-8);overflow-y:auto;background-color:var(--color-background);width:100%;min-height:0}.page-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--space-2) 0}@media (max-width: 768px){.app-header,.app-content,.page{padding:var(--space-4)}.page-header{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.page-actions{width:100%;justify-content:flex-start}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-family-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-none);text-decoration:none;white-space:nowrap;padding:var(--space-2) var(--space-4);border:var(--border-width-1) solid transparent;border-radius:var(--radius-md);background-color:transparent;cursor:pointer;transition:var(--transition-all);outline:none;position:relative}.btn:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-icon,.btn svg{width:var(--space-4);height:var(--space-4);flex-shrink:0;color:currentColor;stroke:currentColor;stroke-width:2;fill:none;display:block}.btn-primary .btn-icon,.btn-primary svg{color:#fff;stroke:#fff;stroke-width:2.5}.btn-outline .btn-icon,.btn-outline svg{color:var(--color-primary-600);stroke:var(--color-primary-600);stroke-width:2}.btn-ghost .btn-icon,.btn-ghost svg{color:var(--color-text-secondary);stroke:var(--color-text-secondary);stroke-width:2}.btn-secondary .btn-icon,.btn-secondary svg{color:var(--color-text-primary);stroke:var(--color-text-primary);stroke-width:2}.btn-xs{padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);border-radius:var(--radius-sm)}.btn-xs .btn-icon{width:var(--space-3);height:var(--space-3)}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs)}.btn-sm .btn-icon{width:var(--space-3);height:var(--space-3)}.btn-lg,.btn-large{padding:var(--space-3) var(--space-6);font-size:var(--font-size-base);border-radius:var(--radius-lg)}.btn-lg .btn-icon,.btn-large .btn-icon,.btn-lg svg,.btn-large svg{width:var(--space-5);height:var(--space-5)}.btn-large.btn-primary .btn-icon,.btn-large.btn-primary svg,.btn-lg.btn-primary .btn-icon,.btn-lg.btn-primary svg{stroke:#fff!important;color:#fff!important;stroke-width:2.5!important;fill:none!important}.btn-xl{padding:var(--space-4) var(--space-8);font-size:var(--font-size-lg);border-radius:var(--radius-xl)}.btn-xl .btn-icon{width:var(--space-6);height:var(--space-6)}.btn-square{padding:var(--space-2);aspect-ratio:1}.btn-square.btn-sm{padding:var(--space-1)}.btn-square.btn-lg{padding:var(--space-3)}.btn-square.btn-xl{padding:var(--space-4)}.btn-primary{background-color:var(--color-primary-600);color:#fff;border-color:var(--color-primary-600)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-700);border-color:var(--color-primary-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:active{background-color:var(--color-primary-800);border-color:var(--color-primary-800);transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-secondary{background-color:var(--color-neutral-600);color:#fff;border-color:var(--color-neutral-600)}.btn-secondary:hover:not(:disabled){background-color:var(--color-neutral-700);border-color:var(--color-neutral-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary:active{background-color:var(--color-neutral-800);border-color:var(--color-neutral-800);transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-outline{background-color:transparent;color:var(--color-primary-600);border-color:var(--color-primary-600)}.btn-outline:hover:not(:disabled){background-color:var(--color-primary-50);color:var(--color-primary-700);border-color:var(--color-primary-700)}.btn-outline:active{background-color:var(--color-primary-100);color:var(--color-primary-800);border-color:var(--color-primary-800)}.btn-ghost{background-color:transparent;color:var(--color-text-secondary);border-color:transparent}.btn-ghost:hover:not(:disabled){background-color:var(--color-neutral-100);color:var(--color-text-primary)}.btn-ghost:active{background-color:var(--color-neutral-200)}.btn-success{background-color:var(--color-success-600);color:#fff;border-color:var(--color-success-600)}.btn-success:hover:not(:disabled){background-color:var(--color-success-700);border-color:var(--color-success-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-success:active{background-color:var(--color-success-800);border-color:var(--color-success-800);transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-error{background-color:var(--color-error-600);color:#fff;border-color:var(--color-error-600)}.btn-error:hover:not(:disabled){background-color:var(--color-error-700);border-color:var(--color-error-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-error:active{background-color:var(--color-error-800);border-color:var(--color-error-800);transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-warning{background-color:var(--color-warning-500);color:#fff;border-color:var(--color-warning-500)}.btn-warning:hover:not(:disabled){background-color:var(--color-warning-600);border-color:var(--color-warning-600);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-warning:active{background-color:var(--color-warning-700);border-color:var(--color-warning-700);transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-loading{pointer-events:none;position:relative;color:transparent!important}.btn-loading:after{content:"";position:absolute;top:50%;left:50%;margin-left:-8px;margin-top:-8px;width:16px;height:16px;border:2px solid;border-color:currentColor transparent currentColor transparent;border-radius:50%;animation:btn-spin 1s linear infinite}.btn-primary.btn-loading:after,.btn-secondary.btn-loading:after,.btn-success.btn-loading:after,.btn-error.btn-loading:after,.btn-warning.btn-loading:after{border-color:white transparent white transparent}@keyframes btn-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-group{display:inline-flex;align-items:center;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}.btn-group .btn{border-radius:0;border-right-width:0;position:relative;z-index:var(--z-10)}.btn-group .btn:first-child{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.btn-group .btn:last-child{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);border-right-width:var(--border-width-1)}.btn-group .btn:hover,.btn-group .btn:focus{z-index:var(--z-20)}button svg,.btn svg,button .lucide,.btn .lucide{stroke:currentColor!important;fill:none!important;color:inherit!important;stroke-width:2!important;display:inline-block!important;vertical-align:middle!important}button.btn-primary svg,button.btn-primary .lucide,.btn-primary svg,.btn-primary .lucide,.btn-primary .btn-icon{stroke:#fff!important;color:#fff!important;stroke-width:2.5!important;fill:none!important}.btn-large.btn-primary svg,.btn-large.btn-primary .lucide,.btn-large.btn-primary .btn-icon,.btn-lg.btn-primary svg,.btn-lg.btn-primary .lucide,.btn-lg.btn-primary .btn-icon{stroke:#fff!important;color:#fff!important;stroke-width:2.5!important;fill:none!important;display:inline-block!important;width:var(--space-5)!important;height:var(--space-5)!important}.btn-glow svg,.btn-glow .lucide,.btn-glow .btn-icon{stroke:#fff!important;color:#fff!important;stroke-width:2.5!important;fill:none!important}button.btn-outline svg,button.btn-outline .lucide,.btn-outline svg,.btn-outline .lucide{stroke:var(--color-primary-600)!important;color:var(--color-primary-600)!important}button.btn-danger svg,button.btn-danger .lucide,.btn-danger svg,.btn-danger .lucide{stroke:#fff!important;color:#fff!important}button.btn-outline.btn-danger svg,button.btn-outline.btn-danger .lucide,.btn-outline.btn-danger svg,.btn-outline.btn-danger .lucide{stroke:var(--color-error-600)!important;color:var(--color-error-600)!important}@media (max-width: 768px){.btn{padding:var(--space-3) var(--space-4)}.btn-lg{padding:var(--space-4) var(--space-6)}.btn-xl{padding:var(--space-5) var(--space-8)}.btn-responsive{width:100%}}.btn-fab{position:fixed;bottom:var(--space-6);right:var(--space-6);width:56px;height:56px;border-radius:50%;box-shadow:var(--shadow-xl);z-index:var(--z-50);padding:0}.btn-fab:hover{transform:scale(1.1);box-shadow:var(--shadow-2xl)}.btn-close{width:var(--space-8);height:var(--space-8);padding:0;border:none;background:transparent;border-radius:var(--radius-full);color:var(--color-text-muted);cursor:pointer;transition:var(--transition-all);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);line-height:1}.btn-close:hover{background-color:var(--color-neutral-100);color:var(--color-text-primary)}.btn-close:active{background-color:var(--color-neutral-200)}.form{display:flex;flex-direction:column;gap:var(--space-4)}.form-row{display:flex;gap:var(--space-4);align-items:flex-start}.form-row .form-group{flex:1}.form-group-col{flex:1;min-width:0}.form-row .form-group:first-child{flex:2}.form-row .form-group:last-child{flex:1;min-width:200px}@media (max-width: 768px){.form-row{flex-direction:column;gap:var(--space-3)}.form-row .form-group:first-child,.form-row .form-group:last-child{flex:1;min-width:0}}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);line-height:var(--line-height-snug)}.form-label.required:after{content:" *";color:var(--color-error-500)}.form-label-inline{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--color-text-secondary);cursor:pointer}.form-input,.form-select,.form-textarea{font-family:var(--font-family-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text-primary);padding:var(--space-3) var(--space-4);background-color:var(--color-surface);border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:var(--transition-all);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-muted)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-100)}.form-input:hover:not(:focus):not(:disabled),.form-select:hover:not(:focus):not(:disabled),.form-textarea:hover:not(:focus):not(:disabled){border-color:var(--color-border-strong)}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background-color:var(--color-neutral-100);color:var(--color-text-muted);cursor:not-allowed;opacity:.7}.form-input.error,.form-select.error,.form-textarea.error{border-color:var(--color-error-500);box-shadow:0 0 0 3px var(--color-error-100)}.form-input.error:focus,.form-select.error:focus,.form-textarea.error:focus{border-color:var(--color-error-600);box-shadow:0 0 0 3px var(--color-error-100)}.form-input.success,.form-select.success,.form-textarea.success{border-color:var(--color-success-500);box-shadow:0 0 0 3px var(--color-success-100)}.form-input.success:focus,.form-select.success:focus,.form-textarea.success:focus{border-color:var(--color-success-600);box-shadow:0 0 0 3px var(--color-success-100)}.form-input-sm,.form-select-sm,.form-textarea-sm{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs)}.form-input-lg,.form-select-lg,.form-textarea-lg{padding:var(--space-4) var(--space-5);font-size:var(--font-size-base)}.form-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-position:right var(--space-3) center;background-repeat:no-repeat;background-size:16px;padding-right:var(--space-10);cursor:pointer}.form-select:disabled{cursor:not-allowed}.form-textarea{resize:vertical;min-height:80px;line-height:var(--line-height-relaxed)}.form-textarea-fixed{resize:none}.form-textarea-auto{resize:none;overflow:hidden}.form-checkbox,.form-radio{width:var(--space-4);height:var(--space-4);margin:0;cursor:pointer;accent-color:var(--color-primary-600)}.form-radio{border-radius:50%}.checkbox-custom{position:relative;display:inline-flex;align-items:center;cursor:pointer}.checkbox-custom input{position:absolute;opacity:0;cursor:pointer;width:0;height:0}.checkbox-custom .checkmark{width:var(--space-4);height:var(--space-4);background-color:var(--color-surface);border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:var(--transition-all)}.checkbox-custom:hover .checkmark{border-color:var(--color-primary-500)}.checkbox-custom input:checked+.checkmark{background-color:var(--color-primary-600);border-color:var(--color-primary-600);color:#fff}.checkbox-custom input:checked+.checkmark:after{content:"✓";font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.checkbox-custom input:focus+.checkmark{box-shadow:0 0 0 3px var(--color-primary-100)}.input-group{display:flex;align-items:stretch;width:100%}.input-group .form-input{border-radius:0;border-right-width:0}.input-group .form-input:first-child{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.input-group .form-input:last-child{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);border-right-width:var(--border-width-1)}.input-group-addon{display:flex;align-items:center;padding:var(--space-3) var(--space-4);background-color:var(--color-neutral-100);border:var(--border-width-1) solid var(--color-border);color:var(--color-text-secondary);font-size:var(--font-size-sm);white-space:nowrap}.input-group-addon:first-child{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md);border-right-width:0}.input-group-addon:last-child{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);border-left-width:0}.form-help{font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:var(--line-height-snug)}.form-help.error{color:var(--color-error-600)}.form-help.success{color:var(--color-success-600)}.fieldset{border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-6)}.fieldset-legend{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);padding:0 var(--space-2);margin-left:-var(--space-2)}.form-group.has-error .form-label{color:var(--color-error-600)}.form-group.has-success .form-label{color:var(--color-success-600)}.form-actions{display:flex;gap:var(--space-3);justify-content:flex-end;padding-top:var(--space-4);border-top:var(--border-width-1) solid var(--color-border);margin-top:var(--space-6)}.form-actions.centered{justify-content:center}.form-actions.start{justify-content:flex-start}.form-actions.spread{justify-content:space-between}@media (max-width: 768px){.form-row{flex-direction:column;gap:var(--space-4)}.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%}.input-group{flex-direction:column}.input-group .form-input,.input-group-addon{border-radius:var(--radius-md);border-width:var(--border-width-1)}.input-group .form-input:not(:last-child),.input-group-addon:not(:last-child){border-bottom-width:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.input-group .form-input:not(:first-child),.input-group-addon:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}}.form-floating{position:relative}.form-floating .form-input{padding-top:var(--space-6);padding-bottom:var(--space-2)}.form-floating .form-label{position:absolute;top:0;left:var(--space-4);padding:var(--space-4) 0 0 0;font-size:var(--font-size-sm);color:var(--color-text-muted);pointer-events:none;transition:var(--transition-all);transform-origin:0 0}.form-floating .form-input:focus~.form-label,.form-floating .form-input:not(:placeholder-shown)~.form-label{transform:scale(.85) translateY(-.5rem);color:var(--color-primary-600)}.card{background-color:var(--color-surface);border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:var(--transition-all)}.card:hover{box-shadow:var(--shadow-md)}.card-header{padding:var(--space-6);border-bottom:var(--border-width-1) solid var(--color-border);background-color:var(--color-surface-secondary)}.card-body{padding:var(--space-6)}.card-footer{padding:var(--space-6);border-top:var(--border-width-1) solid var(--color-border);background-color:var(--color-surface-secondary)}.card-header-sm,.card-body-sm,.card-footer-sm{padding:var(--space-4)}.card-header-lg,.card-body-lg,.card-footer-lg{padding:var(--space-8)}.card-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;line-height:var(--line-height-tight)}.card-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:var(--space-2) 0 0 0;line-height:var(--line-height-normal)}.card-actions{display:flex;align-items:center;gap:var(--space-2);margin-left:auto}.card-header .header-icon{width:var(--space-10);height:var(--space-10);color:var(--color-primary-500);flex-shrink:0}.card-header-content{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.card-header-content .card-info{flex:1;min-width:0}.card-elevated{border:none;box-shadow:var(--shadow-lg)}.card-elevated:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.card-outline{background-color:transparent;border:var(--border-width-2) solid var(--color-border);box-shadow:none}.card-outline:hover{border-color:var(--color-primary-300);box-shadow:var(--shadow-sm)}.card-filled{background-color:var(--color-neutral-50);border:none;box-shadow:none}.card-gradient{background:var(--gradient-brand);border:none;color:#fff}.card-gradient .card-title,.card-gradient .card-subtitle{color:#fff}.card-gradient .card-header,.card-gradient .card-footer{background-color:#ffffff1a;border-color:#fff3}.card-interactive{cursor:pointer;transition:var(--transition-all)}.card-interactive:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg);border-color:var(--color-primary-300)}.card-interactive:active{transform:translateY(0);box-shadow:var(--shadow-md)}.card-interactive:focus{outline:2px solid var(--color-primary-500);outline-offset:2px}.card-primary{border-color:var(--color-primary-200)}.card-primary .card-header{background-color:var(--color-primary-50);border-color:var(--color-primary-200)}.card-success{border-color:var(--color-success-200)}.card-success .card-header{background-color:var(--color-success-50);border-color:var(--color-success-200)}.card-warning{border-color:var(--color-warning-200)}.card-warning .card-header{background-color:var(--color-warning-50);border-color:var(--color-warning-200)}.card-error{border-color:var(--color-error-200)}.card-error .card-header{background-color:var(--color-error-50);border-color:var(--color-error-200)}.stat-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-6);background-color:var(--color-surface);border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.stat-icon{width:var(--space-12);height:var(--space-12);border-radius:var(--radius-xl);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.stat-content{flex:1;min-width:0}.stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--line-height-none);margin:0}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:var(--space-1) 0 0 0}.stat-change{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);margin-top:var(--space-1)}.stat-change.positive{color:var(--color-success-600)}.stat-change.negative{color:var(--color-error-600)}.stat-change.neutral{color:var(--color-text-muted)}.feature-card{padding:var(--space-8);text-align:center;background-color:var(--color-surface);border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:var(--transition-all)}.feature-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.feature-icon{width:var(--space-12);height:var(--space-12);margin:0 auto var(--space-6) auto;border-radius:var(--radius-xl);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff}.feature-card .card-title{justify-content:center;margin-bottom:var(--space-3)}.feature-card p{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0}.profile-card{text-align:center;padding:var(--space-8)}.profile-avatar{width:var(--space-20);height:var(--space-20);border-radius:50%;margin:0 auto var(--space-4) auto;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);overflow:hidden}.profile-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-2) 0}.profile-title{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--space-4) 0}.profile-stats{display:flex;justify-content:center;gap:var(--space-6);margin-top:var(--space-6)}.profile-stat{text-align:center}.profile-stat-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.profile-stat-label{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:var(--space-1) 0 0 0}.card-grid{display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.card-grid-sm{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-4)}.card-grid-lg{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:var(--space-8)}@media (max-width: 768px){.card-header,.card-body,.card-footer{padding:var(--space-4)}.card-header-lg,.card-body-lg,.card-footer-lg{padding:var(--space-6)}.stat-card{flex-direction:column;text-align:center;gap:var(--space-3)}.stat-icon{width:var(--space-10);height:var(--space-10)}.feature-card,.profile-card{padding:var(--space-6)}.profile-avatar{width:var(--space-16);height:var(--space-16)}.profile-stats{gap:var(--space-4)}.card-grid{grid-template-columns:1fr;gap:var(--space-4)}.card-grid-sm,.card-grid-lg{grid-template-columns:1fr}}@media (max-width: 480px){.card-header-content{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.card-actions{margin-left:0;width:100%;justify-content:flex-start}}.card-borderless{border:none;box-shadow:none}.card-no-padding .card-body{padding:0}.card-flush .card-header,.card-flush .card-footer{margin:calc(var(--space-6) * -1);margin-bottom:var(--space-6)}.card-flush .card-footer{margin-top:var(--space-6);margin-bottom:calc(var(--space-6) * -1)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-4);animation:modal-overlay-enter var(--duration-200) var(--ease-out)}.modal-overlay.closing{animation:modal-overlay-exit var(--duration-150) var(--ease-in)}@keyframes modal-overlay-enter{0%{opacity:0}to{opacity:1}}@keyframes modal-overlay-exit{0%{opacity:1}to{opacity:0}}.modal{background-color:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);max-width:500px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:modal-enter var(--duration-200) var(--ease-out)}.modal.closing{animation:modal-exit var(--duration-150) var(--ease-in)}@keyframes modal-enter{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modal-exit{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(-10px)}}.modal-sm{max-width:400px}.modal-md{max-width:500px}.modal-lg{max-width:700px}.modal-xl{max-width:900px}.modal-full{max-width:calc(100vw - var(--space-8));max-height:calc(100vh - var(--space-8))}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-6);border-bottom:var(--border-width-1) solid var(--color-border);flex-shrink:0}.modal-body{padding:var(--space-6);overflow-y:auto;flex:1;min-height:0}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-6);border-top:var(--border-width-1) solid var(--color-border);flex-shrink:0}.modal-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;line-height:var(--line-height-tight)}.modal-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:var(--space-1) 0 0 0;line-height:var(--line-height-normal)}.modal-close{width:var(--space-8);height:var(--space-8);padding:0;border:none;background:transparent;border-radius:var(--radius-full);color:var(--color-text-muted);cursor:pointer;transition:var(--transition-all);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);line-height:1;flex-shrink:0}.modal-close:hover{background-color:var(--color-neutral-100);color:var(--color-text-primary)}.modal-close:active{background-color:var(--color-neutral-200)}.modal-close:focus{outline:2px solid var(--color-primary-500);outline-offset:2px}.modal-body p{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-4)}.modal-body p:last-child{margin-bottom:0}.modal-body .form-group:last-child{margin-bottom:0}.modal-footer-start{justify-content:flex-start}.modal-footer-center{justify-content:center}.modal-footer-between{justify-content:space-between}.modal-footer-around{justify-content:space-around}.modal-success .modal-header{background-color:var(--color-success-50);border-color:var(--color-success-200)}.modal-success .modal-title{color:var(--color-success-800)}.modal-warning .modal-header{background-color:var(--color-warning-50);border-color:var(--color-warning-200)}.modal-warning .modal-title{color:var(--color-warning-800)}.modal-error .modal-header{background-color:var(--color-error-50);border-color:var(--color-error-200)}.modal-error .modal-title{color:var(--color-error-800)}.modal-confirm .modal-body{text-align:center;padding:var(--space-8)}.modal-confirm .confirm-icon{width:var(--space-16);height:var(--space-16);margin:0 auto var(--space-4) auto;border-radius:50%;background-color:var(--color-warning-100);color:var(--color-warning-600);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xl)}.modal-confirm .confirm-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-3) 0}.modal-confirm .confirm-message{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0}.modal-drawer{position:fixed;top:0;right:0;bottom:0;width:400px;max-width:90vw;border-radius:0;animation:drawer-enter var(--duration-300) var(--ease-out)}.modal-drawer.closing{animation:drawer-exit var(--duration-200) var(--ease-in)}@keyframes drawer-enter{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes drawer-exit{0%{transform:translate(0)}to{transform:translate(100%)}}.modal-drawer-left{left:0;right:auto;animation:drawer-left-enter var(--duration-300) var(--ease-out)}.modal-drawer-left.closing{animation:drawer-left-exit var(--duration-200) var(--ease-in)}@keyframes drawer-left-enter{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes drawer-left-exit{0%{transform:translate(0)}to{transform:translate(-100%)}}.modal-backdrop-blur{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-backdrop-dark{background-color:#000000b3}.modal-backdrop-light{background-color:#fffc}.modal-scrollable{max-height:80vh}.modal-scrollable .modal-body{max-height:none;overflow-y:auto}@media (max-width: 768px){.modal-overlay{padding:var(--space-2)}.modal{max-width:100%;max-height:95vh;border-radius:var(--radius-lg)}.modal-sm,.modal-md,.modal-lg,.modal-xl{max-width:100%}.modal-header,.modal-body,.modal-footer{padding:var(--space-4)}.modal-footer{flex-direction:column-reverse;gap:var(--space-2)}.modal-footer .btn{width:100%}.modal-drawer{width:100%;max-width:100%}.modal-confirm .modal-body{padding:var(--space-6)}.modal-confirm .confirm-icon{width:var(--space-12);height:var(--space-12)}}@media (max-width: 480px){.modal-overlay{padding:var(--space-1)}.modal{max-height:98vh;border-radius:var(--radius-md)}.modal-title{font-size:var(--font-size-base)}.modal-header,.modal-body,.modal-footer{padding:var(--space-3)}}.modal-no-header .modal-body{border-radius:var(--radius-xl) var(--radius-xl) 0 0}.modal-no-footer .modal-body{border-radius:0 0 var(--radius-xl) var(--radius-xl)}.modal-no-header.modal-no-footer .modal-body{border-radius:var(--radius-xl)}.modal-no-padding .modal-body{padding:0}.modal-no-overflow .modal-body{overflow:hidden}.modal-loading{pointer-events:none}.modal-loading .modal-overlay{cursor:wait}.modal-loading .modal-body,.modal-loading .modal-footer{opacity:.6}@media (prefers-reduced-motion: reduce){.modal,.modal-overlay,.modal-drawer,.modal-drawer-left{animation:none!important}.modal{transform:none!important}}.app{min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-background)}.app-layout{display:flex;flex:1;width:100%;background-color:var(--color-background);position:relative;min-height:100vh}.main-wrapper{display:flex;flex-direction:column;width:calc(100% - 16rem);min-width:0;margin-left:16rem;min-height:100vh;background-color:var(--color-background)}.app-header{background:var(--gradient-card);border-bottom:var(--border-width-1) solid var(--color-primary-200);padding:var(--space-4) var(--space-8);display:flex;justify-content:space-between;align-items:center;z-index:var(--z-10);position:relative;overflow:hidden}.app-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#3eb8f40d,#3eb8f405);pointer-events:none}.header-content{display:flex;justify-content:space-between;align-items:center;width:100%;position:relative;z-index:1}.header-brand{display:flex;align-items:center;gap:var(--space-3)}.header-logo{width:var(--space-10);height:var(--space-10);border-radius:var(--radius-lg);background:#ffffffe6;padding:var(--space-1);box-shadow:var(--shadow-sm);transition:var(--transition-all)}.header-logo:hover{transform:scale(1.05);box-shadow:var(--shadow-md)}.app-header h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary-600);margin:0;text-shadow:0 1px 2px rgba(0,0,0,.1);letter-spacing:-.5px}.auth-section{display:flex;align-items:center;gap:var(--space-4)}.auth-buttons{display:flex;gap:var(--space-2)}.main-content{flex:1;padding:0;width:100%;min-height:0;background-color:var(--color-background)}.dashboard-content{flex:1;padding:var(--space-8) var(--space-4);background-color:var(--color-background);width:100%;min-height:0;overflow-y:auto}.dashboard-header-bar{background-color:var(--color-surface);border-bottom:var(--border-width-1) solid var(--color-border);padding:var(--space-4) var(--space-8);display:flex;justify-content:flex-end;align-items:center;box-shadow:var(--shadow-sm);flex-shrink:0}.page{padding:var(--space-8);width:100%;margin:0;max-width:none}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-8);gap:var(--space-4)}.page-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--space-2) 0;line-height:var(--line-height-tight)}.page-description{color:var(--color-text-secondary);font-size:var(--font-size-base);margin:0;line-height:var(--line-height-relaxed)}.page-actions{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}@media (max-width: 1024px){.app-header,.dashboard-header-bar{padding:var(--space-4) var(--space-6)}.dashboard-content,.page{padding:var(--space-6)}}@media (max-width: 768px){.app-header{padding:var(--space-4)}.header-content{flex-direction:column;gap:var(--space-4);align-items:flex-start}.header-brand{align-self:center}.auth-section{width:100%;justify-content:center}.dashboard-content,.main-content,.page{padding:var(--space-4)}.page-header{flex-direction:column;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6)}.page-actions{width:100%;justify-content:flex-start}.auth-buttons{flex-direction:column;width:100%}.auth-buttons .btn{width:100%}}@media (max-width: 480px){.app-header h1{font-size:var(--font-size-xl)}.header-logo{width:var(--space-8);height:var(--space-8)}.page-title{font-size:var(--font-size-xl)}.dashboard-content{padding:var(--space-3) var(--space-2)}.page{padding:var(--space-3)}.main-wrapper{margin-left:0;width:100%;height:calc(100vh - 72px)}}.sidebar{width:16rem;min-width:16rem;background:var(--gradient-sidebar);border-right:var(--border-width-1) solid var(--color-primary-700);display:flex;flex-direction:column;box-shadow:var(--shadow-xl);height:100vh;min-height:100vh;position:fixed;top:0;left:0;overflow:hidden}.sidebar:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);pointer-events:none}.sidebar-header{padding:var(--space-6);border-bottom:var(--border-width-1) solid rgba(255,255,255,.1);position:relative;z-index:1}.logo{display:flex;align-items:center;gap:var(--space-3)}.logo-image{width:var(--space-10);height:var(--space-10);border-radius:var(--radius-lg);background:#ffffff1a;padding:var(--space-1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:var(--transition-all)}.logo-image:hover{transform:scale(1.05);box-shadow:var(--shadow-lg)}.logo-text{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.1);letter-spacing:.5px}.sidebar-nav{flex:1;padding:var(--space-4) 0;position:relative;z-index:1}.nav-list{list-style:none;padding:0;margin:0}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);color:#fffc;text-decoration:none;transition:var(--transition-all);border:none;background:none;width:100%;cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-right:3px solid transparent;position:relative;overflow:hidden}.nav-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.nav-item:hover:before{left:100%}.nav-item:hover{background-color:#ffffff1a;color:#fff;transform:translate(4px)}.nav-item.active{background-color:#ffffff26;color:#fff;border-right-color:#fff;box-shadow:inset 0 0 20px #ffffff1a}.nav-icon{width:var(--space-5);height:var(--space-5);transition:var(--transition-transform)}.nav-item:hover .nav-icon{transform:scale(1.1)}.nav-label{font-weight:var(--font-weight-medium);transition:var(--transition-all)}.sidebar-user{padding:0;border-top:var(--border-width-1) solid rgba(255,255,255,.1);position:relative;z-index:1}.profile-btn{color:#fffc;background:none;border:none;cursor:pointer}.profile-btn .nav-icon{width:var(--space-5);height:var(--space-5);display:flex;align-items:center;justify-content:center}.profile-btn .nav-icon>div{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.profile-btn .nav-icon button{width:var(--space-5)!important;height:var(--space-5)!important;min-width:var(--space-5)!important;min-height:var(--space-5)!important}.profile-btn:hover{background-color:#ffffff1a;color:#fff}.sidebar-footer{padding:var(--space-4);position:relative;z-index:1}.logout-btn{color:#fffc;transition:var(--transition-all)}.logout-btn:hover{background-color:#ef444433;color:#fca5a5;border-right-color:#fca5a5}@media (max-width: 1024px){.sidebar{width:14rem;min-width:14rem}.sidebar-header{padding:var(--space-4)}.nav-item{padding:var(--space-3) var(--space-4);font-size:var(--font-size-xs)}.logo-text{font-size:var(--font-size-lg)}.logo-image{width:var(--space-8);height:var(--space-8)}}@media (max-width: 768px){.sidebar{display:none}}.mobile-header-wrapper{display:none;position:fixed;top:0;left:0;right:0;z-index:var(--z-20);background:var(--gradient-sidebar);border-bottom:var(--border-width-1) solid var(--color-primary-700);box-shadow:var(--shadow-md)}.mobile-header{padding:var(--space-4)}.mobile-header-content{display:flex;justify-content:space-between;align-items:center}.mobile-brand{display:flex;align-items:center;gap:var(--space-3)}.mobile-logo{width:var(--space-8);height:var(--space-8);border-radius:var(--radius-lg);background:#ffffff1a;padding:var(--space-1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.mobile-logo-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.1);letter-spacing:.5px}.mobile-menu-toggle{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);padding:var(--space-2);color:#fff;cursor:pointer;transition:var(--transition-all);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-menu-toggle:hover,.mobile-menu-toggle:focus{background:#fff3;transform:scale(1.05);outline:none}.mobile-menu-toggle:focus-visible{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}.mobile-nav-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:var(--z-30);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-nav{position:fixed;top:0;left:-100%;width:280px;height:100vh;background:var(--gradient-sidebar);z-index:var(--z-40);transition:left .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;box-shadow:var(--shadow-xl);overflow:hidden;transform:translateZ(0)}.mobile-nav:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);pointer-events:none}.mobile-nav-open{left:0;animation:slideIn .3s cubic-bezier(.4,0,.2,1)}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.mobile-nav-header{padding:var(--space-6);border-bottom:var(--border-width-1) solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.mobile-nav-brand{display:flex;align-items:center;gap:var(--space-3)}.mobile-nav-logo{width:var(--space-10);height:var(--space-10);border-radius:var(--radius-lg);background:#ffffff1a;padding:var(--space-1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.mobile-nav-logo-text{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.1);letter-spacing:.5px}.mobile-nav-close{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);padding:var(--space-2);color:#fff;cursor:pointer;transition:var(--transition-all);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-nav-close:hover,.mobile-nav-close:focus{background:#fff3;transform:scale(1.05);outline:none}.mobile-nav-close:focus-visible{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}.mobile-nav-content{flex:1;padding:var(--space-4) 0;position:relative;z-index:1;overflow-y:auto}.mobile-nav-list{list-style:none;padding:0;margin:0}.mobile-nav-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);color:#fffc;text-decoration:none;transition:var(--transition-all);border:none;background:none;width:100%;cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);border-right:3px solid transparent;position:relative;overflow:hidden}.mobile-nav-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.mobile-nav-item:hover:before{left:100%}.mobile-nav-item:hover,.mobile-nav-item:focus{background-color:#ffffff1a;color:#fff;transform:translate(4px);outline:none}.mobile-nav-item:focus-visible{outline:2px solid rgba(255,255,255,.5);outline-offset:-2px}.mobile-nav-item.active{background-color:#ffffff26;color:#fff;border-right-color:#fff;box-shadow:inset 0 0 20px #ffffff1a}.mobile-nav-icon{width:var(--space-5);height:var(--space-5);transition:var(--transition-transform);flex-shrink:0}.mobile-nav-item:hover .mobile-nav-icon{transform:scale(1.1)}.mobile-nav-label{font-weight:var(--font-weight-medium);transition:var(--transition-all)}.mobile-nav-footer{padding:var(--space-4);border-top:var(--border-width-1) solid rgba(255,255,255,.1);position:relative;z-index:1}.mobile-nav-logout{color:#fffc;transition:var(--transition-all)}.mobile-nav-logout:hover{background-color:#ef444433;color:#fca5a5;border-right-color:#fca5a5}.desktop-sidebar{display:block;position:fixed;top:0;left:0;z-index:1000;height:100vh}@media (max-width: 768px){.mobile-header-wrapper{display:block}.desktop-sidebar{display:none}.main-wrapper{margin-top:72px;margin-left:0;width:100%;height:calc(100vh - 72px)}.dashboard-header-bar{display:none}.dashboard-content{padding-top:var(--space-4)}}@media (max-width: 480px){.mobile-nav{width:100%}.mobile-header{padding:var(--space-3)}.main-wrapper{margin-top:64px;margin-left:0;width:100%;height:calc(100vh - 64px)}.mobile-logo-text{font-size:var(--font-size-base)}.mobile-nav-logo-text{font-size:var(--font-size-lg)}.mobile-nav-item{padding:var(--space-4) var(--space-4);font-size:var(--font-size-sm)}}.dashboard{width:100%;padding:0}.header-content{display:flex;justify-content:space-between;align-items:center;background:var(--gradient-card);padding:var(--space-8);border-radius:var(--radius-2xl);border:var(--border-width-1) solid var(--color-primary-200);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.header-content:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#3eb8f40d,#3eb8f405);pointer-events:none}.welcome-text{position:relative;z-index:1;flex:1}.welcome-text h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-primary-700);margin-bottom:var(--space-2);text-shadow:0 1px 2px rgba(0,0,0,.1)}.welcome-text p{color:var(--color-text-secondary);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}.quick-actions{display:flex;gap:var(--space-4);position:relative;z-index:1}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6);margin-bottom:var(--space-8)}.stat-card{background:var(--gradient-card);border-radius:var(--radius-xl);border:var(--border-width-1) solid var(--color-primary-200);box-shadow:var(--shadow-md);padding:var(--space-6);display:flex;align-items:center;gap:var(--space-4);transition:var(--transition-all);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#3eb8f40d,#3eb8f405);pointer-events:none}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl);border-color:var(--color-primary-300)}.stat-icon{width:var(--space-20);height:var(--space-20);color:var(--color-primary-500);background:var(--color-primary-100);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1;border:2px solid var(--color-primary-200);min-width:var(--space-20);min-height:var(--space-20)}.stat-icon-svg{width:var(--space-12);height:var(--space-12);color:var(--color-primary-700);stroke-width:2;fill:none;display:block;min-width:var(--space-10);min-height:var(--space-10);flex-shrink:0}.stat-content{flex:1;position:relative;z-index:1}.stat-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-primary-700);line-height:var(--line-height-tight);margin-bottom:var(--space-1)}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--space-8)}.dashboard-card{background:var(--gradient-card);border-radius:var(--radius-2xl);border:var(--border-width-1) solid var(--color-primary-200);box-shadow:var(--shadow-lg);overflow:hidden;position:relative;min-height:300px}.dashboard-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#3eb8f408,#3eb8f403);pointer-events:none}.my-bots-card{grid-column:span 1}.card-header{padding:var(--space-6);border-bottom:var(--border-width-1) solid var(--color-primary-200);display:flex;align-items:center;justify-content:space-between;background:#ffffff80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:1}.card-header h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-primary-700)}.header-icon{width:var(--space-10);height:var(--space-10);color:var(--color-primary-500);background:#3eb8f41a;border-radius:var(--radius-md);padding:var(--space-2)}.card-content{padding:var(--space-3);position:relative;z-index:1;height:100%;display:flex;flex-direction:column}.bots-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--space-2);color:var(--color-text-secondary)}.loading-spinner{width:var(--space-5);height:var(--space-5);border:2px solid var(--color-primary-200);border-top:2px solid var(--color-primary-500);border-radius:50%;animation:spin 1s linear infinite}.bots-empty{display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:100%;gap:var(--space-4);text-align:center;color:var(--color-text-secondary);padding:var(--space-4)}.empty-icon{width:var(--space-12);height:var(--space-12);color:var(--color-primary-300);opacity:.5;margin-top:var(--space-4)}.bots-empty h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.bots-empty p{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.bots-list{display:flex;flex-direction:column;gap:var(--space-2);height:100%;padding:0}.bot-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);background:#ffffff80;border-radius:var(--radius-lg);border:1px solid var(--color-primary-100);transition:var(--transition-all)}.bot-item:hover{background:#fffc;border-color:var(--color-primary-200);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.bot-info{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0}.bot-name{display:flex;align-items:center;gap:var(--space-2);font-weight:var(--font-weight-medium);color:var(--color-text-primary);flex:1;min-width:0}.bot-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bot-icon{width:var(--space-4);height:var(--space-4);color:var(--color-primary-500);flex-shrink:0}.bot-status{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-secondary);flex-shrink:0}.status-dot{width:var(--space-2);height:var(--space-2);border-radius:50%;background:var(--color-success-500);flex-shrink:0}.bot-actions{display:flex;gap:var(--space-2);flex-shrink:0}.bot-item-simple{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3);background:#ffffff80;border-radius:var(--radius-lg);border:1px solid var(--color-primary-100);transition:var(--transition-all)}.bot-item-simple:hover{background:#fffc;border-color:var(--color-primary-200);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.bot-item-simple .bot-name{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bot-item-simple .bot-username{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-family:var(--font-family-mono);flex-shrink:0}.bots-footer{margin-top:auto;padding-top:var(--space-3);border-top:1px solid var(--color-primary-100);display:flex;justify-content:center}.status-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) 0;border-bottom:var(--border-width-1) solid var(--color-primary-100);transition:var(--transition-all)}.status-item:last-child{border-bottom:none}.status-item:hover{background:#3eb8f405;border-radius:var(--radius-md);padding-left:var(--space-3);padding-right:var(--space-3)}.status-icon{width:var(--space-5);height:var(--space-5);color:var(--color-success-600);background:#10b9811a;border-radius:var(--radius-full);padding:var(--space-1)}.status-icon.success{color:var(--color-success-600);background:#10b9811a}.status-badge{margin-left:auto;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);background:var(--color-success-100);color:var(--color-success-800);border:1px solid var(--color-success-200)}.status-badge.success{background:var(--color-success-100);color:var(--color-success-800);border:1px solid var(--color-success-200)}.webhook-info{display:flex;flex-direction:column;gap:var(--space-4)}.webhook-info label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--space-2)}.code-block{background-color:var(--color-surface-secondary);padding:var(--space-4);border-radius:var(--radius-md);border:var(--border-width-1) solid var(--color-border);margin-bottom:var(--space-4)}.api-response{margin-top:var(--space-4);padding:var(--space-4);background-color:var(--color-surface-secondary);border-radius:var(--radius-md);border:var(--border-width-1) solid var(--color-border)}.api-response h4{margin-bottom:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.api-response pre{font-size:var(--font-size-xs);color:var(--color-text-primary);white-space:pre-wrap;word-break:break-word}.help-text{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-top:var(--space-2)}ol{margin-left:var(--space-6)}ol li{margin-bottom:var(--space-2);color:var(--color-text-secondary)}@media (max-width: 1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-6)}}@media (max-width: 768px){.dashboard{padding:0}.header-content{flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-6)}.welcome-text{text-align:center}.welcome-text h1{font-size:var(--font-size-2xl)}.quick-actions{width:100%;justify-content:center}.quick-actions .btn{flex:1;max-width:200px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.dashboard-grid{grid-template-columns:1fr;gap:var(--space-4)}.dashboard-card{min-height:auto}.card-header{padding:var(--space-3)}.card-content{padding:var(--space-2)}.bot-item{flex-direction:column;align-items:flex-start;gap:var(--space-1)}.bot-info{width:100%;justify-content:space-between}.bot-actions{width:100%;justify-content:flex-end}.step{flex-direction:column;align-items:flex-start;gap:var(--space-1)}.stat-icon{width:var(--space-16);height:var(--space-16)}.stat-icon-svg{width:var(--space-10);height:var(--space-10)}.bots-empty{padding:var(--space-2)}.setup-steps{gap:var(--space-1)}}@media (max-width: 480px){.header-content{padding:var(--space-4)}.welcome-text h1{font-size:var(--font-size-xl)}.stats-grid{grid-template-columns:1fr;gap:var(--space-3)}.stat-card{padding:var(--space-4);gap:var(--space-3);text-align:center;flex-direction:column}.stat-icon{width:var(--space-14);height:var(--space-14);margin:0 auto}.dashboard-card,.card-header,.card-content{padding:var(--space-3)}.setup-steps{gap:var(--space-3)}.step-number{width:var(--space-6);height:var(--space-6)}}.dashboard-header-bar{background-color:var(--color-surface);border-bottom:var(--border-width-1) solid var(--color-border);padding:var(--space-4) var(--space-8);display:flex;justify-content:flex-end;align-items:center;box-shadow:var(--shadow-sm)}.header-actions{display:flex;align-items:center;gap:var(--space-4)}.dashboard-content{flex:1;padding:var(--space-8);overflow-y:auto;background-color:var(--color-background);width:100%;min-height:0}@media (max-width: 768px){.dashboard-content{padding:var(--space-4)}}.quick-setup .card-content{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.setup-list{display:flex;flex-direction:column;gap:var(--space-3)}.setup-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:#ffffff80;border-radius:var(--radius-md);border:1px solid var(--color-primary-100);cursor:pointer;transition:var(--transition-all);text-align:left;width:100%}.setup-item:hover{background:#fffc;border-color:var(--color-primary-200);transform:translateY(-1px);box-shadow:var(--shadow-md)}.setup-item:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.setup-icon{width:28px;height:28px;background:var(--color-primary-500);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);flex-shrink:0}.setup-text{display:flex;flex-direction:column;gap:var(--space-1);flex:1}.setup-text strong{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.setup-text span{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.setup-buttons{display:flex;gap:var(--space-2);justify-content:center}.setup-buttons .btn{min-width:100px}@media (max-width: 768px){.quick-setup .card-content{padding:var(--space-3);gap:var(--space-3)}.setup-list{gap:var(--space-2)}.setup-item{padding:var(--space-2);gap:var(--space-2)}.setup-icon{width:24px;height:24px;font-size:var(--font-size-xs)}.setup-text strong,.setup-text span{font-size:var(--font-size-xs)}.setup-buttons{flex-direction:column}.setup-buttons .btn{min-width:auto}}.bot-info-details{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-2)}.info-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);background:#ffffff80;border-radius:var(--radius-md);border:1px solid var(--color-primary-100);transition:var(--transition-all)}.info-item:hover{background:#fffc;border-color:var(--color-primary-200)}.info-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);text-align:right}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);text-align:center;color:var(--color-text-secondary)}.loading-state,.empty-state{gap:var(--space-4)}.empty-state h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.empty-state p{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.quick-actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);padding:var(--space-4)}.quick-actions-grid .action-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-6);background:var(--gradient-card);border:var(--border-width-1) solid var(--color-primary-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);transition:var(--transition-all);cursor:pointer;text-align:center;min-height:140px;position:relative;overflow:hidden}.quick-actions-grid .action-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#3eb8f40d,#3eb8f405);pointer-events:none}.quick-actions-grid .action-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl);border-color:var(--color-primary-300)}.quick-actions-grid .action-card:hover .action-icon{transform:scale(1.1);box-shadow:0 8px 25px #3b82f666}.quick-actions-grid .action-card:active{transform:translateY(-1px)}.quick-actions-grid .action-card:disabled{opacity:.6;cursor:not-allowed;transform:none}.quick-actions-grid .action-card:disabled:hover{transform:none;box-shadow:var(--shadow-md);border-color:var(--color-primary-200)}.quick-actions-grid .action-card:disabled:hover .action-icon{transform:none;box-shadow:0 4px 12px #3b82f633}.action-icon{width:var(--space-16);height:var(--space-16);background:var(--color-primary-500);color:#fff;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1;transition:var(--transition-all);box-shadow:0 4px 12px #3b82f64d;border:2px solid rgba(255,255,255,.2)}.action-content{display:flex;flex-direction:column;gap:var(--space-2);position:relative;z-index:1;width:100%}.action-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-primary-700);margin:0;text-shadow:0 1px 2px rgba(0,0,0,.1)}.action-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0;font-weight:var(--font-weight-medium)}.chats-list{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2);max-height:300px;overflow-y:auto}.chat-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);background:#ffffff80;border-radius:var(--radius-md);border:1px solid var(--color-primary-100);transition:var(--transition-all)}.chat-item:hover{background:#fffc;border-color:var(--color-primary-200);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.chat-info{flex:1;min-width:0}.chat-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-username{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:var(--space-1)}.chat-stats{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1);flex-shrink:0}.message-count{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-primary-600);background:var(--color-primary-50);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);border:1px solid var(--color-primary-200)}.last-message{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.messages-list{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2);max-height:300px;overflow-y:auto}.message-item{display:flex;align-items:flex-start;padding:var(--space-3);background:#ffffff80;border-radius:var(--radius-md);border:1px solid var(--color-primary-100);transition:var(--transition-all)}.message-item:hover{background:#fffc;border-color:var(--color-primary-200);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.message-info{flex:1;min-width:0}.message-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--space-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-meta{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.chat-name{font-weight:var(--font-weight-medium);color:var(--color-primary-600)}.message-time{color:var(--color-text-secondary)}.form-select{padding:var(--space-2) var(--space-3);border:var(--border-width-1) solid var(--color-primary-200);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-primary);font-size:var(--font-size-sm);min-width:120px;transition:var(--transition-all)}.form-select:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-100)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16);text-align:center;color:var(--color-text-secondary)}.loading-state .loading-spinner{margin-bottom:var(--space-4)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);text-align:center;color:var(--color-text-secondary);height:100%}.empty-state .empty-icon{color:var(--color-primary-300);opacity:.5;margin-bottom:var(--space-3)}.empty-state h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-2) 0}.empty-state p{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.help-quick-links{margin-bottom:var(--space-8)}.help-link-card{cursor:pointer;transition:var(--transition-all)}.help-link-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-xl);border-color:var(--color-primary-400)}.help-articles{margin-bottom:var(--space-8)}.articles-list{display:flex;flex-direction:column;gap:var(--space-4)}.article-card{background:var(--color-surface);border:var(--border-width-1) solid var(--color-primary-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:var(--transition-all);overflow:hidden}.article-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.article-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6);cursor:pointer;transition:var(--transition-all)}.article-header:hover{background:#3eb8f405}.article-header-left{display:flex;align-items:center;gap:var(--space-4);flex:1;min-width:0}.article-icon{width:var(--space-12);height:var(--space-12);background:var(--color-primary-100);color:var(--color-primary-600);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid var(--color-primary-200)}.article-info{flex:1;min-width:0}.article-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-primary-700);margin:0 0 var(--space-1) 0}.article-preview{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:var(--line-height-relaxed)}.article-toggle{color:var(--color-primary-500);transition:var(--transition-all)}.article-body{padding:0 var(--space-6) var(--space-6) var(--space-6);border-top:var(--border-width-1) solid var(--color-primary-100);background:#3eb8f403}.article-content{color:var(--color-text-primary);line-height:var(--line-height-relaxed)}.article-content h4{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-primary-700);margin:0 0 var(--space-4) 0}.article-content h5{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:var(--space-6) 0 var(--space-3) 0}.article-content h6{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-primary-600);margin:var(--space-4) 0 var(--space-2) 0}.article-content p{margin:0 0 var(--space-4) 0;color:var(--color-text-secondary)}.article-content ul,.article-content ol{margin:0 0 var(--space-4) var(--space-6);color:var(--color-text-secondary)}.article-content li{margin-bottom:var(--space-2)}.article-content code{background:var(--color-primary-50);color:var(--color-primary-700);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-family:var(--font-family-mono);font-size:var(--font-size-sm);border:1px solid var(--color-primary-200)}.article-content strong{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.action-types{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4);margin:var(--space-4) 0}.action-type{background:var(--color-surface);border:var(--border-width-1) solid var(--color-primary-200);border-radius:var(--radius-lg);padding:var(--space-4)}.button-types{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4);margin:var(--space-4) 0}.button-type{background:var(--color-surface);border:var(--border-width-1) solid var(--color-primary-200);border-radius:var(--radius-lg);padding:var(--space-4)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin:var(--space-4) 0}.metric-item{background:var(--color-surface);border:var(--border-width-1) solid var(--color-primary-200);border-radius:var(--radius-lg);padding:var(--space-4)}.troubleshooting-item{background:var(--color-surface);border:var(--border-width-1) solid var(--color-warning-200);border-radius:var(--radius-lg);padding:var(--space-5);margin:var(--space-4) 0}.troubleshooting-item h5{color:var(--color-warning-700);margin-top:0}.solution{margin-top:var(--space-3)}.solution p{font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.help-contact{margin-top:var(--space-8)}.contact-actions{display:flex;gap:var(--space-3);margin-top:var(--space-4)}.modern-modal{background:var(--gradient-card);border:var(--border-width-1) solid var(--color-primary-200);box-shadow:var(--shadow-2xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden;max-width:600px;width:90vw}.modern-modal:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#3eb8f408,#3eb8f403);pointer-events:none}.modal-header{position:relative;z-index:1;padding:var(--space-6);border-bottom:var(--border-width-1) solid var(--color-primary-200);background:#ffffff80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-header-content{display:flex;align-items:center;gap:var(--space-4);flex:1}.modal-icon{width:var(--space-12);height:var(--space-12);background:var(--color-primary-500);color:#fff;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #3b82f64d;border:2px solid rgba(255,255,255,.2)}.modal-title-section{flex:1}.modal-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary-700);margin:0 0 var(--space-1) 0;text-shadow:0 1px 2px rgba(0,0,0,.1)}.modal-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;font-weight:var(--font-weight-medium)}.modal-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:var(--transition-all);display:flex;align-items:center;justify-content:center}.modal-close:hover{background:var(--color-error-100);color:var(--color-error-600);transform:scale(1.1)}.modal-body{position:relative;z-index:1;padding:var(--space-4);max-height:70vh;overflow-y:auto}.setup-steps{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-3);background:#ffffff80;border-radius:var(--radius-lg);border:var(--border-width-1) solid var(--color-primary-100);width:100%;flex-shrink:0}.step-item{display:flex;align-items:flex-start;gap:var(--space-3)}.step-number{width:var(--space-8);height:var(--space-8);background:var(--color-primary-500);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);flex-shrink:0;box-shadow:0 2px 8px #3b82f64d}.step-content{flex:0 1 auto;min-width:0;width:100%}.step-content h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-primary-700);margin:0 0 var(--space-1) 0}.step-content p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:var(--line-height-relaxed)}.step-content code{background:var(--color-primary-50);color:var(--color-primary-700);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-family:var(--font-family-mono);font-size:var(--font-size-xs);border:1px solid var(--color-primary-200)}.step-content strong{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.bot-form{display:flex;flex-direction:column;gap:var(--space-6)}.form-section{display:flex;flex-direction:column;gap:var(--space-5)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.label-icon{color:var(--color-primary-500)}.form-input{padding:var(--space-3) var(--space-4);border:var(--border-width-1) solid var(--color-primary-200);border-radius:var(--radius-lg);background:#fffc;color:var(--color-text-primary);font-size:var(--font-size-base);transition:var(--transition-all);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.form-input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-100);background:#fffffff2}.form-input::placeholder{color:var(--color-text-secondary);font-style:italic}.form-help{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.help-icon{font-size:var(--font-size-sm)}.modal-actions{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-2);padding-top:var(--space-4);border-top:var(--border-width-1) solid var(--color-primary-100)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--font-size-base);min-width:120px}.loading-spinner-sm{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-right:var(--space-2)}@media (max-width: 768px){.modern-modal{width:95vw;max-width:none;margin:var(--space-4)}.modal-header,.modal-body{padding:var(--space-4)}.modal-header-content{gap:var(--space-3)}.modal-icon{width:var(--space-10);height:var(--space-10)}.modal-title{font-size:var(--font-size-lg)}.setup-steps{padding:var(--space-3);gap:var(--space-3)}.step-item{gap:var(--space-3)}.step-number{width:var(--space-7);height:var(--space-7);font-size:var(--font-size-xs)}.modal-actions{flex-direction:row;gap:var(--space-2)}.modal-actions .btn{flex:1}}@media (max-width: 480px){.modern-modal{width:100vw;height:100vh;margin:0;border-radius:0;max-height:none}.modal-header{padding:var(--space-3)}.modal-body{padding:var(--space-3);flex:1;overflow-y:auto}.setup-steps{flex-direction:column;gap:var(--space-2)}.step-item{flex-direction:column;align-items:flex-start;gap:var(--space-2);text-align:left}.modal-actions{flex-direction:column;gap:var(--space-2)}.modal-actions .btn{width:100%}}@media (max-width: 768px){.article-header-left{gap:var(--space-3)}.article-icon{width:var(--space-10);height:var(--space-10)}.article-title{font-size:var(--font-size-base)}.article-preview{font-size:var(--font-size-xs)}.article-header,.article-body{padding:var(--space-4)}.action-types,.button-types,.metrics-grid{grid-template-columns:1fr;gap:var(--space-3)}.contact-actions{flex-direction:column}.contact-actions .btn{width:100%}}@media (max-width: 480px){.help-quick-links .stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.article-header,.article-body{padding:var(--space-3)}.article-content h4{font-size:var(--font-size-lg)}.article-content h5{font-size:var(--font-size-base)}}@media (max-width: 768px){.messages-list{max-height:250px}.message-item{padding:var(--space-2)}.message-text{font-size:var(--font-size-xs)}.message-meta{flex-direction:column;align-items:flex-start;gap:var(--space-1)}.form-select{min-width:100px;font-size:var(--font-size-xs)}}@media (max-width: 480px){.empty-state{padding:var(--space-6)}.loading-state{padding:var(--space-12)}.messages-list{max-height:200px}}@media (max-width: 768px){.quick-actions-grid{gap:var(--space-3);padding:var(--space-3)}.quick-actions-grid .action-card{padding:var(--space-5);min-height:120px;gap:var(--space-3)}.action-icon{width:var(--space-14);height:var(--space-14)}.action-title{font-size:var(--font-size-base)}.action-description{font-size:var(--font-size-xs)}.info-item{flex-direction:column;align-items:flex-start;gap:var(--space-1);text-align:left}.info-value{text-align:left}.chat-item{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.chat-stats{width:100%;flex-direction:row;justify-content:space-between;align-items:center}}@media (max-width: 480px){.quick-actions-grid{grid-template-columns:1fr;gap:var(--space-3);padding:var(--space-3)}.quick-actions-grid .action-card{padding:var(--space-4);min-height:100px;gap:var(--space-3)}.action-icon{width:var(--space-12);height:var(--space-12)}.action-title{font-size:var(--font-size-base)}.action-description{font-size:var(--font-size-xs)}.chats-list{max-height:200px}}.stats-list{display:flex;flex-direction:column;gap:var(--space-3)}.stat-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:#ffffff80;border-radius:var(--radius-md);border:1px solid var(--color-primary-100)}.stat-item-icon{width:28px;height:28px;background:var(--color-primary-500);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);flex-shrink:0}.stat-item-text{display:flex;flex-direction:column;gap:var(--space-1);flex:1}.stat-item-text strong{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.stat-item-text span{font-size:var(--font-size-xs);color:var(--color-text-secondary)}@media (max-width: 768px){.stats-list{gap:var(--space-2)}.stat-item{padding:var(--space-2);gap:var(--space-2)}.stat-item-icon{width:24px;height:24px;font-size:var(--font-size-xs)}.stat-item-text strong,.stat-item-text span{font-size:var(--font-size-xs)}}.landing-page{min-height:100vh;background:var(--gradient-page)}.landing-content{padding-top:80px}.landing-header{position:fixed;top:0;left:0;right:0;z-index:50;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:var(--border-width-1) solid var(--color-border);padding:var(--space-4) 0}.landing-header-content{max-width:1200px;margin:0 auto;padding:0 var(--space-6);display:flex;align-items:center;justify-content:space-between}.header-brand{display:flex;align-items:center}.brand-logo{display:flex;align-items:center;gap:var(--space-3);text-decoration:none}.brand-image{width:var(--space-8);height:var(--space-8);object-fit:contain}.brand-name{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.header-actions{display:flex;align-items:center;gap:var(--space-3)}.hero-section{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1400px;margin:0 auto;padding:var(--space-24) var(--space-8) var(--space-20);gap:var(--space-20);position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,var(--color-primary-100) 0%,transparent 50%),radial-gradient(circle at 80% 20%,var(--color-purple-100) 0%,transparent 50%);opacity:.6;z-index:-1}.hero-content{flex:1;max-width:650px;z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--color-surface);border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--space-8);box-shadow:var(--shadow-sm)}.badge-icon{width:var(--space-4);height:var(--space-4);color:var(--color-primary-500)}.hero-title{font-size:var(--font-size-6xl);font-weight:var(--font-weight-extrabold);color:var(--color-text-primary);margin-bottom:var(--space-8);line-height:var(--line-height-tight)}.gradient-text{background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:var(--font-size-xl);color:var(--color-text-secondary);margin-bottom:var(--space-10);line-height:var(--line-height-relaxed)}.hero-stats{display:flex;gap:var(--space-8);margin-bottom:var(--space-10)}.stat-item{display:flex;flex-direction:column;align-items:flex-start;padding:var(--space-4) var(--space-5);background:var(--color-surface);border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition-all);min-width:100px;text-align:center}.stat-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-primary-200)}.stat-number{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary-600);margin-bottom:var(--space-1)}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:var(--font-weight-medium);text-align:center;width:100%}.hero-actions{display:flex;gap:var(--space-5);align-items:center;margin-bottom:var(--space-8)}.btn-glow{position:relative;overflow:hidden}.btn-glow:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-glow:hover:before{left:100%}.hero-trust{display:flex;align-items:center;gap:var(--space-4)}.trust-label{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.trust-logos{display:flex;gap:var(--space-3)}.trust-logo{width:var(--space-8);height:var(--space-8);background:var(--color-surface);border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);box-shadow:var(--shadow-sm)}.hero-visual{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--space-8);position:relative}.hero-mockup{background:var(--color-surface);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);border:var(--border-width-1) solid var(--color-border);overflow:hidden;width:100%;max-width:400px;transform:perspective(1000px) rotateY(-5deg) rotateX(5deg);transition:transform .3s ease}.hero-mockup:hover{transform:perspective(1000px) rotateY(-2deg) rotateX(2deg)}.mockup-header{background:var(--color-neutral-100);padding:var(--space-4);display:flex;align-items:center;gap:var(--space-3);border-bottom:var(--border-width-1) solid var(--color-border)}.mockup-dots{display:flex;gap:var(--space-2)}.dot{width:var(--space-3);height:var(--space-3);border-radius:var(--radius-full)}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27ca3f}.mockup-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.mockup-content{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.chat-message{display:flex;gap:var(--space-3);align-items:flex-end}.chat-message.outgoing{justify-content:flex-end}.message-avatar{width:var(--space-8);height:var(--space-8);border-radius:var(--radius-full);background:var(--color-primary-100);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);flex-shrink:0}.message-bubble{background:var(--color-primary-50);padding:var(--space-3) var(--space-4);border-radius:var(--radius-xl);max-width:80%;position:relative}.chat-message.outgoing .message-bubble{background:var(--color-primary-500);color:#fff}.message-bubble p{margin:0;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.message-time{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-1);display:block}.chat-message.outgoing .message-time{color:#fffc}.feature-showcase{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6);background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:var(--border-width-1) solid var(--color-border);width:100%;max-width:300px}.showcase-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface-secondary);border-radius:var(--radius-lg);border:var(--border-width-1) solid var(--color-border);transition:var(--transition-all)}.showcase-item:hover{transform:translate(4px);box-shadow:var(--shadow-md)}.showcase-icon{width:var(--space-8);height:var(--space-8);background:var(--gradient-primary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.features-section{width:100%;padding:var(--space-24) var(--space-8);background:var(--color-surface)}.section-header{text-align:center;margin-bottom:var(--space-20);max-width:800px;margin-left:auto;margin-right:auto}.section-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-primary-50);color:var(--color-primary-700);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-6)}.section-header h2{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-6);line-height:var(--line-height-tight)}.section-header p{font-size:var(--font-size-xl);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-8);max-width:1200px;margin:0 auto}.feature-card{background:var(--color-surface);padding:var(--space-10);border-radius:var(--radius-2xl);border:var(--border-width-1) solid var(--color-border);box-shadow:var(--shadow-md);transition:var(--transition-all);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);opacity:0;transition:opacity .3s ease}.feature-card.featured:before{opacity:1}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.feature-card.featured{border-color:var(--color-primary-200);box-shadow:var(--shadow-lg)}.feature-icon{width:var(--space-12);height:var(--space-12);background:var(--gradient-primary);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:var(--space-6)}.feature-card h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-4)}.feature-card p{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-6)}.feature-highlight{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-primary-50);color:var(--color-primary-700);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.testimonials-section{width:100%;padding:var(--space-24) var(--space-8);background:var(--color-neutral-50)}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-8);max-width:1200px;margin:0 auto}.testimonial-card{background:var(--color-surface);padding:var(--space-8);border-radius:var(--radius-2xl);border:var(--border-width-1) solid var(--color-border);box-shadow:var(--shadow-md);transition:var(--transition-all)}.testimonial-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.testimonial-stars{display:flex;gap:var(--space-1);margin-bottom:var(--space-6)}.star-icon{width:var(--space-4);height:var(--space-4);color:#fbbf24}.testimonial-text{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-6);font-style:italic}.testimonial-author{display:flex;align-items:center;gap:var(--space-4)}.author-avatar{width:var(--space-10);height:var(--space-10);border-radius:var(--radius-full);background:var(--color-primary-100);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);flex-shrink:0}.author-info h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.author-info span{font-size:var(--font-size-sm);color:var(--color-text-muted)}.whitelist-section{width:100%;padding:var(--space-24) var(--space-8);background:var(--color-surface)}.whitelist-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:start}.whitelist-info{display:flex;flex-direction:column;gap:var(--space-6)}.info-item{display:flex;gap:var(--space-4);align-items:flex-start;min-height:80px}.info-icon{background:var(--color-primary-50);border-radius:var(--radius-lg);padding:var(--space-3);display:flex;align-items:center;justify-content:center;flex-shrink:0;width:48px;height:48px}.info-icon .icon{width:var(--space-6);height:var(--space-6);color:var(--color-primary-600)}.info-text h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.info-text p{color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.whitelist-cta{display:flex;justify-content:center}.cta-card{background:var(--color-surface);padding:var(--space-8);border-radius:var(--radius-2xl);border:var(--border-width-1) solid var(--color-border);box-shadow:var(--shadow-lg);text-align:center;width:100%;max-width:400px}.cta-card h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-4)}.cta-card>p{color:var(--color-text-secondary);margin-bottom:var(--space-6);line-height:var(--line-height-relaxed)}.benefits-list{margin-bottom:var(--space-8);text-align:left}.benefit-item{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.benefit-check{width:var(--space-5);height:var(--space-5);color:var(--color-success-500);flex-shrink:0}.benefit-item span{color:var(--color-text-secondary);font-size:var(--font-size-base)}.cta-note{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--space-4)}.btn-full{width:100%}@media (max-width: 768px){.landing-header-content{padding:0 var(--space-4)}.header-actions{gap:var(--space-2)}.header-actions .btn{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm)}.hero-section{flex-direction:column;text-align:center;gap:var(--space-8);padding:var(--space-16) var(--space-4) var(--space-12)}.hero-title{font-size:var(--font-size-4xl)}.hero-stats{justify-content:center;gap:var(--space-4)}.stat-item{min-width:80px;padding:var(--space-3) var(--space-4)}.stat-number{font-size:var(--font-size-xl)}.hero-actions{justify-content:center;flex-direction:column;width:100%}.hero-actions .btn{width:100%}.hero-trust{flex-direction:column;gap:var(--space-3)}.hero-mockup{transform:none;max-width:100%}.features-section,.testimonials-section,.pricing-section{padding:var(--space-16) var(--space-4)}.section-header h2{font-size:var(--font-size-3xl)}.features-grid,.testimonials-grid,.pricing-grid{grid-template-columns:1fr}.pricing-card.featured{transform:none}.pricing-card.featured:hover{transform:translateY(-4px)}}@media (max-width: 480px){.hero-title{font-size:var(--font-size-3xl)}.hero-description{font-size:var(--font-size-lg)}.hero-stats{flex-direction:column;gap:var(--space-4)}.feature-showcase{flex-direction:row;overflow-x:auto;padding:var(--space-4)}.showcase-item{flex-shrink:0;min-width:200px}.whitelist-content{grid-template-columns:1fr;gap:var(--space-8)}.cta-card{max-width:none}}.chat-interface{display:flex;height:calc(100vh - 80px);background-color:var(--color-neutral-50);overflow:hidden;border:var(--border-width-1) solid var(--color-primary-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.bot-sidebar{width:80px;background-color:#fff;border-right:1px solid var(--color-border);display:flex;flex-direction:column;align-items:center;padding:var(--space-4) 0;gap:var(--space-3)}.bot-avatar-button{position:relative;width:48px;height:48px;border-radius:var(--radius-xl);border:none;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg);cursor:pointer;transition:all var(--duration-200) ease;color:#fff;background:linear-gradient(135deg,#3b82f6,#10b981);box-shadow:0 2px 4px #0000001a}.bot-avatar-button:hover{transform:scale(1.05);box-shadow:0 8px 25px #3b82f64d;background:linear-gradient(135deg,#2563eb,#059669)}.bot-avatar-button.selected{box-shadow:0 8px 25px #3b82f666;background:linear-gradient(135deg,#2563eb,#059669);border:2px solid rgba(255,255,255,.2)}.bot-avatar-badge{position:absolute;top:-8px;right:-8px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-radius:50%;min-width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);border:3px solid white;box-shadow:0 2px 8px #ef44444d;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.chat-sidebar{width:320px;background-color:#fff;border-right:1px solid var(--color-border);display:flex;flex-direction:column}.chat-sidebar-header{padding:var(--space-4);border-bottom:1px solid var(--color-neutral-100);display:flex;align-items:center;gap:var(--space-3)}.chat-sidebar-bot-avatar{width:40px;height:40px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg);color:#fff;box-shadow:0 2px 4px #0000001a}.chat-sidebar-info h1{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-1) 0}.chat-count-badge{background-color:var(--color-neutral-200);color:var(--color-text-secondary);padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.chat-list{flex:1;overflow-y:auto}.chat-item{padding:var(--space-4);border-bottom:1px solid var(--color-neutral-50);cursor:pointer;transition:background-color var(--duration-200) ease;display:flex;align-items:flex-start;gap:var(--space-3)}.chat-item:hover{background-color:var(--color-neutral-50)}.chat-item.selected{background-color:var(--color-primary-50);border-left:4px solid var(--color-primary-500)}.chat-item-avatar-container{position:relative;flex-shrink:0}.chat-item-avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 1px 3px #0000001a}.bot-indicator{position:absolute;bottom:-2px;right:-2px;width:20px;height:20px;background-color:var(--color-green-500);border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid white}.chat-item-content{flex:1;min-width:0}.chat-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-1)}.chat-item-name{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-size:var(--font-size-base);display:flex;align-items:center;gap:var(--space-2)}.chat-item-unread-badge{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-radius:50%;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);box-shadow:0 2px 6px #ef444433;margin-left:var(--space-2)}.chat-item-username{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-1)}.chat-item-last-message{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-item-timestamp{font-size:var(--font-size-xs);color:var(--color-text-muted)}.chat-main{flex:1;display:flex;flex-direction:column}.chat-header{background-color:#fff;border-bottom:1px solid var(--color-border);padding:var(--space-4);display:flex;align-items:center;justify-content:space-between}.chat-header-left{display:flex;align-items:center;gap:var(--space-3)}.chat-header-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.1)}.chat-header-info h2{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 2px;display:flex;align-items:center;gap:var(--space-2)}.chat-header-username{font-size:var(--font-size-sm);color:var(--color-text-muted)}.chat-header-right{display:flex;align-items:center;gap:var(--space-4)}.show-commands-toggle{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.switch-container{position:relative;width:44px;height:24px;background-color:var(--color-neutral-300);border-radius:12px;cursor:pointer;transition:background-color var(--duration-200) ease}.switch-container.active{background-color:var(--color-primary-500)}.switch-thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;background-color:#fff;border-radius:50%;transition:transform var(--duration-200) ease;box-shadow:var(--shadow-sm)}.switch-container.active .switch-thumb{transform:translate(20px)}.message-count-badge{background-color:transparent;color:var(--color-text-muted);border:1px solid var(--color-border);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.messages-area{flex:1;overflow-y:auto;padding:var(--space-4);background-color:var(--color-neutral-50)}.message-group{display:flex;align-items:flex-end;gap:var(--space-2);margin-bottom:var(--space-4)}.message-group.outgoing{flex-direction:row-reverse;justify-content:flex-start}.message-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);flex-shrink:0;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 1px 3px #0000001a}.message-bubble{max-width:320px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-2xl);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.message-bubble.incoming{background-color:var(--color-neutral-100);color:var(--color-text-primary);border-bottom-left-radius:var(--radius-md)}.message-bubble.outgoing{background-color:var(--color-primary-500);color:#fff;border-bottom-right-radius:var(--radius-md)}.message-bubble.command{background-color:var(--color-yellow-100);color:var(--color-yellow-800);border:1px solid var(--color-yellow-200)}.message-input-area{background-color:#fff;border-top:1px solid var(--color-border);padding:var(--space-4)}.message-input-form{display:flex;align-items:center;gap:var(--space-3)}.message-input-field{flex:1;padding:var(--space-3) var(--space-4);border:1px solid var(--color-neutral-300);border-radius:var(--radius-full);font-size:var(--font-size-sm);outline:none;transition:border-color var(--duration-200) ease}.message-input-field:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-100)}.send-button{background-color:var(--color-primary-500);color:#fff;border:none;border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;display:flex;align-items:center;gap:var(--space-2);transition:background-color var(--duration-200) ease}.send-button:hover{background-color:var(--color-primary-600)}.send-button:disabled{background-color:var(--color-neutral-300);cursor:not-allowed}.chat-empty-state{flex:1;display:flex;align-items:center;justify-content:center;background-color:var(--color-neutral-50)}.empty-state-content{text-align:center;max-width:400px}.empty-state-icon{width:64px;height:64px;background-color:var(--color-neutral-200);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4)}.empty-state-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--space-2)}.empty-state-description{color:var(--color-text-muted);font-size:var(--font-size-base)}@media (max-width: 768px){.chat-interface{height:calc(100vh - 60px)}.bot-sidebar{width:60px}.bot-avatar-button{width:40px;height:40px;font-size:var(--font-size-base)}.chat-sidebar{width:280px}.message-bubble{max-width:280px}}@media (max-width: 640px){.chat-sidebar{position:absolute;left:0;top:0;height:100%;z-index:10;transform:translate(-100%);transition:transform var(--duration-300) ease}.chat-sidebar.open{transform:translate(0)}.chat-main{width:100%}}.alert{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-6);border:var(--border-width-1) solid;font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.alert-icon{width:var(--space-5);height:var(--space-5);flex-shrink:0}.alert-content{flex:1;min-width:0}.alert-title{font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1)}.alert-message{margin:0}.alert-close{width:var(--space-6);height:var(--space-6);padding:0;border:none;background:transparent;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-all);display:flex;align-items:center;justify-content:center;flex-shrink:0}.alert-close:hover{background-color:#0000001a}.alert-success{background-color:var(--color-success-50);color:var(--color-success-800);border-color:var(--color-success-200)}.alert-success .alert-icon{color:var(--color-success-600)}.alert-success .alert-close:hover{background-color:var(--color-success-200)}.alert-error{background-color:var(--color-error-50);color:var(--color-error-800);border-color:var(--color-error-200)}.alert-error .alert-icon{color:var(--color-error-600)}.alert-error .alert-close:hover{background-color:var(--color-error-200)}.alert-warning{background-color:var(--color-warning-50);color:var(--color-warning-800);border-color:var(--color-warning-200)}.alert-warning .alert-icon{color:var(--color-warning-600)}.alert-warning .alert-close:hover{background-color:var(--color-warning-200)}.alert-info{background-color:var(--color-primary-50);color:var(--color-primary-800);border-color:var(--color-primary-200)}.alert-info .alert-icon{color:var(--color-primary-600)}.alert-info .alert-close:hover{background-color:var(--color-primary-200)}.alert-compact{padding:var(--space-3);font-size:var(--font-size-xs)}.alert-compact .alert-icon{width:var(--space-4);height:var(--space-4)}.alert-compact .alert-close{width:var(--space-5);height:var(--space-5)}.alert-lg{padding:var(--space-6);font-size:var(--font-size-base)}.alert-lg .alert-icon{width:var(--space-6);height:var(--space-6)}.alert-lg .alert-title{font-size:var(--font-size-lg);margin-bottom:var(--space-2)}.alert-borderless{border:none}.alert-outlined{background-color:transparent;border-width:var(--border-width-2)}.alert-outlined.alert-success{color:var(--color-success-700);border-color:var(--color-success-500)}.alert-outlined.alert-error{color:var(--color-error-700);border-color:var(--color-error-500)}.alert-outlined.alert-warning{color:var(--color-warning-700);border-color:var(--color-warning-500)}.alert-outlined.alert-info{color:var(--color-primary-700);border-color:var(--color-primary-500)}.toast{position:fixed;top:var(--space-4);right:var(--space-4);z-index:var(--z-toast);min-width:300px;max-width:500px;background-color:var(--color-surface);border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);animation:toast-enter var(--duration-300) var(--ease-out)}.toast.closing{animation:toast-exit var(--duration-200) var(--ease-in)}@keyframes toast-enter{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toast-exit{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.toast-stack{position:fixed;top:var(--space-4);right:var(--space-4);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2);max-width:500px}.toast-progress{position:absolute;bottom:0;left:0;height:3px;background-color:var(--color-primary-500);border-radius:0 0 var(--radius-lg) var(--radius-lg);animation:toast-progress 5s linear}@keyframes toast-progress{0%{width:100%}to{width:0%}}.toast-success .toast-progress{background-color:var(--color-success-500)}.toast-error .toast-progress{background-color:var(--color-error-500)}.toast-warning .toast-progress{background-color:var(--color-warning-500)}.banner{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-align:center;border-bottom:var(--border-width-1) solid}.banner-success{background-color:var(--color-success-100);color:var(--color-success-800);border-color:var(--color-success-200)}.banner-error{background-color:var(--color-error-100);color:var(--color-error-800);border-color:var(--color-error-200)}.banner-warning{background-color:var(--color-warning-100);color:var(--color-warning-800);border-color:var(--color-warning-200)}.banner-info{background-color:var(--color-primary-100);color:var(--color-primary-800);border-color:var(--color-primary-200)}.status-indicator{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.status-indicator.active .status-dot{background-color:var(--color-success-500)}.status-indicator.inactive .status-dot{background-color:var(--color-neutral-400)}.status-indicator.error .status-dot{background-color:var(--color-error-500)}.status-indicator.warning .status-dot{background-color:var(--color-warning-500)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:1}.badge-sm{padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs)}.badge-lg{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm)}.badge-success{background-color:var(--color-success-100);color:var(--color-success-800)}.badge-error{background-color:var(--color-error-100);color:var(--color-error-800)}.badge-warning{background-color:var(--color-warning-100);color:var(--color-warning-800)}.badge-info{background-color:var(--color-primary-100);color:var(--color-primary-800)}.badge-neutral{background-color:var(--color-neutral-100);color:var(--color-neutral-800)}.badge-outlined{background-color:transparent;border:var(--border-width-1) solid}.badge-outlined.badge-success{color:var(--color-success-600);border-color:var(--color-success-500)}.badge-outlined.badge-error{color:var(--color-error-600);border-color:var(--color-error-500)}.badge-outlined.badge-warning{color:var(--color-warning-600);border-color:var(--color-warning-500)}.badge-outlined.badge-info{color:var(--color-primary-600);border-color:var(--color-primary-500)}.badge-outlined.badge-neutral{color:var(--color-neutral-600);border-color:var(--color-neutral-500)}@media (max-width: 768px){.toast,.toast-stack{left:var(--space-4);right:var(--space-4);max-width:none}.alert{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.alert-close{align-self:flex-end;margin-top:var(--space-2)}}@media (prefers-reduced-motion: reduce){.toast,.toast.closing,.toast-progress{animation:none}}.header-title-section{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.bot-selector-inline{display:flex;align-items:center;gap:var(--space-3);background:#ffffff1a;padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.bot-select-header{min-width:250px;background:#ffffffe6;border:1px solid var(--color-primary-200);font-size:var(--font-size-sm)}.access-info-inline{font-size:var(--font-size-xs);color:#fffc;background:#ffa50033;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);border:1px solid rgba(255,165,0,.3)}@media (max-width: 768px){.header-title-section{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.bot-selector-inline{width:100%;justify-content:space-between}.bot-select-header{min-width:200px;flex:1}}.bot-selector-section{margin:var(--space-6) 0}.bot-selector-card{background:var(--color-surface);border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);max-width:400px;margin:0 auto;box-shadow:var(--shadow-sm)}.bot-selector-card h3{margin:0 0 var(--space-4) 0;color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.bot-selector-card .form-select{width:100%;margin-bottom:var(--space-3)}.bot-selector-card .access-info{padding:var(--space-2) var(--space-3);background-color:var(--color-warning-50);border:var(--border-width-1) solid var(--color-warning-200);border-radius:var(--radius-md);text-align:center}.compact-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-8);gap:var(--space-4);background-color:var(--color-surface);padding:var(--space-6);border-radius:var(--radius-lg);border:var(--border-width-1) solid var(--color-border);box-shadow:var(--shadow-sm)}.header-left{display:flex;align-items:center;gap:var(--space-6);flex:1;min-width:0}.header-right{flex-shrink:0;display:flex;align-items:center;gap:var(--space-3)}.compact-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--space-3) 0;line-height:var(--line-height-tight)}.bot-selector{display:flex;align-items:center;gap:var(--space-2)}.compact-select{padding:var(--space-2) var(--space-3);border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text-primary);font-size:var(--font-size-sm);min-width:250px;transition:var(--transition-all)}.compact-select:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-100)}.content-section{margin-top:var(--space-8)}.section-header{margin-bottom:var(--space-6)}.section-header h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-2) 0}.section-header p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0;line-height:var(--line-height-relaxed)}.action-filters{margin-bottom:var(--space-6);padding:var(--space-4);background-color:var(--color-surface-secondary);border-radius:var(--radius-lg);border:var(--border-width-1) solid var(--color-border)}.filter-group{display:flex;flex-direction:column;gap:var(--space-3)}.filter-group label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.filter-buttons{display:flex;gap:var(--space-2);flex-wrap:wrap}.filter-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:var(--border-width-1) solid var(--color-border);background-color:var(--color-surface);color:var(--color-text-secondary);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-all)}.filter-btn:hover{background-color:var(--color-primary-50);border-color:var(--color-primary-300);color:var(--color-primary-700)}.filter-btn.active{background-color:var(--color-primary-100);border-color:var(--color-primary-500);color:var(--color-primary-700)}.actions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:var(--space-6);margin-top:var(--space-6)}.action-card{background:var(--color-surface);border:var(--border-width-1) solid var(--color-primary-200);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:var(--transition-all)}.action-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.action-header{margin-bottom:var(--space-6)}.action-title-line{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.action-command{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary-600);margin:0}.action-status{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.status-dot{width:var(--space-3);height:var(--space-3);border-radius:50%;flex-shrink:0}.status-dot.active{background:var(--color-success-500)}.status-dot.inactive{background:var(--color-neutral-400)}.action-controls{display:flex;gap:var(--space-1)}.action-badges{display:flex;gap:var(--space-2);flex-wrap:wrap}.action-type-badge{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.5px}.action-type-badge.command{background:var(--color-primary-100);color:var(--color-primary-700)}.action-type-badge.callback{background:var(--color-purple-100);color:var(--color-purple-700)}.parse-mode-badge{padding:var(--space-2) var(--space-3);background:var(--color-warning-100);color:var(--color-warning-700);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.5px}.section-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:1px;margin:0 0 var(--space-4) 0}.response-section{margin-bottom:var(--space-6)}.message-bubble{background:var(--color-surface);border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);color:var(--color-text-primary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);min-height:var(--space-16);display:flex;align-items:center}.buttons-section{margin-bottom:var(--space-6)}.button-list-item{background:var(--color-surface-secondary);border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4)}.button-info{display:flex;flex-direction:column;gap:var(--space-3)}.button-name{display:flex;align-items:center;gap:var(--space-2)}.button-call{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.button-text{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.linked-indicator{font-size:var(--font-size-sm);padding:var(--space-1);background:var(--color-success-100);border-radius:var(--radius-sm)}.button-type{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.5px}.button-type.callback{background:var(--color-purple-100);color:var(--color-purple-700)}.button-type.url{background:var(--color-blue-100);color:var(--color-blue-700)}.button-value{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-secondary);background:var(--color-neutral-100);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--color-neutral-200);word-break:break-all;max-width:100%}.action-actions{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-3);position:relative;z-index:1}.action-status{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background:#ffffffb3;padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);border:1px solid var(--color-primary-100)}.status-indicator{width:var(--space-3);height:var(--space-3);border-radius:50%;flex-shrink:0}.status-indicator.active{background:var(--color-success-500);box-shadow:0 0 0 2px var(--color-success-100)}.status-indicator.inactive{background:var(--color-neutral-400);box-shadow:0 0 0 2px var(--color-neutral-100)}.action-buttons{display:flex;gap:var(--space-2)}.action-buttons .btn{padding:var(--space-2) var(--space-3);min-width:auto;font-size:var(--font-size-sm);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:var(--transition-all)}.action-buttons .btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.action-title-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-3)}.action-badges{display:flex;gap:var(--space-2);flex-shrink:0}.action-type-badge.command{background:linear-gradient(135deg,var(--color-primary-100) 0%,var(--color-primary-50) 100%);color:var(--color-primary-700);border-color:var(--color-primary-200)}.action-type-badge.callback{background:linear-gradient(135deg,var(--color-purple-100) 0%,var(--color-purple-50) 100%);color:var(--color-purple-700);border-color:var(--color-purple-200)}.parse-mode-badge{padding:var(--space-2) var(--space-3);background:linear-gradient(135deg,var(--color-warning-100) 0%,var(--color-warning-50) 100%);color:var(--color-warning-700);border:1px solid var(--color-warning-200);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;box-shadow:0 1px 3px #f59e0b1a}.linked-indicator{margin-left:var(--space-2);padding:var(--space-1);background-color:var(--color-success-100);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--color-success-700);cursor:help}.buttons-section{margin-top:var(--space-4);padding-top:var(--space-4);border-top:var(--border-width-1) solid var(--color-primary-100);position:relative;z-index:1}.action-buttons:not(.action-header .action-buttons){margin-top:var(--space-4);padding-top:var(--space-4);border-top:var(--border-width-1) solid var(--color-primary-100);position:relative;z-index:1}.buttons-section h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-primary-700);margin:0 0 var(--space-3) 0}.button-list{display:flex;flex-direction:column;gap:var(--space-3)}.button-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background:#ffffffb3;border-radius:var(--radius-lg);font-size:var(--font-size-sm);border:var(--border-width-1) solid var(--color-primary-100);box-shadow:var(--shadow-sm);transition:var(--transition-all)}.button-item:hover{background:#ffffffe6;transform:translateY(-1px);box-shadow:var(--shadow-md)}.button-label{font-weight:var(--font-weight-semibold);color:var(--color-primary-700);font-size:var(--font-size-base)}.button-type{color:var(--color-text-secondary);font-family:var(--font-family-mono);font-size:var(--font-size-sm);background:var(--color-primary-50);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-primary-100);font-weight:var(--font-weight-medium)}.empty-actions{text-align:center;padding:var(--space-16);color:var(--color-text-muted)}.empty-actions h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin:0 0 var(--space-2) 0}.empty-actions p{margin:0 0 var(--space-6) 0;line-height:var(--line-height-relaxed)}.modal-form{display:flex;flex-direction:column;gap:var(--space-4)}.form-section{margin-bottom:var(--space-6)}.form-section h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-3) 0}.button-draft-row{display:grid;grid-template-columns:1fr auto 1fr auto;gap:var(--space-3);align-items:end;margin-bottom:var(--space-3)}.form-input-small{padding:var(--space-2);font-size:var(--font-size-sm)}.draft-buttons{margin-top:var(--space-3)}.draft-button-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-3);background-color:var(--color-neutral-100);border-radius:var(--radius-md);font-size:var(--font-size-xs);margin-bottom:var(--space-2);border:var(--border-width-1) solid var(--color-border)}.remove-btn{padding:var(--space-1);background:none;border:none;color:var(--color-error-600);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-all)}.remove-btn:hover{background-color:var(--color-error-100)}@media (max-width: 1024px){.actions-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--space-4)}}@media (max-width: 768px){.compact-header{flex-direction:column;align-items:stretch;gap:var(--space-4);padding:var(--space-4)}.header-right{justify-content:stretch}.header-right .btn{width:100%}.compact-select{min-width:100%}.actions-grid{grid-template-columns:1fr;gap:var(--space-4)}.action-title-line{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.action-status{align-self:flex-start}.action-controls{align-self:flex-end}.button-row{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.button-label{min-width:auto}.filter-buttons{flex-direction:column}.filter-btn{width:100%;justify-content:center}.button-draft-row{grid-template-columns:1fr;gap:var(--space-2)}.command-name{font-size:var(--font-size-xl)}}@media (max-width: 480px){.compact-header{padding:var(--space-3)}.compact-title{font-size:var(--font-size-xl)}.action-card{padding:var(--space-4)}.action-command{font-size:var(--font-size-xl)}}.delayed-callbacks-section{margin-top:var(--space-4);padding-top:var(--space-4);border-top:var(--border-width-1) solid var(--color-border-light)}.delayed-callbacks-list{display:flex;flex-direction:column;gap:var(--space-2)}.delayed-callback-item{background-color:var(--color-orange-50);border:var(--border-width-1) solid var(--color-orange-200);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3)}.callback-summary{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.callback-command{font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-orange-700);background-color:var(--color-orange-100);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.callback-timing{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.action-card-compact{background:var(--color-surface);border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);transition:var(--transition-all);margin-bottom:var(--space-4)}.action-card-compact:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary-300)}.action-header-compact{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4)}.action-title-section{display:flex;align-items:center;gap:var(--space-3);flex:1}.command-with-status{display:flex;align-items:center;gap:var(--space-2)}.command-badge{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary-600);margin:0}.status-text{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.status-text.enabled{color:var(--color-success-700)}.status-text.disabled{color:var(--color-neutral-600)}.status-dot{width:var(--space-2);height:var(--space-2);border-radius:50%;flex-shrink:0}.status-text.enabled .status-dot{background-color:var(--color-success-500)}.status-text.disabled .status-dot{background-color:var(--color-neutral-400)}.action-controls-compact{display:flex;gap:var(--space-1)}.control-btn{padding:var(--space-2);background:none;border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-all);display:flex;align-items:center;justify-content:center}.control-btn:hover{background:var(--color-primary-50);border-color:var(--color-primary-300);color:var(--color-primary-600)}.type-badges{display:flex;gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap}.type-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);text-transform:uppercase;letter-spacing:.5px}.type-badge.command{background:var(--color-blue-100);color:var(--color-blue-700)}.type-badge.callback{background:var(--color-purple-100);color:var(--color-purple-700)}.parse-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);background:var(--color-orange-100);color:var(--color-orange-700);text-transform:uppercase;letter-spacing:.5px}.section-header{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-3);padding-bottom:var(--space-1);border-bottom:var(--border-width-1) solid var(--color-border)}.response-compact{margin-bottom:var(--space-4)}.message-content{background:var(--color-neutral-50);border:var(--border-width-1) solid var(--color-neutral-200);border-radius:var(--radius-md);padding:var(--space-3);font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-primary);line-height:var(--line-height-relaxed);white-space:pre-wrap;word-break:break-word}.buttons-compact{margin-bottom:var(--space-4)}.buttons-grid{display:flex;flex-direction:column;gap:var(--space-2)}.button-item-compact{background:var(--color-surface-secondary);border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);transition:var(--transition-all)}.button-item-compact:hover{background:var(--color-primary-25);border-color:var(--color-primary-200)}.button-label{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-1);display:flex;align-items:center;gap:var(--space-2)}.linked-icon{font-size:var(--font-size-sm);opacity:.7}.button-details{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.button-type-tag{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px}.button-type-tag.callback{background:var(--color-purple-100);color:var(--color-purple-700)}.button-type-tag.url{background:var(--color-green-100);color:var(--color-green-700)}.button-value-text{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-secondary);background:var(--color-neutral-100);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);word-break:break-all;flex:1;min-width:0}.callbacks-compact{margin-bottom:var(--space-4)}.callbacks-grid{display:flex;flex-direction:column;gap:var(--space-2)}.callback-item-compact{background:var(--color-orange-50);border:var(--border-width-1) solid var(--color-orange-200);border-radius:var(--radius-md);padding:var(--space-3);display:flex;justify-content:space-between;align-items:center}.callback-name{font-family:var(--font-family-mono);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-orange-700)}.callback-time{display:flex;align-items:center;gap:var(--space-1)}.time-indicator{font-size:var(--font-size-xs);color:var(--color-orange-600);background:var(--color-orange-100);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-weight:var(--font-weight-medium)}@media (max-width: 768px){.action-header-compact{flex-direction:column;gap:var(--space-3);align-items:flex-start}.action-title-section{width:100%}.command-with-status{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.action-controls-compact{align-self:flex-end}.button-details{flex-direction:column;align-items:flex-start;gap:var(--space-1)}.button-value-text{width:100%}.callback-item-compact{flex-direction:column;align-items:flex-start;gap:var(--space-2)}}.action-editor{max-width:1000px;margin:0 auto}.action-editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-8);padding:var(--space-6);background-color:var(--color-surface);border-radius:var(--radius-lg);border:var(--border-width-1) solid var(--color-border);box-shadow:var(--shadow-sm)}.header-left{display:flex;align-items:center;gap:var(--space-4)}.header-info h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--space-1) 0}.header-info p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.header-right{display:flex;align-items:center;gap:var(--space-3)}.action-editor-content{background-color:var(--color-surface);border-radius:var(--radius-lg);border:var(--border-width-1) solid var(--color-border);overflow:hidden;box-shadow:var(--shadow-sm)}.step-navigation{display:flex;border-bottom:var(--border-width-1) solid var(--color-border);background-color:var(--color-surface-secondary)}.step-button{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);border:none;background:none;cursor:pointer;transition:var(--transition-all);border-right:var(--border-width-1) solid var(--color-border)}.step-button:last-child{border-right:none}.step-button:hover{background-color:var(--color-primary-50)}.step-button.active{background-color:var(--color-primary-100);color:var(--color-primary-700)}.step-button.completed .step-number{background-color:var(--color-success-600);color:#fff}.step-number{width:28px;height:28px;border-radius:50%;background-color:var(--color-neutral-200);color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);transition:var(--transition-all)}.step-button.active .step-number{background-color:var(--color-primary-600);color:#fff}.step-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em}.step-content{padding:var(--space-8);min-height:400px}.form-section h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-2) 0}.form-section>p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0 0 var(--space-6) 0;line-height:var(--line-height-relaxed)}.label-with-icon{display:flex;align-items:center;gap:var(--space-2);font-weight:var(--font-weight-medium)}.media-source-options{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-6)}.radio-option{position:relative;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;background-color:var(--color-surface);box-shadow:var(--shadow-sm);flex:1;min-width:160px;justify-content:center;text-align:center}.radio-option:hover:not(.disabled){border-color:var(--color-primary-300);background-color:var(--color-primary-50)}.radio-option input[type=radio]{display:none}.radio-option:has(input[type=radio]:checked){border-color:var(--color-primary-500);background-color:var(--color-primary-100);color:var(--color-primary-700)}.radio-option span{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:inherit;transition:all .15s ease;line-height:var(--line-height-snug)}.radio-option span svg{width:16px;height:16px;color:currentColor;transition:color .15s ease;flex-shrink:0}.radio-option.disabled{opacity:.6;cursor:not-allowed;background-color:var(--color-neutral-100);color:var(--color-text-muted)}.radio-option.disabled:hover{border-color:var(--color-border);background-color:var(--color-neutral-100)}.radio-option:focus-within{outline:2px solid var(--color-primary-500);outline-offset:2px}@media (max-width: 768px){.media-source-options{flex-direction:column}.radio-option{min-width:auto;justify-content:flex-start}}.file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-4);margin-top:var(--space-4)}.file-card{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-all);background-color:var(--color-surface)}.file-card:hover{border-color:var(--color-primary-300);background-color:var(--color-primary-50)}.file-card.selected{border-color:var(--color-primary-500);background-color:var(--color-primary-100)}.file-info{flex:1;min-width:0}.file-name{font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:var(--space-1)}.file-meta{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.file-selected{color:var(--color-primary-600);margin-left:var(--space-2)}.button-draft-section{background-color:var(--color-surface-secondary);padding:var(--space-4);border-radius:var(--radius-lg);border:var(--border-width-1) solid var(--color-border)}.button-draft-row{display:grid;grid-template-columns:2fr auto 2fr auto;gap:var(--space-3);align-items:end;margin-bottom:var(--space-4)}.draft-buttons{margin-top:var(--space-4)}.draft-buttons h4{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-3) 0}.draft-button-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);background-color:var(--color-surface);border-radius:var(--radius-md);font-size:var(--font-size-sm);margin-bottom:var(--space-2);border:var(--border-width-1) solid var(--color-border)}.url-examples{margin-top:var(--space-4);padding:var(--space-4);background-color:var(--color-surface-secondary);border-radius:var(--radius-lg);border:var(--border-width-1) solid var(--color-border)}.url-examples h4{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-success-700);margin:0 0 var(--space-4) 0;display:flex;align-items:center;gap:var(--space-2)}.example-group{margin-bottom:var(--space-4)}.example-group:last-child{margin-bottom:0}.example-group strong{display:block;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.example-group code{display:block;background-color:var(--color-neutral-100);border:var(--border-width-1) solid var(--color-neutral-200);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-primary);margin-bottom:var(--space-2);word-break:break-all}.example-group small{display:block;color:var(--color-text-secondary);font-size:var(--font-size-xs);line-height:var(--line-height-relaxed);margin-bottom:var(--space-2)}.form-error{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2);padding:var(--space-2) var(--space-3);background-color:var(--color-error-50);border:var(--border-width-1) solid var(--color-error-200);border-radius:var(--radius-md);color:var(--color-error-700);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.form-input.error{border-color:var(--color-error-500);background-color:var(--color-error-50)}.form-input.error:focus{border-color:var(--color-error-600);box-shadow:0 0 0 3px var(--color-error-100)}.step-actions{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6);border-top:var(--border-width-1) solid var(--color-border);background-color:var(--color-surface-secondary)}.step-actions-left,.step-actions-right{display:flex;gap:var(--space-3)}.btn-danger{background-color:var(--color-error-600);border-color:var(--color-error-600);color:#fff}.btn-danger:hover{background-color:var(--color-error-700);border-color:var(--color-error-700)}.btn-outline.btn-danger{background-color:transparent;border-color:var(--color-error-600);color:var(--color-error-600)}.btn-outline.btn-danger:hover{background-color:var(--color-error-600);color:#fff}.btn-icon{padding:var(--space-2);min-width:auto}.loading-state{display:flex;justify-content:center;align-items:center;height:200px;color:var(--color-text-secondary);font-size:var(--font-size-lg)}@media (max-width: 768px){.action-editor-header{flex-direction:column;align-items:stretch;gap:var(--space-4)}.header-left{justify-content:flex-start}.header-right{justify-content:stretch}.header-right .btn{flex:1}.step-navigation{flex-direction:column}.step-button{flex-direction:row;justify-content:flex-start;border-right:none;border-bottom:var(--border-width-1) solid var(--color-border)}.step-button:last-child{border-bottom:none}.step-content{padding:var(--space-6)}.media-source-options{flex-direction:column}.file-grid{grid-template-columns:1fr}.button-draft-row{grid-template-columns:1fr;gap:var(--space-2)}.step-actions{flex-direction:column;gap:var(--space-4)}.step-actions-left,.step-actions-right{width:100%;justify-content:stretch}.step-actions .btn{flex:1}}@media (max-width: 480px){.action-editor{margin:0 var(--space-4)}.action-editor-header{padding:var(--space-4)}.header-info h1{font-size:var(--font-size-xl)}.step-content{padding:var(--space-4);min-height:300px}.form-section h3{font-size:var(--font-size-lg)}}.delayed-callback-draft-section{display:flex;flex-direction:column;gap:var(--space-4)}.delayed-callback-draft-row{display:grid;grid-template-columns:2fr 1fr auto;gap:var(--space-3);align-items:end}.custom-delay-inputs{display:flex;gap:var(--space-2);align-items:stretch;height:40px}.custom-delay-number{width:80px;flex-shrink:0;height:40px}.custom-delay-unit{flex:1;min-width:100px;height:40px}.delayed-callback-draft-row .form-select,.delayed-callback-draft-row .form-input,.delayed-callback-draft-row .btn{height:40px;box-sizing:border-box}.delayed-callback-draft-row .btn{display:flex;align-items:center;justify-content:center;padding:0 var(--space-3)}.delayed-callbacks-list{margin-top:var(--space-4)}.delayed-callbacks-list h4{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin:0 0 var(--space-3) 0;text-transform:uppercase;letter-spacing:.5px}.delayed-callback-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background-color:var(--color-surface);border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-3);transition:all .2s ease}.delayed-callback-item:hover{background-color:var(--color-gray-50);border-color:var(--color-orange-300);box-shadow:0 2px 4px #0000000d}.callback-info{display:flex;align-items:center;gap:var(--space-3);flex:1}.callback-command{font-family:var(--font-mono);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-orange-700);background-color:var(--color-orange-50);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);border:var(--border-width-1) solid var(--color-orange-200);display:inline-block}.callback-delay{font-size:var(--font-size-sm);color:var(--color-text-secondary);display:flex;align-items:center;gap:var(--space-1);font-weight:var(--font-weight-medium)}.callback-delay:before{content:"⏰";font-size:var(--font-size-sm)}@media (max-width: 768px){.delayed-callback-draft-row{grid-template-columns:1fr;gap:var(--space-2)}.delayed-callback-item{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.callback-info{width:100%}}.action-flow-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000bf;z-index:1000;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.action-flow-container{width:95vw;height:90vh;background:var(--color-background);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;overflow:hidden}.action-flow-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6);border-bottom:1px solid var(--color-border);background:var(--color-background)}.action-flow-header .header-left h2{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.action-flow-header .header-left p{margin:var(--space-1) 0 0 0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.close-graph-btn{background:none;border:none;padding:var(--space-2);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.close-graph-btn:hover{background-color:var(--color-surface-hover);color:var(--color-text-primary)}.action-flow-content{flex:1;position:relative;background:var(--color-surface)}.custom-action-node{background:var(--color-background);border:2px solid var(--color-border);border-radius:var(--radius-lg);min-width:240px;max-width:280px;box-shadow:var(--shadow-md);transition:all .2s ease}.custom-action-node:hover{border-color:var(--color-primary-300);box-shadow:var(--shadow-lg)}.custom-action-node.selected{border-color:var(--color-primary-500);box-shadow:0 0 0 2px var(--color-primary-100)}.action-node-content{padding:var(--space-3)}.action-node-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-2)}.action-title-section{flex:1}.action-node-command{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-1) 0;font-family:var(--font-mono)}.action-node-badges{display:flex;align-items:center;gap:var(--space-2)}.action-type-badge{display:inline-flex;align-items:center;gap:2px;padding:2px var(--space-1);border-radius:var(--radius-sm);font-size:9px;font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em}.action-type-badge.command{background-color:var(--color-primary-50);color:var(--color-primary-700)}.action-type-badge.callback{background-color:var(--color-purple-50);color:var(--color-purple-700)}.edit-node-btn{background:none;border:1px solid var(--color-border);padding:var(--space-2);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.edit-node-btn:hover{border-color:var(--color-primary-300);background-color:var(--color-primary-50);color:var(--color-primary-600)}.action-node-body{space-y:var(--space-3)}.response-preview{margin-bottom:var(--space-2)}.response-label,.buttons-label{display:block;font-size:10px;font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1)}.response-text{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-primary);max-height:50px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.button-chips{display:flex;flex-wrap:wrap;gap:var(--space-1)}.button-chip{display:inline-flex;align-items:center;padding:2px var(--space-1);background-color:var(--color-success-50);color:var(--color-success-700);border-radius:var(--radius-sm);font-size:10px;font-weight:var(--font-weight-medium);border:1px solid var(--color-success-200)}.button-chip.url{background-color:var(--color-blue-50);color:var(--color-blue-700);border-color:var(--color-blue-200)}.button-chip.more{background-color:var(--color-surface);color:var(--color-text-secondary);border-color:var(--color-border)}.status-dot{width:8px;height:8px;border-radius:50%;border:1px solid var(--color-border)}.status-dot.active{background-color:var(--color-success-500);border-color:var(--color-success-300)}.status-dot.inactive{background-color:var(--color-gray-300);border-color:var(--color-gray-400)}.graph-legend{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);margin:var(--space-4);box-shadow:var(--shadow-md);min-width:200px}.graph-legend h4{margin:0 0 var(--space-3) 0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.legend-items{display:flex;flex-direction:column;gap:var(--space-2)}.legend-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.legend-icon.command{color:var(--color-primary-600)}.legend-icon.callback{color:var(--color-purple-600)}.legend-icon.connection{color:var(--color-blue-600)}.legend-icon.delayed{color:var(--color-orange-600)}.legend-button-chip{display:inline-flex;align-items:center;padding:1px 4px;background-color:var(--color-success-50);color:var(--color-success-700);border-radius:var(--radius-sm);font-size:9px;font-weight:var(--font-weight-medium);border:1px solid var(--color-success-200)}.react-flow__controls{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.react-flow__controls-button{background:var(--color-background);border:none;border-bottom:1px solid var(--color-border);color:var(--color-text-secondary)}.react-flow__controls-button:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__minimap{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md)}.react-flow__edge-path{stroke:var(--color-primary-500);stroke-width:2}.react-flow__edge.animated .react-flow__edge-path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge-textbg{fill:var(--color-background)}.react-flow__edge-text{fill:var(--color-text-primary);font-size:10px;font-weight:var(--font-weight-medium)}@keyframes dashdraw{to{stroke-dashoffset:-10}}@media (max-width: 768px){.action-flow-container{width:100vw;height:100vh;border-radius:0}.custom-action-node{min-width:240px;max-width:280px}.graph-legend{margin:var(--space-2);padding:var(--space-3)}}.media-uploader{width:100%}.upload-zone{border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);text-align:center;cursor:pointer;transition:var(--transition-all);background-color:var(--color-surface);min-height:200px;display:flex;align-items:center;justify-content:center}.upload-zone:hover{border-color:var(--color-primary-400);background-color:var(--color-primary-50)}.upload-zone.drag-active{border-color:var(--color-primary-500);background-color:var(--color-primary-100);border-style:solid}.upload-zone.uploading{border-color:var(--color-success-400);background-color:var(--color-success-50);cursor:not-allowed}.upload-zone.disabled{border-color:var(--color-neutral-300);background-color:var(--color-neutral-100);cursor:not-allowed;opacity:.7}.upload-zone.disabled:hover{border-color:var(--color-neutral-300);background-color:var(--color-neutral-100)}.upload-zone.disabled .upload-icon{color:var(--color-text-disabled);opacity:.5}.upload-zone.disabled .upload-primary,.upload-zone.disabled .upload-secondary{color:var(--color-text-disabled)}.upload-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);pointer-events:none}.upload-icon{color:var(--color-text-secondary);opacity:.6;transition:var(--transition-all)}.upload-zone:hover .upload-icon{color:var(--color-primary-600);opacity:1}.upload-zone.drag-active .upload-icon{color:var(--color-primary-700);opacity:1}.upload-text{display:flex;flex-direction:column;gap:var(--space-2)}.upload-primary{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.upload-secondary{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.upload-progress{display:flex;align-items:center;gap:var(--space-4);width:100%;max-width:300px}.progress-icon{color:var(--color-primary-600);flex-shrink:0}.progress-text{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.progress-text>div:first-child{font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.progress-bar{width:100%;height:6px;background-color:var(--color-neutral-200);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background-color:var(--color-primary-600);border-radius:var(--radius-full);transition:width .3s ease}.upload-message{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.upload-message.success{background-color:var(--color-success-50);color:var(--color-success-700);border:var(--border-width-1) solid var(--color-success-200)}.upload-message.error{background-color:var(--color-error-50);color:var(--color-error-700);border:var(--border-width-1) solid var(--color-error-200)}@media (max-width: 768px){.upload-zone{padding:var(--space-6);min-height:150px}.upload-icon{width:24px;height:24px}.upload-primary{font-size:var(--font-size-base)}.upload-secondary{font-size:var(--font-size-xs)}.upload-progress{flex-direction:column;gap:var(--space-3);text-align:center}.progress-text{align-items:center}}@media (max-width: 480px){.upload-zone{padding:var(--space-4);min-height:120px}.upload-content{gap:var(--space-3)}.upload-text{gap:var(--space-1)}}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.modal-content{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:100%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-6);border-bottom:var(--border-width-1) solid var(--color-border)}.modal-header h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;display:flex;align-items:center;gap:var(--space-2)}.modal-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.modal-close:hover{background-color:var(--color-surface-hover);color:var(--color-text-primary)}.modal-body{padding:var(--space-6);overflow-y:auto}.converter-steps{display:flex;gap:var(--space-4);margin-bottom:var(--space-6);padding:var(--space-3);background-color:var(--color-surface-secondary);border-radius:var(--radius-md);justify-content:space-around}.step{display:flex;align-items:center;gap:var(--space-2);flex:1;justify-content:center;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.step-number{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background-color:var(--color-primary-600);color:#fff;border-radius:50%;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);flex-shrink:0}.form-group{margin-bottom:var(--space-4)}.form-group label{display:block;font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--space-2);font-size:var(--font-size-sm)}.input-with-button{display:flex;gap:var(--space-3);align-items:stretch}.input-with-button .form-input{flex:1;padding:var(--space-3);border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);transition:border-color .2s ease}.input-with-button .form-input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3b82f61a}.input-with-button .form-input.error{border-color:var(--color-error-500)}.input-with-button .btn{white-space:nowrap;padding:var(--space-3) var(--space-4)}.form-error{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2);color:var(--color-error-600);font-size:var(--font-size-sm)}.conversion-result{margin-top:var(--space-4);padding:var(--space-4);background-color:var(--color-success-50);border:var(--border-width-1) solid var(--color-success-200);border-radius:var(--radius-md)}.result-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.result-header .success-icon{color:var(--color-success-600);flex-shrink:0}.result-header strong{color:var(--color-success-700);font-weight:var(--font-weight-medium)}.result-url{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);padding:var(--space-3);background-color:var(--color-surface);border:var(--border-width-1) solid var(--color-success-300);border-radius:var(--radius-sm)}.result-url code{flex:1;font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-text-primary);word-break:break-all;background:none;padding:0;border:none}.result-actions{display:flex;justify-content:flex-end;gap:var(--space-2)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.modal-backdrop{padding:var(--space-2)}.modal-header{padding:var(--space-3) var(--space-4)}.modal-body{padding:var(--space-4)}.converter-steps{flex-direction:column;gap:var(--space-2);padding:var(--space-2)}.step{justify-content:flex-start}.input-with-button{flex-direction:column;gap:var(--space-2)}.result-actions{justify-content:stretch}.result-actions .btn{flex:1}}@media (max-width: 480px){.modal-content{max-width:95vw;margin:var(--space-2)}.modal-header h3{font-size:var(--font-size-base)}.modal-body{padding:var(--space-3)}}.dashboard-header{margin-bottom:var(--space-8)}.header-content{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-4);width:100%}.back-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-secondary);transition:all .2s ease}.back-button:hover{background:var(--color-bg-secondary);color:var(--color-text-primary);border-color:var(--color-border-hover)}.header-info{flex:1;text-align:left}.header-info h1.page-title{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin:0;text-align:left}.header-info p.page-subtitle{font-size:.875rem;color:var(--color-text-secondary);margin:2px 0 0;text-align:left}.dashboard-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media (min-width: 1024px){.dashboard-grid{grid-template-columns:1fr 1fr}}.dashboard-card .card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border)}.dashboard-card .card-header h3{margin:0;flex:1;font-size:1rem;font-weight:600;color:var(--color-text-primary)}.dashboard-card .card-header .header-icon{width:var(--space-10);height:var(--space-10);color:var(--color-primary-500);flex-shrink:0;margin-left:var(--space-3)}.dashboard-card .card-content{padding:var(--space-5)}.section-title{font-size:.875rem;font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-4) 0}.button-group{display:flex;gap:var(--space-3);align-items:center}.status-info{padding:var(--space-3);background:var(--color-success-50);border-radius:var(--radius-md);border:1px solid var(--color-success-200)}.status-label{font-size:.8125rem;font-weight:500;color:var(--color-success-700);margin:0 0 4px}.status-value{font-size:.8125rem;color:var(--color-success-800);margin:0}.status-value .code{font-family:var(--font-mono);background:var(--color-success-100);color:var(--color-success-800);padding:2px 6px;border-radius:4px;font-size:.75rem}.add-command-section{padding-bottom:var(--space-5);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-5)}.available-actions-section{margin-bottom:var(--space-6)}.available-actions-list{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.available-action-btn{display:inline-flex;flex-direction:column;align-items:center;padding:var(--space-3) var(--space-4);background:var(--color-primary-50);border:1px solid var(--color-primary-200);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;text-align:center;min-width:100px}.available-action-btn:hover:not(:disabled){background:var(--color-primary-100);border-color:var(--color-primary-400);transform:translateY(-1px)}.available-action-btn:disabled{opacity:.4;cursor:not-allowed;background:var(--color-neutral-100);border-color:var(--color-neutral-200)}.available-action-btn .action-command{font-family:var(--font-mono);font-size:.875rem;font-weight:600;color:var(--color-primary-700);margin-bottom:2px}.available-action-btn .action-label{font-size:.6875rem;color:var(--color-primary-600);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.commands-to-set-section{margin-bottom:var(--space-6)}.reorderable-commands{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-3)}.reorderable-command-item{display:flex;align-items:center;padding:var(--space-3) var(--space-4);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all .2s ease;gap:var(--space-3)}.reorderable-command-item:hover{border-color:var(--color-border-hover);background:var(--color-bg-tertiary)}.drag-handle{cursor:grab;color:var(--color-text-muted);padding:var(--space-1)}.drag-handle:active{cursor:grabbing}.command-content{flex:1;display:flex;flex-direction:column;gap:2px}.command-name{font-family:var(--font-mono);font-size:.875rem;font-weight:600;color:var(--color-primary-600)}.command-description{font-size:.8125rem;color:var(--color-text-secondary)}.command-controls{display:flex;gap:var(--space-1)}.control-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);background:transparent;border:none;cursor:pointer;transition:all .2s ease;color:var(--color-text-secondary)}.control-btn:hover:not(:disabled){background:var(--color-bg-tertiary);color:var(--color-text-primary)}.control-btn:disabled{opacity:.3;cursor:not-allowed}.control-btn.delete-btn:hover:not(:disabled){background:var(--color-error-50);color:var(--color-error-600)}.current-commands-display{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-3)}.current-command-item{display:flex;flex-direction:column;gap:2px;padding:var(--space-3);background:var(--color-success-50);border:1px solid var(--color-success-200);border-radius:var(--radius-md)}.current-command-item .command-name{color:var(--color-success-700)}.current-command-item .command-description{color:var(--color-success-600)}.action-buttons{display:flex;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.empty-state{text-align:center;padding:var(--space-8) var(--space-4);color:var(--color-text-muted);border:2px dashed var(--color-border);border-radius:var(--radius-lg);margin-top:var(--space-3)}.info-note{padding:var(--space-4);background:var(--color-primary-50);border:1px solid var(--color-primary-200);border-radius:var(--radius-md);margin-top:var(--space-5)}.info-note p{font-size:.8125rem;color:var(--color-primary-800);margin:0;line-height:1.5}@media (max-width: 768px){.dashboard-grid{grid-template-columns:1fr}.header-content{gap:var(--space-3)}.button-group{flex-direction:column;align-items:stretch}.button-group .btn{width:100%}.available-actions-list{flex-direction:column}.available-action-btn{min-width:100%}.action-buttons{flex-direction:column}.reorderable-command-item{flex-wrap:wrap;gap:var(--space-2)}.command-controls{width:100%;justify-content:flex-end}}.dashboard-card .form-group{margin-bottom:var(--space-4)}.dashboard-card .form-group:last-child{margin-bottom:0}.dashboard-card .grid{gap:var(--space-4)}.button-group{margin-top:var(--space-5);margin-bottom:var(--space-4)}.dashboard-card .space-y-4>*+*{margin-top:var(--space-5)}.rich-text-editor{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);overflow:hidden}.toolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);gap:var(--space-2)}.toolbar-group{display:flex;align-items:center;gap:var(--space-1)}.toolbar-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-primary);color:var(--color-text-secondary);cursor:pointer;transition:all .2s}.toolbar-btn:hover{background:var(--color-bg-hover);border-color:var(--color-primary-300);color:var(--color-text-primary)}.toolbar-btn.active{background:var(--color-primary-100);border-color:var(--color-primary-400);color:var(--color-primary-700)}.editor-content{display:flex;min-height:160px}.editor-content.split-view{border:none}.editor-side{flex:1;display:flex;flex-direction:column}.rich-textarea{flex:1;width:100%;padding:var(--space-3);border:none;resize:vertical;font-family:var(--font-mono);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);background:transparent;color:var(--color-text-primary);outline:none}.rich-textarea:focus{outline:none}.format-examples{padding:var(--space-3);padding-top:var(--space-2);background:var(--color-bg-secondary);border-top:1px solid var(--color-border);font-size:var(--font-size-xs)}.format-example{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);color:var(--color-text-secondary)}.format-example:last-child{margin-bottom:0}.format-example strong{min-width:50px;font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.format-example code{font-family:var(--font-mono);background:var(--color-bg-tertiary);padding:2px 4px;border-radius:var(--radius-xs);font-size:var(--font-size-xs)}.preview-side{flex:1;border-left:1px solid var(--color-border);background:var(--color-bg-secondary)}.preview-header{padding:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.preview-container{padding:var(--space-3);max-height:200px;overflow-y:auto}.preview-content{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-text-primary)}.preview-content strong{font-weight:var(--font-weight-semibold)}.preview-content em{font-style:italic}.preview-content code{font-family:var(--font-mono);background:var(--color-bg-tertiary);padding:2px 4px;border-radius:var(--radius-xs);font-size:var(--font-size-xs)}.preview-content a{color:var(--color-primary-600);text-decoration:underline}.preview-content a:hover{color:var(--color-primary-700)}.preview-empty{color:var(--color-text-tertiary);font-style:italic;font-size:var(--font-size-sm)}.checkbox-wrapper{display:flex;align-items:center;gap:var(--space-4);margin:var(--space-2) 0}.form-row .checkbox-wrapper{margin:0;padding-top:var(--space-1)}.checkbox-label{display:flex;align-items:center;gap:var(--space-4);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-normal);color:var(--color-text-secondary);transition:color .2s ease;line-height:1.4;-webkit-user-select:none;user-select:none}.checkbox-label:hover{color:var(--color-primary-600)}.form-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border:2px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-primary);cursor:pointer;transition:all .2s ease;position:relative;flex-shrink:0}.form-checkbox:hover{border-color:var(--color-primary-400);background:var(--color-primary-50)}.form-checkbox:checked{background:var(--color-primary-600);border-color:var(--color-primary-600)}.form-checkbox:checked:after{content:"";position:absolute;left:6px;top:2px;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.form-checkbox:focus{outline:none;box-shadow:0 0 0 3px var(--color-primary-100);border-color:var(--color-primary-500)}.form-checkbox:disabled{opacity:.5;cursor:not-allowed;border-color:var(--color-border);background:var(--color-bg-secondary)}.form-checkbox:disabled+.checkbox-label{opacity:.5;cursor:not-allowed;color:var(--color-text-muted)}@media (max-width: 768px){.editor-content.split-view{flex-direction:column}.preview-side{border-left:none;border-top:1px solid var(--color-border)}.toolbar{flex-wrap:wrap;gap:var(--space-1)}.toolbar-group{gap:2px}.toolbar-btn{width:28px;height:28px}}.settings-sections{display:flex;flex-direction:column;gap:var(--space-8);margin-bottom:var(--space-8)}.settings-card{background-color:var(--color-surface);border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition-all)}.settings-card:hover{box-shadow:var(--shadow-md)}.settings-header{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-6);border-bottom:var(--border-width-1) solid var(--color-border);background-color:var(--color-surface-secondary)}.settings-icon{width:var(--space-6);height:var(--space-6);color:var(--color-primary-600);flex-shrink:0}.settings-header-content{flex:1;min-width:0}.settings-header h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-1) 0;line-height:var(--line-height-tight)}.settings-header p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0;line-height:var(--line-height-normal)}.settings-content{padding:var(--space-6)}.setting-item{margin-bottom:var(--space-6)}.setting-item:last-child{margin-bottom:0}.setting-item label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--space-2)}.settings-input{width:100%;padding:var(--space-3);border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);background-color:var(--color-surface);color:var(--color-text-primary);transition:var(--transition-all)}.settings-input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-100)}.settings-input:disabled{background-color:var(--color-neutral-100);color:var(--color-text-muted);cursor:not-allowed}.checkbox-label{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-primary);cursor:pointer;padding:var(--space-3);border-radius:var(--radius-md);transition:var(--transition-all)}.checkbox-label:hover{background-color:var(--color-surface-secondary)}.checkbox-label input{width:auto;margin:0}.checkbox-label input[type=checkbox]{width:var(--space-4);height:var(--space-4);cursor:pointer;accent-color:var(--color-primary-600)}.settings-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-6);border-top:var(--border-width-1) solid var(--color-border)}.settings-description{color:var(--color-text-muted);font-size:var(--font-size-xs);margin-top:var(--space-2);line-height:var(--line-height-relaxed)}.profile-section{display:flex;align-items:center;gap:var(--space-6);margin-bottom:var(--space-6)}.profile-avatar{width:var(--space-20);height:var(--space-20);border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);flex-shrink:0;overflow:hidden}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-info{flex:1;min-width:0}.profile-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-1) 0}.profile-email{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.notification-group{display:flex;flex-direction:column;gap:var(--space-4)}.notification-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);background-color:var(--color-surface-secondary);border-radius:var(--radius-lg);border:var(--border-width-1) solid var(--color-border)}.notification-info{flex:1;min-width:0}.notification-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin:0 0 var(--space-1) 0}.notification-description{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0;line-height:var(--line-height-normal)}.notification-toggle{flex-shrink:0;margin-left:var(--space-4)}.api-key-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background-color:var(--color-surface-secondary);border-radius:var(--radius-lg);border:var(--border-width-1) solid var(--color-border);margin-bottom:var(--space-4)}.api-key-info{flex:1;min-width:0}.api-key-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin:0 0 var(--space-1) 0}.api-key-value{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-muted);background-color:var(--color-neutral-100);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);word-break:break-all}.api-key-actions{display:flex;gap:var(--space-2);flex-shrink:0}.security-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);border-bottom:var(--border-width-1) solid var(--color-border)}.security-item:last-child{border-bottom:none}.security-info{flex:1;min-width:0}.security-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin:0 0 var(--space-1) 0}.security-description{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0}.security-status{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.security-status.enabled{color:var(--color-success-600)}.security-status.disabled{color:var(--color-error-600)}.security-actions{margin-left:var(--space-4);flex-shrink:0}.danger-zone{border-color:var(--color-error-200)}.danger-zone .settings-header{background-color:var(--color-error-50);border-color:var(--color-error-200)}.danger-zone .settings-icon{color:var(--color-error-600)}.danger-zone .settings-header h3{color:var(--color-error-800)}.danger-actions{display:flex;flex-direction:column;gap:var(--space-4)}.danger-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);background-color:var(--color-error-50);border:var(--border-width-1) solid var(--color-error-200);border-radius:var(--radius-lg)}.danger-info{flex:1;min-width:0}.danger-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-error-800);margin:0 0 var(--space-1) 0}.danger-description{font-size:var(--font-size-xs);color:var(--color-error-700);margin:0}@media (max-width: 768px){.settings-header{flex-direction:column;align-items:flex-start;gap:var(--space-3);padding:var(--space-4)}.settings-content{padding:var(--space-4)}.settings-actions{flex-direction:column-reverse}.settings-actions .btn{width:100%}.profile-section{flex-direction:column;text-align:center;gap:var(--space-4)}.profile-avatar{width:var(--space-16);height:var(--space-16)}.notification-item,.api-key-item,.danger-item{flex-direction:column;align-items:stretch;gap:var(--space-3)}.notification-toggle,.api-key-actions,.security-actions{margin-left:0;align-self:stretch}.api-key-actions{justify-content:stretch}.api-key-actions .btn{flex:1}}@media (max-width: 480px){.settings-header,.settings-content{padding:var(--space-3)}.profile-avatar{width:var(--space-12);height:var(--space-12);font-size:var(--font-size-xl)}.profile-name{font-size:var(--font-size-lg)}}.bots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--space-6);margin-top:var(--space-6)}.empty-state{grid-column:1 / -1;text-align:center;padding:var(--space-16);background-color:var(--color-surface);border-radius:var(--radius-xl);border:var(--border-width-2) dashed var(--color-border)}.empty-icon{width:var(--space-16);height:var(--space-16);color:var(--color-text-muted);margin:0 auto var(--space-4) auto}.empty-state h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin:0 0 var(--space-3) 0}.empty-state p{color:var(--color-text-muted);margin:0 0 var(--space-8) 0;line-height:var(--line-height-relaxed);max-width:400px;margin-left:auto;margin-right:auto}.bot-card{background-color:var(--color-surface);border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:var(--transition-all);cursor:pointer;position:relative;overflow:hidden}.bot-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-primary-300);transform:translateY(-2px)}.bot-card:active{transform:translateY(0)}.shared-bot-card{border-left:4px solid var(--color-warning-400)}.shared-bot-card:hover{border-left-color:var(--color-warning-500)}.bot-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4);gap:var(--space-4)}.bot-info{flex:1;min-width:0}.bot-info h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-1) 0;line-height:var(--line-height-tight);word-break:break-word}.bot-username{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0 0 var(--space-3) 0;font-family:var(--font-family-mono);word-break:break-word}.bot-status{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-success-600);background-color:var(--color-success-100);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);width:fit-content}.status-indicator{width:var(--space-2);height:var(--space-2);border-radius:50%;background-color:var(--color-success-500);flex-shrink:0}.status-indicator.inactive{background-color:var(--color-neutral-400)}.status-indicator.shared{background-color:var(--color-warning-500)}.bot-status.inactive{color:var(--color-neutral-600);background-color:var(--color-neutral-100)}.bot-status.shared{color:var(--color-warning-700);background-color:var(--color-warning-100)}.bot-stats{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6)}.stat{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.stat-icon{width:var(--space-4);height:var(--space-4);color:var(--color-text-muted);flex-shrink:0}.stat-value{font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.bot-actions{display:flex;gap:var(--space-2);margin-top:var(--space-6);padding-top:var(--space-4);border-top:var(--border-width-1) solid var(--color-border)}.bot-actions .btn{flex:1;font-size:var(--font-size-xs);padding:var(--space-2) var(--space-3)}.bot-avatar{width:var(--space-12);height:var(--space-12);border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);flex-shrink:0;margin-bottom:var(--space-4)}.bot-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.bot-form{display:flex;flex-direction:column;gap:var(--space-4)}.bot-form .form-help{margin-top:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:var(--line-height-relaxed)}.bot-form .form-help a{color:var(--color-primary-600);text-decoration:none}.bot-form .form-help a:hover{text-decoration:underline}.setup-instructions{background-color:var(--color-primary-50);border:var(--border-width-1) solid var(--color-primary-200);border-radius:var(--radius-lg);padding:var(--space-4);margin-top:var(--space-4)}.setup-instructions h4{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary-800);margin:0 0 var(--space-2) 0}.setup-instructions p{font-size:var(--font-size-xs);color:var(--color-primary-700);margin:0;line-height:var(--line-height-relaxed)}.loading-bots{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16);color:var(--color-text-muted)}.loading-spinner{width:var(--space-8);height:var(--space-8);border:2px solid var(--color-border);border-top:2px solid var(--color-primary-500);border-radius:50%;animation:spin var(--duration-1000) linear infinite;margin-bottom:var(--space-4)}.bot-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);margin-bottom:var(--space-4)}.metric-item{text-align:center;padding:var(--space-3);background-color:var(--color-surface-secondary);border-radius:var(--radius-lg);border:var(--border-width-1) solid var(--color-border)}.metric-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0;line-height:1}.metric-label{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:var(--space-1) 0 0 0}.recent-activity{margin-top:var(--space-4)}.recent-activity h4{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-3) 0}.activity-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;font-size:var(--font-size-xs);color:var(--color-text-secondary);border-bottom:var(--border-width-1) solid var(--color-border)}.activity-item:last-child{border-bottom:none}.activity-icon{width:var(--space-3);height:var(--space-3);color:var(--color-text-muted);flex-shrink:0}.activity-time{margin-left:auto;color:var(--color-text-muted);font-size:var(--font-size-xs)}@media (max-width: 1200px){.bots-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-4)}}@media (max-width: 768px){.bots-grid{grid-template-columns:1fr;gap:var(--space-4)}.bot-card{padding:var(--space-4)}.bot-card-header{flex-direction:column;align-items:stretch;gap:var(--space-3)}.bot-actions{flex-direction:column;gap:var(--space-2)}.bot-actions .btn{width:100%}.bot-metrics{grid-template-columns:1fr;gap:var(--space-2)}.empty-state{padding:var(--space-8)}.empty-icon{width:var(--space-12);height:var(--space-12)}}@media (max-width: 480px){.bot-card{padding:var(--space-3)}.bot-info h3{font-size:var(--font-size-base)}.bot-avatar{width:var(--space-10);height:var(--space-10);font-size:var(--font-size-base)}.metric-value{font-size:var(--font-size-lg)}}.tabs-container{border-bottom:var(--border-width-1) solid var(--color-border)}.tabs{display:flex;gap:0}.tab{background:none;border:none;padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;border-bottom:2px solid transparent;transition:var(--transition-all);display:flex;align-items:center;gap:var(--space-2)}.tab:hover{color:var(--color-text-primary);background-color:var(--color-surface-secondary)}.tab-active{color:var(--color-primary-600);border-bottom-color:var(--color-primary-600);background-color:var(--color-surface)}.tab-active:hover{color:var(--color-primary-700);background-color:var(--color-surface)}.help-container{display:grid;grid-template-columns:250px 1fr;gap:var(--space-8);min-height:100vh;margin-bottom:var(--space-8)}.help-sidebar{background-color:var(--color-surface);border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);height:fit-content;position:sticky;top:var(--space-6)}.help-nav{display:flex;flex-direction:column;gap:var(--space-2)}.help-nav-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--space-3) 0}.help-nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);color:var(--color-text-secondary);text-decoration:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:var(--transition-all)}.help-nav-item:hover{background-color:var(--color-primary-50);color:var(--color-primary-700)}.help-nav-item.active{background-color:var(--color-primary-100);color:var(--color-primary-700);border-color:var(--color-primary-500)}.help-nav-icon{width:var(--space-4);height:var(--space-4);flex-shrink:0}.help-content{background-color:var(--color-surface);border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--shadow-sm)}.help-header{margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:var(--border-width-1) solid var(--color-border)}.help-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--space-4) 0;line-height:var(--line-height-tight)}.help-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin:0;line-height:var(--line-height-relaxed)}.help-section{margin-bottom:var(--space-8)}.help-section:last-child{margin-bottom:0}.help-section h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-4) 0;line-height:var(--line-height-tight)}.help-section h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:var(--space-6) 0 var(--space-3) 0;line-height:var(--line-height-tight)}.help-section h3:first-child{margin-top:0}.help-section p{color:var(--color-text-primary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin:0 0 var(--space-4) 0}.help-section p:last-child{margin-bottom:0}.help-code{background-color:var(--color-surface-secondary);border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);margin:var(--space-4) 0;font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-primary);overflow-x:auto}.help-inline-code{background-color:var(--color-surface-secondary);color:var(--color-primary-700);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-family:var(--font-family-mono);font-size:var(--font-size-sm)}.help-section ul,.help-section ol{margin:var(--space-4) 0;padding-left:var(--space-6)}.help-section li{color:var(--color-text-primary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin:var(--space-2) 0}.help-section li::marker{color:var(--color-primary-600)}.faq-grid{display:flex;flex-direction:column;gap:var(--space-4)}.faq-item{background-color:var(--color-surface-secondary);border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:var(--transition-all)}.faq-item:hover{border-color:var(--color-primary-300)}.faq-question{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-6);background-color:var(--color-surface);cursor:pointer;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-size:var(--font-size-base);margin:0;transition:var(--transition-all)}.faq-question:hover{background-color:var(--color-primary-50);color:var(--color-primary-700)}.faq-icon{width:var(--space-5);height:var(--space-5);color:var(--color-text-muted);transition:var(--transition-all)}.faq-item.active .faq-icon{transform:rotate(180deg);color:var(--color-primary-600)}.faq-answer{padding:var(--space-6);color:var(--color-text-primary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);display:none}.faq-item.active .faq-answer{display:block}.help-cta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6);margin:var(--space-8) 0}.help-cta-card{background-color:var(--color-surface-secondary);border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);text-align:center;transition:var(--transition-all)}.help-cta-card:hover{border-color:var(--color-primary-300);box-shadow:var(--shadow-md);transform:translateY(-2px)}.help-cta-icon{width:var(--space-12);height:var(--space-12);color:var(--color-primary-600);margin:0 auto var(--space-4) auto}.help-cta-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-2) 0}.help-cta-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0 0 var(--space-4) 0}.help-alert{padding:var(--space-4);border-radius:var(--radius-lg);margin:var(--space-4) 0;border:var(--border-width-1) solid;display:flex;align-items:flex-start;gap:var(--space-3)}.help-alert.info{background-color:var(--color-primary-50);border-color:var(--color-primary-200);color:var(--color-primary-800)}.help-alert.success{background-color:var(--color-success-50);border-color:var(--color-success-200);color:var(--color-success-800)}.help-alert.warning{background-color:var(--color-warning-50);border-color:var(--color-warning-200);color:var(--color-warning-800)}.help-alert.error{background-color:var(--color-error-50);border-color:var(--color-error-200);color:var(--color-error-800)}.help-alert-icon{width:var(--space-5);height:var(--space-5);flex-shrink:0;margin-top:var(--space-1)}.help-alert-content{flex:1;min-width:0}.help-alert-content p{margin:0;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.help-search{position:relative;margin-bottom:var(--space-6)}.help-search-input{width:100%;padding:var(--space-3) var(--space-4) var(--space-3) var(--space-12);border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-base);background-color:var(--color-surface);color:var(--color-text-primary);transition:var(--transition-all)}.help-search-input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-100)}.help-search-icon{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);width:var(--space-5);height:var(--space-5);color:var(--color-text-muted);pointer-events:none}.help-contact{background-color:var(--color-primary-50);border:var(--border-width-1) solid var(--color-primary-200);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center;margin-top:var(--space-8)}.help-contact h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-primary-800);margin:0 0 var(--space-3) 0}.help-contact p{color:var(--color-primary-700);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin:0 0 var(--space-6) 0;max-width:500px;margin-left:auto;margin-right:auto}.help-contact-actions{display:flex;justify-content:center;gap:var(--space-4);flex-wrap:wrap}@media (max-width: 1024px){.help-container{grid-template-columns:200px 1fr;gap:var(--space-6)}.help-content{padding:var(--space-6)}.help-cta-grid{grid-template-columns:1fr;gap:var(--space-4)}}@media (max-width: 768px){.help-container{grid-template-columns:1fr;gap:var(--space-4)}.help-sidebar{position:static;order:2;padding:var(--space-4)}.help-nav{flex-direction:row;overflow-x:auto;gap:var(--space-2);padding-bottom:var(--space-2)}.help-nav-item{white-space:nowrap;flex-shrink:0}.help-content{order:1;padding:var(--space-4)}.help-title{font-size:var(--font-size-2xl)}.help-subtitle{font-size:var(--font-size-base)}.help-section h2{font-size:var(--font-size-lg)}.help-section h3{font-size:var(--font-size-base)}.faq-question{padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm)}.faq-answer{padding:var(--space-4);font-size:var(--font-size-sm)}.help-contact{padding:var(--space-6)}.help-contact-actions{flex-direction:column;align-items:center}.help-contact-actions .btn{width:100%;max-width:300px}}@media (max-width: 480px){.help-content{padding:var(--space-3)}.help-header{margin-bottom:var(--space-6);padding-bottom:var(--space-4)}.help-title{font-size:var(--font-size-xl)}.help-code{padding:var(--space-3);font-size:var(--font-size-xs)}.help-cta-icon{width:var(--space-10);height:var(--space-10)}.help-contact{padding:var(--space-4)}.help-contact h3{font-size:var(--font-size-lg)}.help-search-input{padding:var(--space-2) var(--space-3) var(--space-2) var(--space-10);font-size:var(--font-size-sm)}.help-search-icon{width:var(--space-4);height:var(--space-4)}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-justify{text-align:justify}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.font-light{font-weight:var(--font-weight-light)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-success{color:var(--color-success-600)}.text-error{color:var(--color-error-600)}.text-warning{color:var(--color-warning-600)}.bg-surface{background-color:var(--color-surface)}.bg-surface-secondary{background-color:var(--color-surface-secondary)}.bg-primary{background-color:var(--color-primary-600)}.bg-success{background-color:var(--color-success-600)}.bg-error{background-color:var(--color-error-600)}.bg-warning{background-color:var(--color-warning-600)}.border{border:var(--border-width-1) solid var(--color-border)}.border-0{border:none}.border-t{border-top:var(--border-width-1) solid var(--color-border)}.border-r{border-right:var(--border-width-1) solid var(--color-border)}.border-b{border-bottom:var(--border-width-1) solid var(--color-border)}.border-l{border-left:var(--border-width-1) solid var(--color-border)}.border-primary{border-color:var(--color-primary-600)}.border-success{border-color:var(--color-success-600)}.border-error{border-color:var(--color-error-600)}.border-warning{border-color:var(--color-warning-600)}.rounded-none{border-radius:var(--radius-none)}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius-base)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-none{box-shadow:none}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow-base)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.transition-none{transition:none}.transition-all{transition:var(--transition-all)}.transition-colors{transition:var(--transition-colors)}.transition-opacity{transition:var(--transition-opacity)}.transition-shadow{transition:var(--transition-shadow)}.transition-transform{transition:var(--transition-transform)}.transform{transform:translateZ(0)}.scale-95{transform:scale(.95)}.scale-100{transform:scale(1)}.scale-105{transform:scale(1.05)}.scale-110{transform:scale(1.1)}.rotate-0{transform:rotate(0)}.rotate-90{transform:rotate(90deg)}.rotate-180{transform:rotate(180deg)}.rotate-270{transform:rotate(270deg)}.translate-y-1{transform:translateY(var(--space-1))}.translate-y-2{transform:translateY(var(--space-2))}.-translate-y-1{transform:translateY(calc(var(--space-1) * -1))}.-translate-y-2{transform:translateY(calc(var(--space-2) * -1))}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.cursor-auto{cursor:auto}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.cursor-wait{cursor:wait}.cursor-text{cursor:text}.cursor-move{cursor:move}.cursor-not-allowed{cursor:not-allowed}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.select-none{-webkit-user-select:none;user-select:none}.select-text{-webkit-user-select:text;user-select:text}.select-all{-webkit-user-select:all;user-select:all}.select-auto{-webkit-user-select:auto;user-select:auto}.list-none{list-style-type:none}.list-disc{list-style-type:disc}.list-decimal{list-style-type:decimal}.table-auto{table-layout:auto}.table-fixed{table-layout:fixed}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-fill{object-fit:fill}.object-none{object-fit:none}.object-scale-down{object-fit:scale-down}.break-normal{overflow-wrap:normal;word-break:normal}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.focus\:ring-2:focus{outline:none;box-shadow:0 0 0 2px var(--color-primary-500)}.focus\:ring-4:focus{outline:none;box-shadow:0 0 0 4px var(--color-primary-500)}.hover\:scale-105:hover{transform:scale(1.05)}.hover\:opacity-80:hover{opacity:.8}.hover\:shadow-lg:hover{box-shadow:var(--shadow-lg)}.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:translate-y-0{transform:translateY(0)}.animate-spin{animation:spin 1s linear infinite}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-bounce{animation:bounce 1s infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}@media print{.print\:hidden{display:none!important}}