.react-flow{direction:ltr;--xy-edge-stroke-default: #b1b1b7;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #555;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(255, 255, 255, .5);--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: rgba(240, 240, 240, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #e2e2e2;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: transparent;--xy-background-pattern-dots-color-default: #91919a;--xy-background-pattern-lines-color-default: #eee;--xy-background-pattern-cross-color-default: #e2e2e2;background-color:var(--xy-background-color, var(--xy-background-color-default));--xy-node-color-default: inherit;--xy-node-border-default: 1px solid #1a192b;--xy-node-background-color-default: #fff;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #1a192b;--xy-node-border-radius-default: 3px;--xy-handle-background-color-default: #1a192b;--xy-handle-border-color-default: #fff;--xy-selection-background-color-default: rgba(0, 89, 220, .08);--xy-selection-border-default: 1px dotted rgba(0, 89, 220, .8);--xy-controls-button-background-color-default: #fefefe;--xy-controls-button-background-color-hover-default: #f4f4f4;--xy-controls-button-color-default: inherit;--xy-controls-button-color-hover-default: inherit;--xy-controls-button-border-color-default: #eee;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #ffffff;--xy-edge-label-color-default: inherit;--xy-resize-background-color-default: #3367d9}.react-flow.dark{--xy-edge-stroke-default: #3e3e3e;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #727272;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(150, 150, 150, .25);--xy-minimap-background-color-default: #141414;--xy-minimap-mask-background-color-default: rgba(60, 60, 60, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #2b2b2b;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: #141414;--xy-background-pattern-dots-color-default: #777;--xy-background-pattern-lines-color-default: #777;--xy-background-pattern-cross-color-default: #777;--xy-node-color-default: #f8f8f8;--xy-node-border-default: 1px solid #3c3c3c;--xy-node-background-color-default: #1e1e1e;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #999;--xy-handle-background-color-default: #bebebe;--xy-handle-border-color-default: #1e1e1e;--xy-selection-background-color-default: rgba(200, 200, 220, .08);--xy-selection-border-default: 1px dotted rgba(200, 200, 220, .8);--xy-controls-button-background-color-default: #2b2b2b;--xy-controls-button-background-color-hover-default: #3e3e3e;--xy-controls-button-color-default: #f8f8f8;--xy-controls-button-color-hover-default: #fff;--xy-controls-button-border-color-default: #5b5b5b;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #141414;--xy-edge-label-color-default: #f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;position:absolute;pointer-events:none}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{z-index:1001;overflow:visible;position:absolute}.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:default}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background-color:var(--xy-handle-background-color, var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));border-radius:100%}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:0;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px) translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px) translateY(-50%)}.react-flow__attribution{font-size:10px;background:var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@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;left:0;top:0}.react-flow__viewport-portal{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__minimap{background:var( --xy-minimap-background-color-props, var(--xy-minimap-background-color, var(--xy-minimap-background-color-default)) )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var( --xy-minimap-mask-background-color-props, var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default)) );stroke:var( --xy-minimap-mask-stroke-color-props, var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default)) );stroke-width:var( --xy-minimap-mask-stroke-width-props, var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default)) )}.react-flow__minimap-node{fill:var( --xy-minimap-node-background-color-props, var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default)) );stroke:var( --xy-minimap-node-stroke-color-props, var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default)) );stroke-width:var( --xy-minimap-node-stroke-width-props, var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default)) )}.react-flow__background-pattern.dots{fill:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default)) )}.react-flow__background-pattern.lines{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default)) )}.react-flow__background-pattern.cross{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default)) )}.react-flow__controls{display:flex;flex-direction:column;box-shadow:var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default))}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px;border:none;background:var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));border-bottom:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) );color:var( --xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) );cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:var(--xy-node-border-radius, var(--xy-node-border-radius-default));width:150px;font-size:12px;color:var(--xy-node-color, var(--xy-node-color-default));text-align:center;border:var(--xy-node-border, var(--xy-node-border-default));background-color:var(--xy-node-background-color, var(--xy-node-background-color-default))}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color, var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color, var(--xy-selection-background-color-default));border:var(--xy-selection-border, var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var( --xy-controls-button-background-color-hover-props, var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default)) );color:var( --xy-controls-button-color-hover-props, var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default)) )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:5px;height:5px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));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:var(--xy-resize-background-color, var(--xy-resize-background-color-default));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%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color, var(--xy-edge-label-color-default))}/*!
 * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2024 Fonticons, Inc.
 */.fa{font-family:var(--fa-style-family,"Font Awesome 6 Free");font-weight:var(--fa-style,900)}.fa,.fa-brands,.fa-regular,.fa-solid,.fab,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}.fa-brands:before,.fa-regular:before,.fa-solid:before,.fa:before,.fab:before,.far:before,.fas:before{content:var(--fa)}.fa-classic,.fa-regular,.fa-solid,.far,.fas{font-family:"Font Awesome 6 Free"}.fa-brands,.fab{font-family:"Font Awesome 6 Brands"}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-2xs{font-size:.625em;line-height:.1em;vertical-align:.225em}.fa-xs{font-size:.75em;line-height:.08333em;vertical-align:.125em}.fa-sm{font-size:.875em;line-height:.07143em;vertical-align:.05357em}.fa-lg{font-size:1.25em;line-height:.05em;vertical-align:-.075em}.fa-xl{font-size:1.5em;line-height:.04167em;vertical-align:-.125em}.fa-2xl{font-size:2em;line-height:.03125em;vertical-align:-.1875em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:var(--fa-li-margin,2.5em);padding-left:0}.fa-ul>li{position:relative}.fa-li{left:calc(var(--fa-li-width, 2em)*-1);position:absolute;text-align:center;width:var(--fa-li-width,2em);line-height:inherit}.fa-border{border-radius:var(--fa-border-radius,.1em);border:var(--fa-border-width,.08em) var(--fa-border-style,solid) var(--fa-border-color,#eee);padding:var(--fa-border-padding,.2em .25em .15em)}.fa-pull-left{float:left;margin-right:var(--fa-pull-margin,.3em)}.fa-pull-right{float:right;margin-left:var(--fa-pull-margin,.3em)}.fa-beat{animation-name:fa-beat;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-bounce{animation-name:fa-bounce;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))}.fa-fade{animation-name:fa-fade;animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-beat-fade,.fa-fade{animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s)}.fa-beat-fade{animation-name:fa-beat-fade;animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-flip{animation-name:fa-flip;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-shake{animation-name:fa-shake;animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,linear)}.fa-shake,.fa-spin{animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal)}.fa-spin{animation-name:fa-spin;animation-duration:var(--fa-animation-duration,2s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,linear)}.fa-spin-reverse{--fa-animation-direction:reverse}.fa-pulse,.fa-spin-pulse{animation-name:fa-spin;animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,steps(8))}@media (prefers-reduced-motion:reduce){.fa-beat,.fa-beat-fade,.fa-bounce,.fa-fade,.fa-flip,.fa-pulse,.fa-shake,.fa-spin,.fa-spin-pulse{animation-delay:-1ms;animation-duration:1ms;animation-iteration-count:1;transition-delay:0s;transition-duration:0s}}@keyframes fa-beat{0%,90%{transform:scale(1)}45%{transform:scale(var(--fa-beat-scale,1.25))}}@keyframes fa-bounce{0%{transform:scale(1) translateY(0)}10%{transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{transform:scale(1) translateY(0)}to{transform:scale(1) translateY(0)}}@keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);transform:scale(1)}50%{opacity:1;transform:scale(var(--fa-beat-fade-scale,1.125))}}@keyframes fa-flip{50%{transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@keyframes fa-shake{0%{transform:rotate(-15deg)}4%{transform:rotate(15deg)}8%,24%{transform:rotate(-18deg)}12%,28%{transform:rotate(18deg)}16%{transform:rotate(-22deg)}20%{transform:rotate(22deg)}32%{transform:rotate(-12deg)}36%{transform:rotate(12deg)}40%,to{transform:rotate(0)}}@keyframes fa-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.fa-rotate-90{transform:rotate(90deg)}.fa-rotate-180{transform:rotate(180deg)}.fa-rotate-270{transform:rotate(270deg)}.fa-flip-horizontal{transform:scaleX(-1)}.fa-flip-vertical{transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{transform:scale(-1)}.fa-rotate-by{transform:rotate(var(--fa-rotate-angle,0))}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%;z-index:var(--fa-stack-z-index,auto)}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:var(--fa-inverse,#fff)}.fa-0{--fa:"0"}.fa-1{--fa:"1"}.fa-2{--fa:"2"}.fa-3{--fa:"3"}.fa-4{--fa:"4"}.fa-5{--fa:"5"}.fa-6{--fa:"6"}.fa-7{--fa:"7"}.fa-8{--fa:"8"}.fa-9{--fa:"9"}.fa-fill-drip{--fa:""}.fa-arrows-to-circle{--fa:""}.fa-chevron-circle-right,.fa-circle-chevron-right{--fa:""}.fa-at{--fa:"@"}.fa-trash-alt,.fa-trash-can{--fa:""}.fa-text-height{--fa:""}.fa-user-times,.fa-user-xmark{--fa:""}.fa-stethoscope{--fa:""}.fa-comment-alt,.fa-message{--fa:""}.fa-info{--fa:""}.fa-compress-alt,.fa-down-left-and-up-right-to-center{--fa:""}.fa-explosion{--fa:""}.fa-file-alt,.fa-file-lines,.fa-file-text{--fa:""}.fa-wave-square{--fa:""}.fa-ring{--fa:""}.fa-building-un{--fa:""}.fa-dice-three{--fa:""}.fa-calendar-alt,.fa-calendar-days{--fa:""}.fa-anchor-circle-check{--fa:""}.fa-building-circle-arrow-right{--fa:""}.fa-volleyball,.fa-volleyball-ball{--fa:""}.fa-arrows-up-to-line{--fa:""}.fa-sort-desc,.fa-sort-down{--fa:""}.fa-circle-minus,.fa-minus-circle{--fa:""}.fa-door-open{--fa:""}.fa-right-from-bracket,.fa-sign-out-alt{--fa:""}.fa-atom{--fa:""}.fa-soap{--fa:""}.fa-heart-music-camera-bolt,.fa-icons{--fa:""}.fa-microphone-alt-slash,.fa-microphone-lines-slash{--fa:""}.fa-bridge-circle-check{--fa:""}.fa-pump-medical{--fa:""}.fa-fingerprint{--fa:""}.fa-hand-point-right{--fa:""}.fa-magnifying-glass-location,.fa-search-location{--fa:""}.fa-forward-step,.fa-step-forward{--fa:""}.fa-face-smile-beam,.fa-smile-beam{--fa:""}.fa-flag-checkered{--fa:""}.fa-football,.fa-football-ball{--fa:""}.fa-school-circle-exclamation{--fa:""}.fa-crop{--fa:""}.fa-angle-double-down,.fa-angles-down{--fa:""}.fa-users-rectangle{--fa:""}.fa-people-roof{--fa:""}.fa-people-line{--fa:""}.fa-beer,.fa-beer-mug-empty{--fa:""}.fa-diagram-predecessor{--fa:""}.fa-arrow-up-long,.fa-long-arrow-up{--fa:""}.fa-burn,.fa-fire-flame-simple{--fa:""}.fa-male,.fa-person{--fa:""}.fa-laptop{--fa:""}.fa-file-csv{--fa:""}.fa-menorah{--fa:""}.fa-truck-plane{--fa:""}.fa-record-vinyl{--fa:""}.fa-face-grin-stars,.fa-grin-stars{--fa:""}.fa-bong{--fa:""}.fa-pastafarianism,.fa-spaghetti-monster-flying{--fa:""}.fa-arrow-down-up-across-line{--fa:""}.fa-spoon,.fa-utensil-spoon{--fa:""}.fa-jar-wheat{--fa:""}.fa-envelopes-bulk,.fa-mail-bulk{--fa:""}.fa-file-circle-exclamation{--fa:""}.fa-circle-h,.fa-hospital-symbol{--fa:""}.fa-pager{--fa:""}.fa-address-book,.fa-contact-book{--fa:""}.fa-strikethrough{--fa:""}.fa-k{--fa:"K"}.fa-landmark-flag{--fa:""}.fa-pencil,.fa-pencil-alt{--fa:""}.fa-backward{--fa:""}.fa-caret-right{--fa:""}.fa-comments{--fa:""}.fa-file-clipboard,.fa-paste{--fa:""}.fa-code-pull-request{--fa:""}.fa-clipboard-list{--fa:""}.fa-truck-loading,.fa-truck-ramp-box{--fa:""}.fa-user-check{--fa:""}.fa-vial-virus{--fa:""}.fa-sheet-plastic{--fa:""}.fa-blog{--fa:""}.fa-user-ninja{--fa:""}.fa-person-arrow-up-from-line{--fa:""}.fa-scroll-torah,.fa-torah{--fa:""}.fa-broom-ball,.fa-quidditch,.fa-quidditch-broom-ball{--fa:""}.fa-toggle-off{--fa:""}.fa-archive,.fa-box-archive{--fa:""}.fa-person-drowning{--fa:""}.fa-arrow-down-9-1,.fa-sort-numeric-desc,.fa-sort-numeric-down-alt{--fa:""}.fa-face-grin-tongue-squint,.fa-grin-tongue-squint{--fa:""}.fa-spray-can{--fa:""}.fa-truck-monster{--fa:""}.fa-w{--fa:"W"}.fa-earth-africa,.fa-globe-africa{--fa:""}.fa-rainbow{--fa:""}.fa-circle-notch{--fa:""}.fa-tablet-alt,.fa-tablet-screen-button{--fa:""}.fa-paw{--fa:""}.fa-cloud{--fa:""}.fa-trowel-bricks{--fa:""}.fa-face-flushed,.fa-flushed{--fa:""}.fa-hospital-user{--fa:""}.fa-tent-arrow-left-right{--fa:""}.fa-gavel,.fa-legal{--fa:""}.fa-binoculars{--fa:""}.fa-microphone-slash{--fa:""}.fa-box-tissue{--fa:""}.fa-motorcycle{--fa:""}.fa-bell-concierge,.fa-concierge-bell{--fa:""}.fa-pen-ruler,.fa-pencil-ruler{--fa:""}.fa-people-arrows,.fa-people-arrows-left-right{--fa:""}.fa-mars-and-venus-burst{--fa:""}.fa-caret-square-right,.fa-square-caret-right{--fa:""}.fa-cut,.fa-scissors{--fa:""}.fa-sun-plant-wilt{--fa:""}.fa-toilets-portable{--fa:""}.fa-hockey-puck{--fa:""}.fa-table{--fa:""}.fa-magnifying-glass-arrow-right{--fa:""}.fa-digital-tachograph,.fa-tachograph-digital{--fa:""}.fa-users-slash{--fa:""}.fa-clover{--fa:""}.fa-mail-reply,.fa-reply{--fa:""}.fa-star-and-crescent{--fa:""}.fa-house-fire{--fa:""}.fa-minus-square,.fa-square-minus{--fa:""}.fa-helicopter{--fa:""}.fa-compass{--fa:""}.fa-caret-square-down,.fa-square-caret-down{--fa:""}.fa-file-circle-question{--fa:""}.fa-laptop-code{--fa:""}.fa-swatchbook{--fa:""}.fa-prescription-bottle{--fa:""}.fa-bars,.fa-navicon{--fa:""}.fa-people-group{--fa:""}.fa-hourglass-3,.fa-hourglass-end{--fa:""}.fa-heart-broken,.fa-heart-crack{--fa:""}.fa-external-link-square-alt,.fa-square-up-right{--fa:""}.fa-face-kiss-beam,.fa-kiss-beam{--fa:""}.fa-film{--fa:""}.fa-ruler-horizontal{--fa:""}.fa-people-robbery{--fa:""}.fa-lightbulb{--fa:""}.fa-caret-left{--fa:""}.fa-circle-exclamation,.fa-exclamation-circle{--fa:""}.fa-school-circle-xmark{--fa:""}.fa-arrow-right-from-bracket,.fa-sign-out{--fa:""}.fa-chevron-circle-down,.fa-circle-chevron-down{--fa:""}.fa-unlock-alt,.fa-unlock-keyhole{--fa:""}.fa-cloud-showers-heavy{--fa:""}.fa-headphones-alt,.fa-headphones-simple{--fa:""}.fa-sitemap{--fa:""}.fa-circle-dollar-to-slot,.fa-donate{--fa:""}.fa-memory{--fa:""}.fa-road-spikes{--fa:""}.fa-fire-burner{--fa:""}.fa-flag{--fa:""}.fa-hanukiah{--fa:""}.fa-feather{--fa:""}.fa-volume-down,.fa-volume-low{--fa:""}.fa-comment-slash{--fa:""}.fa-cloud-sun-rain{--fa:""}.fa-compress{--fa:""}.fa-wheat-alt,.fa-wheat-awn{--fa:""}.fa-ankh{--fa:""}.fa-hands-holding-child{--fa:""}.fa-asterisk{--fa:"*"}.fa-check-square,.fa-square-check{--fa:""}.fa-peseta-sign{--fa:""}.fa-header,.fa-heading{--fa:""}.fa-ghost{--fa:""}.fa-list,.fa-list-squares{--fa:""}.fa-phone-square-alt,.fa-square-phone-flip{--fa:""}.fa-cart-plus{--fa:""}.fa-gamepad{--fa:""}.fa-circle-dot,.fa-dot-circle{--fa:""}.fa-dizzy,.fa-face-dizzy{--fa:""}.fa-egg{--fa:""}.fa-house-medical-circle-xmark{--fa:""}.fa-campground{--fa:""}.fa-folder-plus{--fa:""}.fa-futbol,.fa-futbol-ball,.fa-soccer-ball{--fa:""}.fa-paint-brush,.fa-paintbrush{--fa:""}.fa-lock{--fa:""}.fa-gas-pump{--fa:""}.fa-hot-tub,.fa-hot-tub-person{--fa:""}.fa-map-location,.fa-map-marked{--fa:""}.fa-house-flood-water{--fa:""}.fa-tree{--fa:""}.fa-bridge-lock{--fa:""}.fa-sack-dollar{--fa:""}.fa-edit,.fa-pen-to-square{--fa:""}.fa-car-side{--fa:""}.fa-share-alt,.fa-share-nodes{--fa:""}.fa-heart-circle-minus{--fa:""}.fa-hourglass-2,.fa-hourglass-half{--fa:""}.fa-microscope{--fa:""}.fa-sink{--fa:""}.fa-bag-shopping,.fa-shopping-bag{--fa:""}.fa-arrow-down-z-a,.fa-sort-alpha-desc,.fa-sort-alpha-down-alt{--fa:""}.fa-mitten{--fa:""}.fa-person-rays{--fa:""}.fa-users{--fa:""}.fa-eye-slash{--fa:""}.fa-flask-vial{--fa:""}.fa-hand,.fa-hand-paper{--fa:""}.fa-om{--fa:""}.fa-worm{--fa:""}.fa-house-circle-xmark{--fa:""}.fa-plug{--fa:""}.fa-chevron-up{--fa:""}.fa-hand-spock{--fa:""}.fa-stopwatch{--fa:""}.fa-face-kiss,.fa-kiss{--fa:""}.fa-bridge-circle-xmark{--fa:""}.fa-face-grin-tongue,.fa-grin-tongue{--fa:""}.fa-chess-bishop{--fa:""}.fa-face-grin-wink,.fa-grin-wink{--fa:""}.fa-deaf,.fa-deafness,.fa-ear-deaf,.fa-hard-of-hearing{--fa:""}.fa-road-circle-check{--fa:""}.fa-dice-five{--fa:""}.fa-rss-square,.fa-square-rss{--fa:""}.fa-land-mine-on{--fa:""}.fa-i-cursor{--fa:""}.fa-stamp{--fa:""}.fa-stairs{--fa:""}.fa-i{--fa:"I"}.fa-hryvnia,.fa-hryvnia-sign{--fa:""}.fa-pills{--fa:""}.fa-face-grin-wide,.fa-grin-alt{--fa:""}.fa-tooth{--fa:""}.fa-v{--fa:"V"}.fa-bangladeshi-taka-sign{--fa:""}.fa-bicycle{--fa:""}.fa-rod-asclepius,.fa-rod-snake,.fa-staff-aesculapius,.fa-staff-snake{--fa:""}.fa-head-side-cough-slash{--fa:""}.fa-ambulance,.fa-truck-medical{--fa:""}.fa-wheat-awn-circle-exclamation{--fa:""}.fa-snowman{--fa:""}.fa-mortar-pestle{--fa:""}.fa-road-barrier{--fa:""}.fa-school{--fa:""}.fa-igloo{--fa:""}.fa-joint{--fa:""}.fa-angle-right{--fa:""}.fa-horse{--fa:""}.fa-q{--fa:"Q"}.fa-g{--fa:"G"}.fa-notes-medical{--fa:""}.fa-temperature-2,.fa-temperature-half,.fa-thermometer-2,.fa-thermometer-half{--fa:""}.fa-dong-sign{--fa:""}.fa-capsules{--fa:""}.fa-poo-bolt,.fa-poo-storm{--fa:""}.fa-face-frown-open,.fa-frown-open{--fa:""}.fa-hand-point-up{--fa:""}.fa-money-bill{--fa:""}.fa-bookmark{--fa:""}.fa-align-justify{--fa:""}.fa-umbrella-beach{--fa:""}.fa-helmet-un{--fa:""}.fa-bullseye{--fa:""}.fa-bacon{--fa:""}.fa-hand-point-down{--fa:""}.fa-arrow-up-from-bracket{--fa:""}.fa-folder,.fa-folder-blank{--fa:""}.fa-file-medical-alt,.fa-file-waveform{--fa:""}.fa-radiation{--fa:""}.fa-chart-simple{--fa:""}.fa-mars-stroke{--fa:""}.fa-vial{--fa:""}.fa-dashboard,.fa-gauge,.fa-gauge-med,.fa-tachometer-alt-average{--fa:""}.fa-magic-wand-sparkles,.fa-wand-magic-sparkles{--fa:""}.fa-e{--fa:"E"}.fa-pen-alt,.fa-pen-clip{--fa:""}.fa-bridge-circle-exclamation{--fa:""}.fa-user{--fa:""}.fa-school-circle-check{--fa:""}.fa-dumpster{--fa:""}.fa-shuttle-van,.fa-van-shuttle{--fa:""}.fa-building-user{--fa:""}.fa-caret-square-left,.fa-square-caret-left{--fa:""}.fa-highlighter{--fa:""}.fa-key{--fa:""}.fa-bullhorn{--fa:""}.fa-globe{--fa:""}.fa-synagogue{--fa:""}.fa-person-half-dress{--fa:""}.fa-road-bridge{--fa:""}.fa-location-arrow{--fa:""}.fa-c{--fa:"C"}.fa-tablet-button{--fa:""}.fa-building-lock{--fa:""}.fa-pizza-slice{--fa:""}.fa-money-bill-wave{--fa:""}.fa-area-chart,.fa-chart-area{--fa:""}.fa-house-flag{--fa:""}.fa-person-circle-minus{--fa:""}.fa-ban,.fa-cancel{--fa:""}.fa-camera-rotate{--fa:""}.fa-air-freshener,.fa-spray-can-sparkles{--fa:""}.fa-star{--fa:""}.fa-repeat{--fa:""}.fa-cross{--fa:""}.fa-box{--fa:""}.fa-venus-mars{--fa:""}.fa-arrow-pointer,.fa-mouse-pointer{--fa:""}.fa-expand-arrows-alt,.fa-maximize{--fa:""}.fa-charging-station{--fa:""}.fa-shapes,.fa-triangle-circle-square{--fa:""}.fa-random,.fa-shuffle{--fa:""}.fa-person-running,.fa-running{--fa:""}.fa-mobile-retro{--fa:""}.fa-grip-lines-vertical{--fa:""}.fa-spider{--fa:""}.fa-hands-bound{--fa:""}.fa-file-invoice-dollar{--fa:""}.fa-plane-circle-exclamation{--fa:""}.fa-x-ray{--fa:""}.fa-spell-check{--fa:""}.fa-slash{--fa:""}.fa-computer-mouse,.fa-mouse{--fa:""}.fa-arrow-right-to-bracket,.fa-sign-in{--fa:""}.fa-shop-slash,.fa-store-alt-slash{--fa:""}.fa-server{--fa:""}.fa-virus-covid-slash{--fa:""}.fa-shop-lock{--fa:""}.fa-hourglass-1,.fa-hourglass-start{--fa:""}.fa-blender-phone{--fa:""}.fa-building-wheat{--fa:""}.fa-person-breastfeeding{--fa:""}.fa-right-to-bracket,.fa-sign-in-alt{--fa:""}.fa-venus{--fa:""}.fa-passport{--fa:""}.fa-thumb-tack-slash,.fa-thumbtack-slash{--fa:""}.fa-heart-pulse,.fa-heartbeat{--fa:""}.fa-people-carry,.fa-people-carry-box{--fa:""}.fa-temperature-high{--fa:""}.fa-microchip{--fa:""}.fa-crown{--fa:""}.fa-weight-hanging{--fa:""}.fa-xmarks-lines{--fa:""}.fa-file-prescription{--fa:""}.fa-weight,.fa-weight-scale{--fa:""}.fa-user-friends,.fa-user-group{--fa:""}.fa-arrow-up-a-z,.fa-sort-alpha-up{--fa:""}.fa-chess-knight{--fa:""}.fa-face-laugh-squint,.fa-laugh-squint{--fa:""}.fa-wheelchair{--fa:""}.fa-arrow-circle-up,.fa-circle-arrow-up{--fa:""}.fa-toggle-on{--fa:""}.fa-person-walking,.fa-walking{--fa:""}.fa-l{--fa:"L"}.fa-fire{--fa:""}.fa-bed-pulse,.fa-procedures{--fa:""}.fa-shuttle-space,.fa-space-shuttle{--fa:""}.fa-face-laugh,.fa-laugh{--fa:""}.fa-folder-open{--fa:""}.fa-heart-circle-plus{--fa:""}.fa-code-fork{--fa:""}.fa-city{--fa:""}.fa-microphone-alt,.fa-microphone-lines{--fa:""}.fa-pepper-hot{--fa:""}.fa-unlock{--fa:""}.fa-colon-sign{--fa:""}.fa-headset{--fa:""}.fa-store-slash{--fa:""}.fa-road-circle-xmark{--fa:""}.fa-user-minus{--fa:""}.fa-mars-stroke-up,.fa-mars-stroke-v{--fa:""}.fa-champagne-glasses,.fa-glass-cheers{--fa:""}.fa-clipboard{--fa:""}.fa-house-circle-exclamation{--fa:""}.fa-file-arrow-up,.fa-file-upload{--fa:""}.fa-wifi,.fa-wifi-3,.fa-wifi-strong{--fa:""}.fa-bath,.fa-bathtub{--fa:""}.fa-underline{--fa:""}.fa-user-edit,.fa-user-pen{--fa:""}.fa-signature{--fa:""}.fa-stroopwafel{--fa:""}.fa-bold{--fa:""}.fa-anchor-lock{--fa:""}.fa-building-ngo{--fa:""}.fa-manat-sign{--fa:""}.fa-not-equal{--fa:""}.fa-border-style,.fa-border-top-left{--fa:""}.fa-map-location-dot,.fa-map-marked-alt{--fa:""}.fa-jedi{--fa:""}.fa-poll,.fa-square-poll-vertical{--fa:""}.fa-mug-hot{--fa:""}.fa-battery-car,.fa-car-battery{--fa:""}.fa-gift{--fa:""}.fa-dice-two{--fa:""}.fa-chess-queen{--fa:""}.fa-glasses{--fa:""}.fa-chess-board{--fa:""}.fa-building-circle-check{--fa:""}.fa-person-chalkboard{--fa:""}.fa-mars-stroke-h,.fa-mars-stroke-right{--fa:""}.fa-hand-back-fist,.fa-hand-rock{--fa:""}.fa-caret-square-up,.fa-square-caret-up{--fa:""}.fa-cloud-showers-water{--fa:""}.fa-bar-chart,.fa-chart-bar{--fa:""}.fa-hands-bubbles,.fa-hands-wash{--fa:""}.fa-less-than-equal{--fa:""}.fa-train{--fa:""}.fa-eye-low-vision,.fa-low-vision{--fa:""}.fa-crow{--fa:""}.fa-sailboat{--fa:""}.fa-window-restore{--fa:""}.fa-plus-square,.fa-square-plus{--fa:""}.fa-torii-gate{--fa:""}.fa-frog{--fa:""}.fa-bucket{--fa:""}.fa-image{--fa:""}.fa-microphone{--fa:""}.fa-cow{--fa:""}.fa-caret-up{--fa:""}.fa-screwdriver{--fa:""}.fa-folder-closed{--fa:""}.fa-house-tsunami{--fa:""}.fa-square-nfi{--fa:""}.fa-arrow-up-from-ground-water{--fa:""}.fa-glass-martini-alt,.fa-martini-glass{--fa:""}.fa-square-binary{--fa:""}.fa-rotate-back,.fa-rotate-backward,.fa-rotate-left,.fa-undo-alt{--fa:""}.fa-columns,.fa-table-columns{--fa:""}.fa-lemon{--fa:""}.fa-head-side-mask{--fa:""}.fa-handshake{--fa:""}.fa-gem{--fa:""}.fa-dolly,.fa-dolly-box{--fa:""}.fa-smoking{--fa:""}.fa-compress-arrows-alt,.fa-minimize{--fa:""}.fa-monument{--fa:""}.fa-snowplow{--fa:""}.fa-angle-double-right,.fa-angles-right{--fa:""}.fa-cannabis{--fa:""}.fa-circle-play,.fa-play-circle{--fa:""}.fa-tablets{--fa:""}.fa-ethernet{--fa:""}.fa-eur,.fa-euro,.fa-euro-sign{--fa:""}.fa-chair{--fa:""}.fa-check-circle,.fa-circle-check{--fa:""}.fa-circle-stop,.fa-stop-circle{--fa:""}.fa-compass-drafting,.fa-drafting-compass{--fa:""}.fa-plate-wheat{--fa:""}.fa-icicles{--fa:""}.fa-person-shelter{--fa:""}.fa-neuter{--fa:""}.fa-id-badge{--fa:""}.fa-marker{--fa:""}.fa-face-laugh-beam,.fa-laugh-beam{--fa:""}.fa-helicopter-symbol{--fa:""}.fa-universal-access{--fa:""}.fa-chevron-circle-up,.fa-circle-chevron-up{--fa:""}.fa-lari-sign{--fa:""}.fa-volcano{--fa:""}.fa-person-walking-dashed-line-arrow-right{--fa:""}.fa-gbp,.fa-pound-sign,.fa-sterling-sign{--fa:""}.fa-viruses{--fa:""}.fa-square-person-confined{--fa:""}.fa-user-tie{--fa:""}.fa-arrow-down-long,.fa-long-arrow-down{--fa:""}.fa-tent-arrow-down-to-line{--fa:""}.fa-certificate{--fa:""}.fa-mail-reply-all,.fa-reply-all{--fa:""}.fa-suitcase{--fa:""}.fa-person-skating,.fa-skating{--fa:""}.fa-filter-circle-dollar,.fa-funnel-dollar{--fa:""}.fa-camera-retro{--fa:""}.fa-arrow-circle-down,.fa-circle-arrow-down{--fa:""}.fa-arrow-right-to-file,.fa-file-import{--fa:""}.fa-external-link-square,.fa-square-arrow-up-right{--fa:""}.fa-box-open{--fa:""}.fa-scroll{--fa:""}.fa-spa{--fa:""}.fa-location-pin-lock{--fa:""}.fa-pause{--fa:""}.fa-hill-avalanche{--fa:""}.fa-temperature-0,.fa-temperature-empty,.fa-thermometer-0,.fa-thermometer-empty{--fa:""}.fa-bomb{--fa:""}.fa-registered{--fa:""}.fa-address-card,.fa-contact-card,.fa-vcard{--fa:""}.fa-balance-scale-right,.fa-scale-unbalanced-flip{--fa:""}.fa-subscript{--fa:""}.fa-diamond-turn-right,.fa-directions{--fa:""}.fa-burst{--fa:""}.fa-house-laptop,.fa-laptop-house{--fa:""}.fa-face-tired,.fa-tired{--fa:""}.fa-money-bills{--fa:""}.fa-smog{--fa:""}.fa-crutch{--fa:""}.fa-cloud-arrow-up,.fa-cloud-upload,.fa-cloud-upload-alt{--fa:""}.fa-palette{--fa:""}.fa-arrows-turn-right{--fa:""}.fa-vest{--fa:""}.fa-ferry{--fa:""}.fa-arrows-down-to-people{--fa:""}.fa-seedling,.fa-sprout{--fa:""}.fa-arrows-alt-h,.fa-left-right{--fa:""}.fa-boxes-packing{--fa:""}.fa-arrow-circle-left,.fa-circle-arrow-left{--fa:""}.fa-group-arrows-rotate{--fa:""}.fa-bowl-food{--fa:""}.fa-candy-cane{--fa:""}.fa-arrow-down-wide-short,.fa-sort-amount-asc,.fa-sort-amount-down{--fa:""}.fa-cloud-bolt,.fa-thunderstorm{--fa:""}.fa-remove-format,.fa-text-slash{--fa:""}.fa-face-smile-wink,.fa-smile-wink{--fa:""}.fa-file-word{--fa:""}.fa-file-powerpoint{--fa:""}.fa-arrows-h,.fa-arrows-left-right{--fa:""}.fa-house-lock{--fa:""}.fa-cloud-arrow-down,.fa-cloud-download,.fa-cloud-download-alt{--fa:""}.fa-children{--fa:""}.fa-blackboard,.fa-chalkboard{--fa:""}.fa-user-alt-slash,.fa-user-large-slash{--fa:""}.fa-envelope-open{--fa:""}.fa-handshake-alt-slash,.fa-handshake-simple-slash{--fa:""}.fa-mattress-pillow{--fa:""}.fa-guarani-sign{--fa:""}.fa-arrows-rotate,.fa-refresh,.fa-sync{--fa:""}.fa-fire-extinguisher{--fa:""}.fa-cruzeiro-sign{--fa:""}.fa-greater-than-equal{--fa:""}.fa-shield-alt,.fa-shield-halved{--fa:""}.fa-atlas,.fa-book-atlas{--fa:""}.fa-virus{--fa:""}.fa-envelope-circle-check{--fa:""}.fa-layer-group{--fa:""}.fa-arrows-to-dot{--fa:""}.fa-archway{--fa:""}.fa-heart-circle-check{--fa:""}.fa-house-chimney-crack,.fa-house-damage{--fa:""}.fa-file-archive,.fa-file-zipper{--fa:""}.fa-square{--fa:""}.fa-glass-martini,.fa-martini-glass-empty{--fa:""}.fa-couch{--fa:""}.fa-cedi-sign{--fa:""}.fa-italic{--fa:""}.fa-table-cells-column-lock{--fa:""}.fa-church{--fa:""}.fa-comments-dollar{--fa:""}.fa-democrat{--fa:""}.fa-z{--fa:"Z"}.fa-person-skiing,.fa-skiing{--fa:""}.fa-road-lock{--fa:""}.fa-a{--fa:"A"}.fa-temperature-arrow-down,.fa-temperature-down{--fa:""}.fa-feather-alt,.fa-feather-pointed{--fa:""}.fa-p{--fa:"P"}.fa-snowflake{--fa:""}.fa-newspaper{--fa:""}.fa-ad,.fa-rectangle-ad{--fa:""}.fa-arrow-circle-right,.fa-circle-arrow-right{--fa:""}.fa-filter-circle-xmark{--fa:""}.fa-locust{--fa:""}.fa-sort,.fa-unsorted{--fa:""}.fa-list-1-2,.fa-list-numeric,.fa-list-ol{--fa:""}.fa-person-dress-burst{--fa:""}.fa-money-check-alt,.fa-money-check-dollar{--fa:""}.fa-vector-square{--fa:""}.fa-bread-slice{--fa:""}.fa-language{--fa:""}.fa-face-kiss-wink-heart,.fa-kiss-wink-heart{--fa:""}.fa-filter{--fa:""}.fa-question{--fa:"?"}.fa-file-signature{--fa:""}.fa-arrows-alt,.fa-up-down-left-right{--fa:""}.fa-house-chimney-user{--fa:""}.fa-hand-holding-heart{--fa:""}.fa-puzzle-piece{--fa:""}.fa-money-check{--fa:""}.fa-star-half-alt,.fa-star-half-stroke{--fa:""}.fa-code{--fa:""}.fa-glass-whiskey,.fa-whiskey-glass{--fa:""}.fa-building-circle-exclamation{--fa:""}.fa-magnifying-glass-chart{--fa:""}.fa-arrow-up-right-from-square,.fa-external-link{--fa:""}.fa-cubes-stacked{--fa:""}.fa-krw,.fa-won,.fa-won-sign{--fa:""}.fa-virus-covid{--fa:""}.fa-austral-sign{--fa:""}.fa-f{--fa:"F"}.fa-leaf{--fa:""}.fa-road{--fa:""}.fa-cab,.fa-taxi{--fa:""}.fa-person-circle-plus{--fa:""}.fa-chart-pie,.fa-pie-chart{--fa:""}.fa-bolt-lightning{--fa:""}.fa-sack-xmark{--fa:""}.fa-file-excel{--fa:""}.fa-file-contract{--fa:""}.fa-fish-fins{--fa:""}.fa-building-flag{--fa:""}.fa-face-grin-beam,.fa-grin-beam{--fa:""}.fa-object-ungroup{--fa:""}.fa-poop{--fa:""}.fa-location-pin,.fa-map-marker{--fa:""}.fa-kaaba{--fa:""}.fa-toilet-paper{--fa:""}.fa-hard-hat,.fa-hat-hard,.fa-helmet-safety{--fa:""}.fa-eject{--fa:""}.fa-arrow-alt-circle-right,.fa-circle-right{--fa:""}.fa-plane-circle-check{--fa:""}.fa-face-rolling-eyes,.fa-meh-rolling-eyes{--fa:""}.fa-object-group{--fa:""}.fa-chart-line,.fa-line-chart{--fa:""}.fa-mask-ventilator{--fa:""}.fa-arrow-right{--fa:""}.fa-map-signs,.fa-signs-post{--fa:""}.fa-cash-register{--fa:""}.fa-person-circle-question{--fa:""}.fa-h{--fa:"H"}.fa-tarp{--fa:""}.fa-screwdriver-wrench,.fa-tools{--fa:""}.fa-arrows-to-eye{--fa:""}.fa-plug-circle-bolt{--fa:""}.fa-heart{--fa:""}.fa-mars-and-venus{--fa:""}.fa-home-user,.fa-house-user{--fa:""}.fa-dumpster-fire{--fa:""}.fa-house-crack{--fa:""}.fa-cocktail,.fa-martini-glass-citrus{--fa:""}.fa-face-surprise,.fa-surprise{--fa:""}.fa-bottle-water{--fa:""}.fa-circle-pause,.fa-pause-circle{--fa:""}.fa-toilet-paper-slash{--fa:""}.fa-apple-alt,.fa-apple-whole{--fa:""}.fa-kitchen-set{--fa:""}.fa-r{--fa:"R"}.fa-temperature-1,.fa-temperature-quarter,.fa-thermometer-1,.fa-thermometer-quarter{--fa:""}.fa-cube{--fa:""}.fa-bitcoin-sign{--fa:""}.fa-shield-dog{--fa:""}.fa-solar-panel{--fa:""}.fa-lock-open{--fa:""}.fa-elevator{--fa:""}.fa-money-bill-transfer{--fa:""}.fa-money-bill-trend-up{--fa:""}.fa-house-flood-water-circle-arrow-right{--fa:""}.fa-poll-h,.fa-square-poll-horizontal{--fa:""}.fa-circle{--fa:""}.fa-backward-fast,.fa-fast-backward{--fa:""}.fa-recycle{--fa:""}.fa-user-astronaut{--fa:""}.fa-plane-slash{--fa:""}.fa-trademark{--fa:""}.fa-basketball,.fa-basketball-ball{--fa:""}.fa-satellite-dish{--fa:""}.fa-arrow-alt-circle-up,.fa-circle-up{--fa:""}.fa-mobile-alt,.fa-mobile-screen-button{--fa:""}.fa-volume-high,.fa-volume-up{--fa:""}.fa-users-rays{--fa:""}.fa-wallet{--fa:""}.fa-clipboard-check{--fa:""}.fa-file-audio{--fa:""}.fa-burger,.fa-hamburger{--fa:""}.fa-wrench{--fa:""}.fa-bugs{--fa:""}.fa-rupee,.fa-rupee-sign{--fa:""}.fa-file-image{--fa:""}.fa-circle-question,.fa-question-circle{--fa:""}.fa-plane-departure{--fa:""}.fa-handshake-slash{--fa:""}.fa-book-bookmark{--fa:""}.fa-code-branch{--fa:""}.fa-hat-cowboy{--fa:""}.fa-bridge{--fa:""}.fa-phone-alt,.fa-phone-flip{--fa:""}.fa-truck-front{--fa:""}.fa-cat{--fa:""}.fa-anchor-circle-exclamation{--fa:""}.fa-truck-field{--fa:""}.fa-route{--fa:""}.fa-clipboard-question{--fa:""}.fa-panorama{--fa:""}.fa-comment-medical{--fa:""}.fa-teeth-open{--fa:""}.fa-file-circle-minus{--fa:""}.fa-tags{--fa:""}.fa-wine-glass{--fa:""}.fa-fast-forward,.fa-forward-fast{--fa:""}.fa-face-meh-blank,.fa-meh-blank{--fa:""}.fa-parking,.fa-square-parking{--fa:""}.fa-house-signal{--fa:""}.fa-bars-progress,.fa-tasks-alt{--fa:""}.fa-faucet-drip{--fa:""}.fa-cart-flatbed,.fa-dolly-flatbed{--fa:""}.fa-ban-smoking,.fa-smoking-ban{--fa:""}.fa-terminal{--fa:""}.fa-mobile-button{--fa:""}.fa-house-medical-flag{--fa:""}.fa-basket-shopping,.fa-shopping-basket{--fa:""}.fa-tape{--fa:""}.fa-bus-alt,.fa-bus-simple{--fa:""}.fa-eye{--fa:""}.fa-face-sad-cry,.fa-sad-cry{--fa:""}.fa-audio-description{--fa:""}.fa-person-military-to-person{--fa:""}.fa-file-shield{--fa:""}.fa-user-slash{--fa:""}.fa-pen{--fa:""}.fa-tower-observation{--fa:""}.fa-file-code{--fa:""}.fa-signal,.fa-signal-5,.fa-signal-perfect{--fa:""}.fa-bus{--fa:""}.fa-heart-circle-xmark{--fa:""}.fa-home-lg,.fa-house-chimney{--fa:""}.fa-window-maximize{--fa:""}.fa-face-frown,.fa-frown{--fa:""}.fa-prescription{--fa:""}.fa-shop,.fa-store-alt{--fa:""}.fa-floppy-disk,.fa-save{--fa:""}.fa-vihara{--fa:""}.fa-balance-scale-left,.fa-scale-unbalanced{--fa:""}.fa-sort-asc,.fa-sort-up{--fa:""}.fa-comment-dots,.fa-commenting{--fa:""}.fa-plant-wilt{--fa:""}.fa-diamond{--fa:""}.fa-face-grin-squint,.fa-grin-squint{--fa:""}.fa-hand-holding-dollar,.fa-hand-holding-usd{--fa:""}.fa-chart-diagram{--fa:""}.fa-bacterium{--fa:""}.fa-hand-pointer{--fa:""}.fa-drum-steelpan{--fa:""}.fa-hand-scissors{--fa:""}.fa-hands-praying,.fa-praying-hands{--fa:""}.fa-arrow-right-rotate,.fa-arrow-rotate-forward,.fa-arrow-rotate-right,.fa-redo{--fa:""}.fa-biohazard{--fa:""}.fa-location,.fa-location-crosshairs{--fa:""}.fa-mars-double{--fa:""}.fa-child-dress{--fa:""}.fa-users-between-lines{--fa:""}.fa-lungs-virus{--fa:""}.fa-face-grin-tears,.fa-grin-tears{--fa:""}.fa-phone{--fa:""}.fa-calendar-times,.fa-calendar-xmark{--fa:""}.fa-child-reaching{--fa:""}.fa-head-side-virus{--fa:""}.fa-user-cog,.fa-user-gear{--fa:""}.fa-arrow-up-1-9,.fa-sort-numeric-up{--fa:""}.fa-door-closed{--fa:""}.fa-shield-virus{--fa:""}.fa-dice-six{--fa:""}.fa-mosquito-net{--fa:""}.fa-file-fragment{--fa:""}.fa-bridge-water{--fa:""}.fa-person-booth{--fa:""}.fa-text-width{--fa:""}.fa-hat-wizard{--fa:""}.fa-pen-fancy{--fa:""}.fa-digging,.fa-person-digging{--fa:""}.fa-trash{--fa:""}.fa-gauge-simple,.fa-gauge-simple-med,.fa-tachometer-average{--fa:""}.fa-book-medical{--fa:""}.fa-poo{--fa:""}.fa-quote-right,.fa-quote-right-alt{--fa:""}.fa-shirt,.fa-t-shirt,.fa-tshirt{--fa:""}.fa-cubes{--fa:""}.fa-divide{--fa:""}.fa-tenge,.fa-tenge-sign{--fa:""}.fa-headphones{--fa:""}.fa-hands-holding{--fa:""}.fa-hands-clapping{--fa:""}.fa-republican{--fa:""}.fa-arrow-left{--fa:""}.fa-person-circle-xmark{--fa:""}.fa-ruler{--fa:""}.fa-align-left{--fa:""}.fa-dice-d6{--fa:""}.fa-restroom{--fa:""}.fa-j{--fa:"J"}.fa-users-viewfinder{--fa:""}.fa-file-video{--fa:""}.fa-external-link-alt,.fa-up-right-from-square{--fa:""}.fa-table-cells,.fa-th{--fa:""}.fa-file-pdf{--fa:""}.fa-bible,.fa-book-bible{--fa:""}.fa-o{--fa:"O"}.fa-medkit,.fa-suitcase-medical{--fa:""}.fa-user-secret{--fa:""}.fa-otter{--fa:""}.fa-female,.fa-person-dress{--fa:""}.fa-comment-dollar{--fa:""}.fa-briefcase-clock,.fa-business-time{--fa:""}.fa-table-cells-large,.fa-th-large{--fa:""}.fa-book-tanakh,.fa-tanakh{--fa:""}.fa-phone-volume,.fa-volume-control-phone{--fa:""}.fa-hat-cowboy-side{--fa:""}.fa-clipboard-user{--fa:""}.fa-child{--fa:""}.fa-lira-sign{--fa:""}.fa-satellite{--fa:""}.fa-plane-lock{--fa:""}.fa-tag{--fa:""}.fa-comment{--fa:""}.fa-birthday-cake,.fa-cake,.fa-cake-candles{--fa:""}.fa-envelope{--fa:""}.fa-angle-double-up,.fa-angles-up{--fa:""}.fa-paperclip{--fa:""}.fa-arrow-right-to-city{--fa:""}.fa-ribbon{--fa:""}.fa-lungs{--fa:""}.fa-arrow-up-9-1,.fa-sort-numeric-up-alt{--fa:""}.fa-litecoin-sign{--fa:""}.fa-border-none{--fa:""}.fa-circle-nodes{--fa:""}.fa-parachute-box{--fa:""}.fa-indent{--fa:""}.fa-truck-field-un{--fa:""}.fa-hourglass,.fa-hourglass-empty{--fa:""}.fa-mountain{--fa:""}.fa-user-doctor,.fa-user-md{--fa:""}.fa-circle-info,.fa-info-circle{--fa:""}.fa-cloud-meatball{--fa:""}.fa-camera,.fa-camera-alt{--fa:""}.fa-square-virus{--fa:""}.fa-meteor{--fa:""}.fa-car-on{--fa:""}.fa-sleigh{--fa:""}.fa-arrow-down-1-9,.fa-sort-numeric-asc,.fa-sort-numeric-down{--fa:""}.fa-hand-holding-droplet,.fa-hand-holding-water{--fa:""}.fa-water{--fa:""}.fa-calendar-check{--fa:""}.fa-braille{--fa:""}.fa-prescription-bottle-alt,.fa-prescription-bottle-medical{--fa:""}.fa-landmark{--fa:""}.fa-truck{--fa:""}.fa-crosshairs{--fa:""}.fa-person-cane{--fa:""}.fa-tent{--fa:""}.fa-vest-patches{--fa:""}.fa-check-double{--fa:""}.fa-arrow-down-a-z,.fa-sort-alpha-asc,.fa-sort-alpha-down{--fa:""}.fa-money-bill-wheat{--fa:""}.fa-cookie{--fa:""}.fa-arrow-left-rotate,.fa-arrow-rotate-back,.fa-arrow-rotate-backward,.fa-arrow-rotate-left,.fa-undo{--fa:""}.fa-hard-drive,.fa-hdd{--fa:""}.fa-face-grin-squint-tears,.fa-grin-squint-tears{--fa:""}.fa-dumbbell{--fa:""}.fa-list-alt,.fa-rectangle-list{--fa:""}.fa-tarp-droplet{--fa:""}.fa-house-medical-circle-check{--fa:""}.fa-person-skiing-nordic,.fa-skiing-nordic{--fa:""}.fa-calendar-plus{--fa:""}.fa-plane-arrival{--fa:""}.fa-arrow-alt-circle-left,.fa-circle-left{--fa:""}.fa-subway,.fa-train-subway{--fa:""}.fa-chart-gantt{--fa:""}.fa-indian-rupee,.fa-indian-rupee-sign,.fa-inr{--fa:""}.fa-crop-alt,.fa-crop-simple{--fa:""}.fa-money-bill-1,.fa-money-bill-alt{--fa:""}.fa-left-long,.fa-long-arrow-alt-left{--fa:""}.fa-dna{--fa:""}.fa-virus-slash{--fa:""}.fa-minus,.fa-subtract{--fa:""}.fa-chess{--fa:""}.fa-arrow-left-long,.fa-long-arrow-left{--fa:""}.fa-plug-circle-check{--fa:""}.fa-street-view{--fa:""}.fa-franc-sign{--fa:""}.fa-volume-off{--fa:""}.fa-american-sign-language-interpreting,.fa-asl-interpreting,.fa-hands-american-sign-language-interpreting,.fa-hands-asl-interpreting{--fa:""}.fa-cog,.fa-gear{--fa:""}.fa-droplet-slash,.fa-tint-slash{--fa:""}.fa-mosque{--fa:""}.fa-mosquito{--fa:""}.fa-star-of-david{--fa:""}.fa-person-military-rifle{--fa:""}.fa-cart-shopping,.fa-shopping-cart{--fa:""}.fa-vials{--fa:""}.fa-plug-circle-plus{--fa:""}.fa-place-of-worship{--fa:""}.fa-grip-vertical{--fa:""}.fa-hexagon-nodes{--fa:""}.fa-arrow-turn-up,.fa-level-up{--fa:""}.fa-u{--fa:"U"}.fa-square-root-alt,.fa-square-root-variable{--fa:""}.fa-clock,.fa-clock-four{--fa:""}.fa-backward-step,.fa-step-backward{--fa:""}.fa-pallet{--fa:""}.fa-faucet{--fa:""}.fa-baseball-bat-ball{--fa:""}.fa-s{--fa:"S"}.fa-timeline{--fa:""}.fa-keyboard{--fa:""}.fa-caret-down{--fa:""}.fa-clinic-medical,.fa-house-chimney-medical{--fa:""}.fa-temperature-3,.fa-temperature-three-quarters,.fa-thermometer-3,.fa-thermometer-three-quarters{--fa:""}.fa-mobile-android-alt,.fa-mobile-screen{--fa:""}.fa-plane-up{--fa:""}.fa-piggy-bank{--fa:""}.fa-battery-3,.fa-battery-half{--fa:""}.fa-mountain-city{--fa:""}.fa-coins{--fa:""}.fa-khanda{--fa:""}.fa-sliders,.fa-sliders-h{--fa:""}.fa-folder-tree{--fa:""}.fa-network-wired{--fa:""}.fa-map-pin{--fa:""}.fa-hamsa{--fa:""}.fa-cent-sign{--fa:""}.fa-flask{--fa:""}.fa-person-pregnant{--fa:""}.fa-wand-sparkles{--fa:""}.fa-ellipsis-v,.fa-ellipsis-vertical{--fa:""}.fa-ticket{--fa:""}.fa-power-off{--fa:""}.fa-long-arrow-alt-right,.fa-right-long{--fa:""}.fa-flag-usa{--fa:""}.fa-laptop-file{--fa:""}.fa-teletype,.fa-tty{--fa:""}.fa-diagram-next{--fa:""}.fa-person-rifle{--fa:""}.fa-house-medical-circle-exclamation{--fa:""}.fa-closed-captioning{--fa:""}.fa-hiking,.fa-person-hiking{--fa:""}.fa-venus-double{--fa:""}.fa-images{--fa:""}.fa-calculator{--fa:""}.fa-people-pulling{--fa:""}.fa-n{--fa:"N"}.fa-cable-car,.fa-tram{--fa:""}.fa-cloud-rain{--fa:""}.fa-building-circle-xmark{--fa:""}.fa-ship{--fa:""}.fa-arrows-down-to-line{--fa:""}.fa-download{--fa:""}.fa-face-grin,.fa-grin{--fa:""}.fa-backspace,.fa-delete-left{--fa:""}.fa-eye-dropper,.fa-eye-dropper-empty,.fa-eyedropper{--fa:""}.fa-file-circle-check{--fa:""}.fa-forward{--fa:""}.fa-mobile,.fa-mobile-android,.fa-mobile-phone{--fa:""}.fa-face-meh,.fa-meh{--fa:""}.fa-align-center{--fa:""}.fa-book-dead,.fa-book-skull{--fa:""}.fa-drivers-license,.fa-id-card{--fa:""}.fa-dedent,.fa-outdent{--fa:""}.fa-heart-circle-exclamation{--fa:""}.fa-home,.fa-home-alt,.fa-home-lg-alt,.fa-house{--fa:""}.fa-calendar-week{--fa:""}.fa-laptop-medical{--fa:""}.fa-b{--fa:"B"}.fa-file-medical{--fa:""}.fa-dice-one{--fa:""}.fa-kiwi-bird{--fa:""}.fa-arrow-right-arrow-left,.fa-exchange{--fa:""}.fa-redo-alt,.fa-rotate-forward,.fa-rotate-right{--fa:""}.fa-cutlery,.fa-utensils{--fa:""}.fa-arrow-up-wide-short,.fa-sort-amount-up{--fa:""}.fa-mill-sign{--fa:""}.fa-bowl-rice{--fa:""}.fa-skull{--fa:""}.fa-broadcast-tower,.fa-tower-broadcast{--fa:""}.fa-truck-pickup{--fa:""}.fa-long-arrow-alt-up,.fa-up-long{--fa:""}.fa-stop{--fa:""}.fa-code-merge{--fa:""}.fa-upload{--fa:""}.fa-hurricane{--fa:""}.fa-mound{--fa:""}.fa-toilet-portable{--fa:""}.fa-compact-disc{--fa:""}.fa-file-arrow-down,.fa-file-download{--fa:""}.fa-caravan{--fa:""}.fa-shield-cat{--fa:""}.fa-bolt,.fa-zap{--fa:""}.fa-glass-water{--fa:""}.fa-oil-well{--fa:""}.fa-vault{--fa:""}.fa-mars{--fa:""}.fa-toilet{--fa:""}.fa-plane-circle-xmark{--fa:""}.fa-cny,.fa-jpy,.fa-rmb,.fa-yen,.fa-yen-sign{--fa:""}.fa-rouble,.fa-rub,.fa-ruble,.fa-ruble-sign{--fa:""}.fa-sun{--fa:""}.fa-guitar{--fa:""}.fa-face-laugh-wink,.fa-laugh-wink{--fa:""}.fa-horse-head{--fa:""}.fa-bore-hole{--fa:""}.fa-industry{--fa:""}.fa-arrow-alt-circle-down,.fa-circle-down{--fa:""}.fa-arrows-turn-to-dots{--fa:""}.fa-florin-sign{--fa:""}.fa-arrow-down-short-wide,.fa-sort-amount-desc,.fa-sort-amount-down-alt{--fa:""}.fa-less-than{--fa:"<"}.fa-angle-down{--fa:""}.fa-car-tunnel{--fa:""}.fa-head-side-cough{--fa:""}.fa-grip-lines{--fa:""}.fa-thumbs-down{--fa:""}.fa-user-lock{--fa:""}.fa-arrow-right-long,.fa-long-arrow-right{--fa:""}.fa-anchor-circle-xmark{--fa:""}.fa-ellipsis,.fa-ellipsis-h{--fa:""}.fa-chess-pawn{--fa:""}.fa-first-aid,.fa-kit-medical{--fa:""}.fa-person-through-window{--fa:""}.fa-toolbox{--fa:""}.fa-hands-holding-circle{--fa:""}.fa-bug{--fa:""}.fa-credit-card,.fa-credit-card-alt{--fa:""}.fa-automobile,.fa-car{--fa:""}.fa-hand-holding-hand{--fa:""}.fa-book-open-reader,.fa-book-reader{--fa:""}.fa-mountain-sun{--fa:""}.fa-arrows-left-right-to-line{--fa:""}.fa-dice-d20{--fa:""}.fa-truck-droplet{--fa:""}.fa-file-circle-xmark{--fa:""}.fa-temperature-arrow-up,.fa-temperature-up{--fa:""}.fa-medal{--fa:""}.fa-bed{--fa:""}.fa-h-square,.fa-square-h{--fa:""}.fa-podcast{--fa:""}.fa-temperature-4,.fa-temperature-full,.fa-thermometer-4,.fa-thermometer-full{--fa:""}.fa-bell{--fa:""}.fa-superscript{--fa:""}.fa-plug-circle-xmark{--fa:""}.fa-star-of-life{--fa:""}.fa-phone-slash{--fa:""}.fa-paint-roller{--fa:""}.fa-hands-helping,.fa-handshake-angle{--fa:""}.fa-location-dot,.fa-map-marker-alt{--fa:""}.fa-file{--fa:""}.fa-greater-than{--fa:">"}.fa-person-swimming,.fa-swimmer{--fa:""}.fa-arrow-down{--fa:""}.fa-droplet,.fa-tint{--fa:""}.fa-eraser{--fa:""}.fa-earth,.fa-earth-america,.fa-earth-americas,.fa-globe-americas{--fa:""}.fa-person-burst{--fa:""}.fa-dove{--fa:""}.fa-battery-0,.fa-battery-empty{--fa:""}.fa-socks{--fa:""}.fa-inbox{--fa:""}.fa-section{--fa:""}.fa-gauge-high,.fa-tachometer-alt,.fa-tachometer-alt-fast{--fa:""}.fa-envelope-open-text{--fa:""}.fa-hospital,.fa-hospital-alt,.fa-hospital-wide{--fa:""}.fa-wine-bottle{--fa:""}.fa-chess-rook{--fa:""}.fa-bars-staggered,.fa-reorder,.fa-stream{--fa:""}.fa-dharmachakra{--fa:""}.fa-hotdog{--fa:""}.fa-blind,.fa-person-walking-with-cane{--fa:""}.fa-drum{--fa:""}.fa-ice-cream{--fa:""}.fa-heart-circle-bolt{--fa:""}.fa-fax{--fa:""}.fa-paragraph{--fa:""}.fa-check-to-slot,.fa-vote-yea{--fa:""}.fa-star-half{--fa:""}.fa-boxes,.fa-boxes-alt,.fa-boxes-stacked{--fa:""}.fa-chain,.fa-link{--fa:""}.fa-assistive-listening-systems,.fa-ear-listen{--fa:""}.fa-tree-city{--fa:""}.fa-play{--fa:""}.fa-font{--fa:""}.fa-table-cells-row-lock{--fa:""}.fa-rupiah-sign{--fa:""}.fa-magnifying-glass,.fa-search{--fa:""}.fa-ping-pong-paddle-ball,.fa-table-tennis,.fa-table-tennis-paddle-ball{--fa:""}.fa-diagnoses,.fa-person-dots-from-line{--fa:""}.fa-trash-can-arrow-up,.fa-trash-restore-alt{--fa:""}.fa-naira-sign{--fa:""}.fa-cart-arrow-down{--fa:""}.fa-walkie-talkie{--fa:""}.fa-file-edit,.fa-file-pen{--fa:""}.fa-receipt{--fa:""}.fa-pen-square,.fa-pencil-square,.fa-square-pen{--fa:""}.fa-suitcase-rolling{--fa:""}.fa-person-circle-exclamation{--fa:""}.fa-chevron-down{--fa:""}.fa-battery,.fa-battery-5,.fa-battery-full{--fa:""}.fa-skull-crossbones{--fa:""}.fa-code-compare{--fa:""}.fa-list-dots,.fa-list-ul{--fa:""}.fa-school-lock{--fa:""}.fa-tower-cell{--fa:""}.fa-down-long,.fa-long-arrow-alt-down{--fa:""}.fa-ranking-star{--fa:""}.fa-chess-king{--fa:""}.fa-person-harassing{--fa:""}.fa-brazilian-real-sign{--fa:""}.fa-landmark-alt,.fa-landmark-dome{--fa:""}.fa-arrow-up{--fa:""}.fa-television,.fa-tv,.fa-tv-alt{--fa:""}.fa-shrimp{--fa:""}.fa-list-check,.fa-tasks{--fa:""}.fa-jug-detergent{--fa:""}.fa-circle-user,.fa-user-circle{--fa:""}.fa-user-shield{--fa:""}.fa-wind{--fa:""}.fa-car-burst,.fa-car-crash{--fa:""}.fa-y{--fa:"Y"}.fa-person-snowboarding,.fa-snowboarding{--fa:""}.fa-shipping-fast,.fa-truck-fast{--fa:""}.fa-fish{--fa:""}.fa-user-graduate{--fa:""}.fa-adjust,.fa-circle-half-stroke{--fa:""}.fa-clapperboard{--fa:""}.fa-circle-radiation,.fa-radiation-alt{--fa:""}.fa-baseball,.fa-baseball-ball{--fa:""}.fa-jet-fighter-up{--fa:""}.fa-diagram-project,.fa-project-diagram{--fa:""}.fa-copy{--fa:""}.fa-volume-mute,.fa-volume-times,.fa-volume-xmark{--fa:""}.fa-hand-sparkles{--fa:""}.fa-grip,.fa-grip-horizontal{--fa:""}.fa-share-from-square,.fa-share-square{--fa:""}.fa-child-combatant,.fa-child-rifle{--fa:""}.fa-gun{--fa:""}.fa-phone-square,.fa-square-phone{--fa:""}.fa-add,.fa-plus{--fa:"+"}.fa-expand{--fa:""}.fa-computer{--fa:""}.fa-close,.fa-multiply,.fa-remove,.fa-times,.fa-xmark{--fa:""}.fa-arrows,.fa-arrows-up-down-left-right{--fa:""}.fa-chalkboard-teacher,.fa-chalkboard-user{--fa:""}.fa-peso-sign{--fa:""}.fa-building-shield{--fa:""}.fa-baby{--fa:""}.fa-users-line{--fa:""}.fa-quote-left,.fa-quote-left-alt{--fa:""}.fa-tractor{--fa:""}.fa-trash-arrow-up,.fa-trash-restore{--fa:""}.fa-arrow-down-up-lock{--fa:""}.fa-lines-leaning{--fa:""}.fa-ruler-combined{--fa:""}.fa-copyright{--fa:""}.fa-equals{--fa:"="}.fa-blender{--fa:""}.fa-teeth{--fa:""}.fa-ils,.fa-shekel,.fa-shekel-sign,.fa-sheqel,.fa-sheqel-sign{--fa:""}.fa-map{--fa:""}.fa-rocket{--fa:""}.fa-photo-film,.fa-photo-video{--fa:""}.fa-folder-minus{--fa:""}.fa-hexagon-nodes-bolt{--fa:""}.fa-store{--fa:""}.fa-arrow-trend-up{--fa:""}.fa-plug-circle-minus{--fa:""}.fa-sign,.fa-sign-hanging{--fa:""}.fa-bezier-curve{--fa:""}.fa-bell-slash{--fa:""}.fa-tablet,.fa-tablet-android{--fa:""}.fa-school-flag{--fa:""}.fa-fill{--fa:""}.fa-angle-up{--fa:""}.fa-drumstick-bite{--fa:""}.fa-holly-berry{--fa:""}.fa-chevron-left{--fa:""}.fa-bacteria{--fa:""}.fa-hand-lizard{--fa:""}.fa-notdef{--fa:""}.fa-disease{--fa:""}.fa-briefcase-medical{--fa:""}.fa-genderless{--fa:""}.fa-chevron-right{--fa:""}.fa-retweet{--fa:""}.fa-car-alt,.fa-car-rear{--fa:""}.fa-pump-soap{--fa:""}.fa-video-slash{--fa:""}.fa-battery-2,.fa-battery-quarter{--fa:""}.fa-radio{--fa:""}.fa-baby-carriage,.fa-carriage-baby{--fa:""}.fa-traffic-light{--fa:""}.fa-thermometer{--fa:""}.fa-vr-cardboard{--fa:""}.fa-hand-middle-finger{--fa:""}.fa-percent,.fa-percentage{--fa:"%"}.fa-truck-moving{--fa:""}.fa-glass-water-droplet{--fa:""}.fa-display{--fa:""}.fa-face-smile,.fa-smile{--fa:""}.fa-thumb-tack,.fa-thumbtack{--fa:""}.fa-trophy{--fa:""}.fa-person-praying,.fa-pray{--fa:""}.fa-hammer{--fa:""}.fa-hand-peace{--fa:""}.fa-rotate,.fa-sync-alt{--fa:""}.fa-spinner{--fa:""}.fa-robot{--fa:""}.fa-peace{--fa:""}.fa-cogs,.fa-gears{--fa:""}.fa-warehouse{--fa:""}.fa-arrow-up-right-dots{--fa:""}.fa-splotch{--fa:""}.fa-face-grin-hearts,.fa-grin-hearts{--fa:""}.fa-dice-four{--fa:""}.fa-sim-card{--fa:""}.fa-transgender,.fa-transgender-alt{--fa:""}.fa-mercury{--fa:""}.fa-arrow-turn-down,.fa-level-down{--fa:""}.fa-person-falling-burst{--fa:""}.fa-award{--fa:""}.fa-ticket-alt,.fa-ticket-simple{--fa:""}.fa-building{--fa:""}.fa-angle-double-left,.fa-angles-left{--fa:""}.fa-qrcode{--fa:""}.fa-clock-rotate-left,.fa-history{--fa:""}.fa-face-grin-beam-sweat,.fa-grin-beam-sweat{--fa:""}.fa-arrow-right-from-file,.fa-file-export{--fa:""}.fa-shield,.fa-shield-blank{--fa:""}.fa-arrow-up-short-wide,.fa-sort-amount-up-alt{--fa:""}.fa-comment-nodes{--fa:""}.fa-house-medical{--fa:""}.fa-golf-ball,.fa-golf-ball-tee{--fa:""}.fa-chevron-circle-left,.fa-circle-chevron-left{--fa:""}.fa-house-chimney-window{--fa:""}.fa-pen-nib{--fa:""}.fa-tent-arrow-turn-left{--fa:""}.fa-tents{--fa:""}.fa-magic,.fa-wand-magic{--fa:""}.fa-dog{--fa:""}.fa-carrot{--fa:""}.fa-moon{--fa:""}.fa-wine-glass-alt,.fa-wine-glass-empty{--fa:""}.fa-cheese{--fa:""}.fa-yin-yang{--fa:""}.fa-music{--fa:""}.fa-code-commit{--fa:""}.fa-temperature-low{--fa:""}.fa-biking,.fa-person-biking{--fa:""}.fa-broom{--fa:""}.fa-shield-heart{--fa:""}.fa-gopuram{--fa:""}.fa-earth-oceania,.fa-globe-oceania{--fa:""}.fa-square-xmark,.fa-times-square,.fa-xmark-square{--fa:""}.fa-hashtag{--fa:"#"}.fa-expand-alt,.fa-up-right-and-down-left-from-center{--fa:""}.fa-oil-can{--fa:""}.fa-t{--fa:"T"}.fa-hippo{--fa:""}.fa-chart-column{--fa:""}.fa-infinity{--fa:""}.fa-vial-circle-check{--fa:""}.fa-person-arrow-down-to-line{--fa:""}.fa-voicemail{--fa:""}.fa-fan{--fa:""}.fa-person-walking-luggage{--fa:""}.fa-arrows-alt-v,.fa-up-down{--fa:""}.fa-cloud-moon-rain{--fa:""}.fa-calendar{--fa:""}.fa-trailer{--fa:""}.fa-bahai,.fa-haykal{--fa:""}.fa-sd-card{--fa:""}.fa-dragon{--fa:""}.fa-shoe-prints{--fa:""}.fa-circle-plus,.fa-plus-circle{--fa:""}.fa-face-grin-tongue-wink,.fa-grin-tongue-wink{--fa:""}.fa-hand-holding{--fa:""}.fa-plug-circle-exclamation{--fa:""}.fa-chain-broken,.fa-chain-slash,.fa-link-slash,.fa-unlink{--fa:""}.fa-clone{--fa:""}.fa-person-walking-arrow-loop-left{--fa:""}.fa-arrow-up-z-a,.fa-sort-alpha-up-alt{--fa:""}.fa-fire-alt,.fa-fire-flame-curved{--fa:""}.fa-tornado{--fa:""}.fa-file-circle-plus{--fa:""}.fa-book-quran,.fa-quran{--fa:""}.fa-anchor{--fa:""}.fa-border-all{--fa:""}.fa-angry,.fa-face-angry{--fa:""}.fa-cookie-bite{--fa:""}.fa-arrow-trend-down{--fa:""}.fa-feed,.fa-rss{--fa:""}.fa-draw-polygon{--fa:""}.fa-balance-scale,.fa-scale-balanced{--fa:""}.fa-gauge-simple-high,.fa-tachometer,.fa-tachometer-fast{--fa:""}.fa-shower{--fa:""}.fa-desktop,.fa-desktop-alt{--fa:""}.fa-m{--fa:"M"}.fa-table-list,.fa-th-list{--fa:""}.fa-comment-sms,.fa-sms{--fa:""}.fa-book{--fa:""}.fa-user-plus{--fa:""}.fa-check{--fa:""}.fa-battery-4,.fa-battery-three-quarters{--fa:""}.fa-house-circle-check{--fa:""}.fa-angle-left{--fa:""}.fa-diagram-successor{--fa:""}.fa-truck-arrow-right{--fa:""}.fa-arrows-split-up-and-left{--fa:""}.fa-fist-raised,.fa-hand-fist{--fa:""}.fa-cloud-moon{--fa:""}.fa-briefcase{--fa:""}.fa-person-falling{--fa:""}.fa-image-portrait,.fa-portrait{--fa:""}.fa-user-tag{--fa:""}.fa-rug{--fa:""}.fa-earth-europe,.fa-globe-europe{--fa:""}.fa-cart-flatbed-suitcase,.fa-luggage-cart{--fa:""}.fa-rectangle-times,.fa-rectangle-xmark,.fa-times-rectangle,.fa-window-close{--fa:""}.fa-baht-sign{--fa:""}.fa-book-open{--fa:""}.fa-book-journal-whills,.fa-journal-whills{--fa:""}.fa-handcuffs{--fa:""}.fa-exclamation-triangle,.fa-triangle-exclamation,.fa-warning{--fa:""}.fa-database{--fa:""}.fa-mail-forward,.fa-share{--fa:""}.fa-bottle-droplet{--fa:""}.fa-mask-face{--fa:""}.fa-hill-rockslide{--fa:""}.fa-exchange-alt,.fa-right-left{--fa:""}.fa-paper-plane{--fa:""}.fa-road-circle-exclamation{--fa:""}.fa-dungeon{--fa:""}.fa-align-right{--fa:""}.fa-money-bill-1-wave,.fa-money-bill-wave-alt{--fa:""}.fa-life-ring{--fa:""}.fa-hands,.fa-sign-language,.fa-signing{--fa:""}.fa-calendar-day{--fa:""}.fa-ladder-water,.fa-swimming-pool,.fa-water-ladder{--fa:""}.fa-arrows-up-down,.fa-arrows-v{--fa:""}.fa-face-grimace,.fa-grimace{--fa:""}.fa-wheelchair-alt,.fa-wheelchair-move{--fa:""}.fa-level-down-alt,.fa-turn-down{--fa:""}.fa-person-walking-arrow-right{--fa:""}.fa-envelope-square,.fa-square-envelope{--fa:""}.fa-dice{--fa:""}.fa-bowling-ball{--fa:""}.fa-brain{--fa:""}.fa-band-aid,.fa-bandage{--fa:""}.fa-calendar-minus{--fa:""}.fa-circle-xmark,.fa-times-circle,.fa-xmark-circle{--fa:""}.fa-gifts{--fa:""}.fa-hotel{--fa:""}.fa-earth-asia,.fa-globe-asia{--fa:""}.fa-id-card-alt,.fa-id-card-clip{--fa:""}.fa-magnifying-glass-plus,.fa-search-plus{--fa:""}.fa-thumbs-up{--fa:""}.fa-user-clock{--fa:""}.fa-allergies,.fa-hand-dots{--fa:""}.fa-file-invoice{--fa:""}.fa-window-minimize{--fa:""}.fa-coffee,.fa-mug-saucer{--fa:""}.fa-brush{--fa:""}.fa-file-half-dashed{--fa:""}.fa-mask{--fa:""}.fa-magnifying-glass-minus,.fa-search-minus{--fa:""}.fa-ruler-vertical{--fa:""}.fa-user-alt,.fa-user-large{--fa:""}.fa-train-tram{--fa:""}.fa-user-nurse{--fa:""}.fa-syringe{--fa:""}.fa-cloud-sun{--fa:""}.fa-stopwatch-20{--fa:""}.fa-square-full{--fa:""}.fa-magnet{--fa:""}.fa-jar{--fa:""}.fa-note-sticky,.fa-sticky-note{--fa:""}.fa-bug-slash{--fa:""}.fa-arrow-up-from-water-pump{--fa:""}.fa-bone{--fa:""}.fa-table-cells-row-unlock{--fa:""}.fa-user-injured{--fa:""}.fa-face-sad-tear,.fa-sad-tear{--fa:""}.fa-plane{--fa:""}.fa-tent-arrows-down{--fa:""}.fa-exclamation{--fa:"!"}.fa-arrows-spin{--fa:""}.fa-print{--fa:""}.fa-try,.fa-turkish-lira,.fa-turkish-lira-sign{--fa:""}.fa-dollar,.fa-dollar-sign,.fa-usd{--fa:"$"}.fa-x{--fa:"X"}.fa-magnifying-glass-dollar,.fa-search-dollar{--fa:""}.fa-users-cog,.fa-users-gear{--fa:""}.fa-person-military-pointing{--fa:""}.fa-bank,.fa-building-columns,.fa-institution,.fa-museum,.fa-university{--fa:""}.fa-umbrella{--fa:""}.fa-trowel{--fa:""}.fa-d{--fa:"D"}.fa-stapler{--fa:""}.fa-masks-theater,.fa-theater-masks{--fa:""}.fa-kip-sign{--fa:""}.fa-hand-point-left{--fa:""}.fa-handshake-alt,.fa-handshake-simple{--fa:""}.fa-fighter-jet,.fa-jet-fighter{--fa:""}.fa-share-alt-square,.fa-square-share-nodes{--fa:""}.fa-barcode{--fa:""}.fa-plus-minus{--fa:""}.fa-video,.fa-video-camera{--fa:""}.fa-graduation-cap,.fa-mortar-board{--fa:""}.fa-hand-holding-medical{--fa:""}.fa-person-circle-check{--fa:""}.fa-level-up-alt,.fa-turn-up{--fa:""}.fa-sr-only,.fa-sr-only-focusable:not(:focus),.sr-only,.sr-only-focusable:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:host,:root{--fa-style-family-brands:"Font Awesome 6 Brands";--fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands"}@font-face{font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;font-display:block;src:url(/src/assets/fa-brands-400.woff2) format("woff2"),url(/src/assets/fa-brands-400.ttf) format("truetype")}.fa-brands,.fab{font-weight:400}.fa-monero{--fa:""}.fa-hooli{--fa:""}.fa-yelp{--fa:""}.fa-cc-visa{--fa:""}.fa-lastfm{--fa:""}.fa-shopware{--fa:""}.fa-creative-commons-nc{--fa:""}.fa-aws{--fa:""}.fa-redhat{--fa:""}.fa-yoast{--fa:""}.fa-cloudflare{--fa:""}.fa-ups{--fa:""}.fa-pixiv{--fa:""}.fa-wpexplorer{--fa:""}.fa-dyalog{--fa:""}.fa-bity{--fa:""}.fa-stackpath{--fa:""}.fa-buysellads{--fa:""}.fa-first-order{--fa:""}.fa-modx{--fa:""}.fa-guilded{--fa:""}.fa-vnv{--fa:""}.fa-js-square,.fa-square-js{--fa:""}.fa-microsoft{--fa:""}.fa-qq{--fa:""}.fa-orcid{--fa:""}.fa-java{--fa:""}.fa-invision{--fa:""}.fa-creative-commons-pd-alt{--fa:""}.fa-centercode{--fa:""}.fa-glide-g{--fa:""}.fa-drupal{--fa:""}.fa-jxl{--fa:""}.fa-dart-lang{--fa:""}.fa-hire-a-helper{--fa:""}.fa-creative-commons-by{--fa:""}.fa-unity{--fa:""}.fa-whmcs{--fa:""}.fa-rocketchat{--fa:""}.fa-vk{--fa:""}.fa-untappd{--fa:""}.fa-mailchimp{--fa:""}.fa-css3-alt{--fa:""}.fa-reddit-square,.fa-square-reddit{--fa:""}.fa-vimeo-v{--fa:""}.fa-contao{--fa:""}.fa-square-font-awesome{--fa:""}.fa-deskpro{--fa:""}.fa-brave{--fa:""}.fa-sistrix{--fa:""}.fa-instagram-square,.fa-square-instagram{--fa:""}.fa-battle-net{--fa:""}.fa-the-red-yeti{--fa:""}.fa-hacker-news-square,.fa-square-hacker-news{--fa:""}.fa-edge{--fa:""}.fa-threads{--fa:""}.fa-napster{--fa:""}.fa-snapchat-square,.fa-square-snapchat{--fa:""}.fa-google-plus-g{--fa:""}.fa-artstation{--fa:""}.fa-markdown{--fa:""}.fa-sourcetree{--fa:""}.fa-google-plus{--fa:""}.fa-diaspora{--fa:""}.fa-foursquare{--fa:""}.fa-stack-overflow{--fa:""}.fa-github-alt{--fa:""}.fa-phoenix-squadron{--fa:""}.fa-pagelines{--fa:""}.fa-algolia{--fa:""}.fa-red-river{--fa:""}.fa-creative-commons-sa{--fa:""}.fa-safari{--fa:""}.fa-google{--fa:""}.fa-font-awesome-alt,.fa-square-font-awesome-stroke{--fa:""}.fa-atlassian{--fa:""}.fa-linkedin-in{--fa:""}.fa-digital-ocean{--fa:""}.fa-nimblr{--fa:""}.fa-chromecast{--fa:""}.fa-evernote{--fa:""}.fa-hacker-news{--fa:""}.fa-creative-commons-sampling{--fa:""}.fa-adversal{--fa:""}.fa-creative-commons{--fa:""}.fa-watchman-monitoring{--fa:""}.fa-fonticons{--fa:""}.fa-weixin{--fa:""}.fa-shirtsinbulk{--fa:""}.fa-codepen{--fa:""}.fa-git-alt{--fa:""}.fa-lyft{--fa:""}.fa-rev{--fa:""}.fa-windows{--fa:""}.fa-wizards-of-the-coast{--fa:""}.fa-square-viadeo,.fa-viadeo-square{--fa:""}.fa-meetup{--fa:""}.fa-centos{--fa:""}.fa-adn{--fa:""}.fa-cloudsmith{--fa:""}.fa-opensuse{--fa:""}.fa-pied-piper-alt{--fa:""}.fa-dribbble-square,.fa-square-dribbble{--fa:""}.fa-codiepie{--fa:""}.fa-node{--fa:""}.fa-mix{--fa:""}.fa-steam{--fa:""}.fa-cc-apple-pay{--fa:""}.fa-scribd{--fa:""}.fa-debian{--fa:""}.fa-openid{--fa:""}.fa-instalod{--fa:""}.fa-files-pinwheel{--fa:""}.fa-expeditedssl{--fa:""}.fa-sellcast{--fa:""}.fa-square-twitter,.fa-twitter-square{--fa:""}.fa-r-project{--fa:""}.fa-delicious{--fa:""}.fa-freebsd{--fa:""}.fa-vuejs{--fa:""}.fa-accusoft{--fa:""}.fa-ioxhost{--fa:""}.fa-fonticons-fi{--fa:""}.fa-app-store{--fa:""}.fa-cc-mastercard{--fa:""}.fa-itunes-note{--fa:""}.fa-golang{--fa:""}.fa-kickstarter,.fa-square-kickstarter{--fa:""}.fa-grav{--fa:""}.fa-weibo{--fa:""}.fa-uncharted{--fa:""}.fa-firstdraft{--fa:""}.fa-square-youtube,.fa-youtube-square{--fa:""}.fa-wikipedia-w{--fa:""}.fa-rendact,.fa-wpressr{--fa:""}.fa-angellist{--fa:""}.fa-galactic-republic{--fa:""}.fa-nfc-directional{--fa:""}.fa-skype{--fa:""}.fa-joget{--fa:""}.fa-fedora{--fa:""}.fa-stripe-s{--fa:""}.fa-meta{--fa:""}.fa-laravel{--fa:""}.fa-hotjar{--fa:""}.fa-bluetooth-b{--fa:""}.fa-square-letterboxd{--fa:""}.fa-sticker-mule{--fa:""}.fa-creative-commons-zero{--fa:""}.fa-hips{--fa:""}.fa-css{--fa:""}.fa-behance{--fa:""}.fa-reddit{--fa:""}.fa-discord{--fa:""}.fa-chrome{--fa:""}.fa-app-store-ios{--fa:""}.fa-cc-discover{--fa:""}.fa-wpbeginner{--fa:""}.fa-confluence{--fa:""}.fa-shoelace{--fa:""}.fa-mdb{--fa:""}.fa-dochub{--fa:""}.fa-accessible-icon{--fa:""}.fa-ebay{--fa:""}.fa-amazon{--fa:""}.fa-unsplash{--fa:""}.fa-yarn{--fa:""}.fa-square-steam,.fa-steam-square{--fa:""}.fa-500px{--fa:""}.fa-square-vimeo,.fa-vimeo-square{--fa:""}.fa-asymmetrik{--fa:""}.fa-font-awesome,.fa-font-awesome-flag,.fa-font-awesome-logo-full{--fa:""}.fa-gratipay{--fa:""}.fa-apple{--fa:""}.fa-hive{--fa:""}.fa-gitkraken{--fa:""}.fa-keybase{--fa:""}.fa-apple-pay{--fa:""}.fa-padlet{--fa:""}.fa-amazon-pay{--fa:""}.fa-github-square,.fa-square-github{--fa:""}.fa-stumbleupon{--fa:""}.fa-fedex{--fa:""}.fa-phoenix-framework{--fa:""}.fa-shopify{--fa:""}.fa-neos{--fa:""}.fa-square-threads{--fa:""}.fa-hackerrank{--fa:""}.fa-researchgate{--fa:""}.fa-swift{--fa:""}.fa-angular{--fa:""}.fa-speakap{--fa:""}.fa-angrycreative{--fa:""}.fa-y-combinator{--fa:""}.fa-empire{--fa:""}.fa-envira{--fa:""}.fa-google-scholar{--fa:""}.fa-gitlab-square,.fa-square-gitlab{--fa:""}.fa-studiovinari{--fa:""}.fa-pied-piper{--fa:""}.fa-wordpress{--fa:""}.fa-product-hunt{--fa:""}.fa-firefox{--fa:""}.fa-linode{--fa:""}.fa-goodreads{--fa:""}.fa-odnoklassniki-square,.fa-square-odnoklassniki{--fa:""}.fa-jsfiddle{--fa:""}.fa-sith{--fa:""}.fa-themeisle{--fa:""}.fa-page4{--fa:""}.fa-hashnode{--fa:""}.fa-react{--fa:""}.fa-cc-paypal{--fa:""}.fa-squarespace{--fa:""}.fa-cc-stripe{--fa:""}.fa-creative-commons-share{--fa:""}.fa-bitcoin{--fa:""}.fa-keycdn{--fa:""}.fa-opera{--fa:""}.fa-itch-io{--fa:""}.fa-umbraco{--fa:""}.fa-galactic-senate{--fa:""}.fa-ubuntu{--fa:""}.fa-draft2digital{--fa:""}.fa-stripe{--fa:""}.fa-houzz{--fa:""}.fa-gg{--fa:""}.fa-dhl{--fa:""}.fa-pinterest-square,.fa-square-pinterest{--fa:""}.fa-xing{--fa:""}.fa-blackberry{--fa:""}.fa-creative-commons-pd{--fa:""}.fa-playstation{--fa:""}.fa-quinscape{--fa:""}.fa-less{--fa:""}.fa-blogger-b{--fa:""}.fa-opencart{--fa:""}.fa-vine{--fa:""}.fa-signal-messenger{--fa:""}.fa-paypal{--fa:""}.fa-gitlab{--fa:""}.fa-typo3{--fa:""}.fa-reddit-alien{--fa:""}.fa-yahoo{--fa:""}.fa-dailymotion{--fa:""}.fa-affiliatetheme{--fa:""}.fa-pied-piper-pp{--fa:""}.fa-bootstrap{--fa:""}.fa-odnoklassniki{--fa:""}.fa-nfc-symbol{--fa:""}.fa-mintbit{--fa:""}.fa-ethereum{--fa:""}.fa-speaker-deck{--fa:""}.fa-creative-commons-nc-eu{--fa:""}.fa-patreon{--fa:""}.fa-avianex{--fa:""}.fa-ello{--fa:""}.fa-gofore{--fa:""}.fa-bimobject{--fa:""}.fa-brave-reverse{--fa:""}.fa-facebook-f{--fa:""}.fa-google-plus-square,.fa-square-google-plus{--fa:""}.fa-web-awesome{--fa:""}.fa-mandalorian{--fa:""}.fa-first-order-alt{--fa:""}.fa-osi{--fa:""}.fa-google-wallet{--fa:""}.fa-d-and-d-beyond{--fa:""}.fa-periscope{--fa:""}.fa-fulcrum{--fa:""}.fa-cloudscale{--fa:""}.fa-forumbee{--fa:""}.fa-mizuni{--fa:""}.fa-schlix{--fa:""}.fa-square-xing,.fa-xing-square{--fa:""}.fa-bandcamp{--fa:""}.fa-wpforms{--fa:""}.fa-cloudversify{--fa:""}.fa-usps{--fa:""}.fa-megaport{--fa:""}.fa-magento{--fa:""}.fa-spotify{--fa:""}.fa-optin-monster{--fa:""}.fa-fly{--fa:""}.fa-square-bluesky{--fa:""}.fa-aviato{--fa:""}.fa-itunes{--fa:""}.fa-cuttlefish{--fa:""}.fa-blogger{--fa:""}.fa-flickr{--fa:""}.fa-viber{--fa:""}.fa-soundcloud{--fa:""}.fa-digg{--fa:""}.fa-tencent-weibo{--fa:""}.fa-letterboxd{--fa:""}.fa-symfony{--fa:""}.fa-maxcdn{--fa:""}.fa-etsy{--fa:""}.fa-facebook-messenger{--fa:""}.fa-audible{--fa:""}.fa-think-peaks{--fa:""}.fa-bilibili{--fa:""}.fa-erlang{--fa:""}.fa-x-twitter{--fa:""}.fa-cotton-bureau{--fa:""}.fa-dashcube{--fa:""}.fa-42-group,.fa-innosoft{--fa:""}.fa-stack-exchange{--fa:""}.fa-elementor{--fa:""}.fa-pied-piper-square,.fa-square-pied-piper{--fa:""}.fa-creative-commons-nd{--fa:""}.fa-palfed{--fa:""}.fa-superpowers{--fa:""}.fa-resolving{--fa:""}.fa-xbox{--fa:""}.fa-square-web-awesome-stroke{--fa:""}.fa-searchengin{--fa:""}.fa-tiktok{--fa:""}.fa-facebook-square,.fa-square-facebook{--fa:""}.fa-renren{--fa:""}.fa-linux{--fa:""}.fa-glide{--fa:""}.fa-linkedin{--fa:""}.fa-hubspot{--fa:""}.fa-deploydog{--fa:""}.fa-twitch{--fa:""}.fa-flutter{--fa:""}.fa-ravelry{--fa:""}.fa-mixer{--fa:""}.fa-lastfm-square,.fa-square-lastfm{--fa:""}.fa-vimeo{--fa:""}.fa-mendeley{--fa:""}.fa-uniregistry{--fa:""}.fa-figma{--fa:""}.fa-creative-commons-remix{--fa:""}.fa-cc-amazon-pay{--fa:""}.fa-dropbox{--fa:""}.fa-instagram{--fa:""}.fa-cmplid{--fa:""}.fa-upwork{--fa:""}.fa-facebook{--fa:""}.fa-gripfire{--fa:""}.fa-jedi-order{--fa:""}.fa-uikit{--fa:""}.fa-fort-awesome-alt{--fa:""}.fa-phabricator{--fa:""}.fa-ussunnah{--fa:""}.fa-earlybirds{--fa:""}.fa-trade-federation{--fa:""}.fa-autoprefixer{--fa:""}.fa-whatsapp{--fa:""}.fa-square-upwork{--fa:""}.fa-slideshare{--fa:""}.fa-google-play{--fa:""}.fa-viadeo{--fa:""}.fa-line{--fa:""}.fa-google-drive{--fa:""}.fa-servicestack{--fa:""}.fa-simplybuilt{--fa:""}.fa-bitbucket{--fa:""}.fa-imdb{--fa:""}.fa-deezer{--fa:""}.fa-raspberry-pi{--fa:""}.fa-jira{--fa:""}.fa-docker{--fa:""}.fa-screenpal{--fa:""}.fa-bluetooth{--fa:""}.fa-gitter{--fa:""}.fa-d-and-d{--fa:""}.fa-microblog{--fa:""}.fa-cc-diners-club{--fa:""}.fa-gg-circle{--fa:""}.fa-pied-piper-hat{--fa:""}.fa-kickstarter-k{--fa:""}.fa-yandex{--fa:""}.fa-readme{--fa:""}.fa-html5{--fa:""}.fa-sellsy{--fa:""}.fa-square-web-awesome{--fa:""}.fa-sass{--fa:""}.fa-wirsindhandwerk,.fa-wsh{--fa:""}.fa-buromobelexperte{--fa:""}.fa-salesforce{--fa:""}.fa-octopus-deploy{--fa:""}.fa-medapps{--fa:""}.fa-ns8{--fa:""}.fa-pinterest-p{--fa:""}.fa-apper{--fa:""}.fa-fort-awesome{--fa:""}.fa-waze{--fa:""}.fa-bluesky{--fa:""}.fa-cc-jcb{--fa:""}.fa-snapchat,.fa-snapchat-ghost{--fa:""}.fa-fantasy-flight-games{--fa:""}.fa-rust{--fa:""}.fa-wix{--fa:""}.fa-behance-square,.fa-square-behance{--fa:""}.fa-supple{--fa:""}.fa-webflow{--fa:""}.fa-rebel{--fa:""}.fa-css3{--fa:""}.fa-staylinked{--fa:""}.fa-kaggle{--fa:""}.fa-space-awesome{--fa:""}.fa-deviantart{--fa:""}.fa-cpanel{--fa:""}.fa-goodreads-g{--fa:""}.fa-git-square,.fa-square-git{--fa:""}.fa-square-tumblr,.fa-tumblr-square{--fa:""}.fa-trello{--fa:""}.fa-creative-commons-nc-jp{--fa:""}.fa-get-pocket{--fa:""}.fa-perbyte{--fa:""}.fa-grunt{--fa:""}.fa-weebly{--fa:""}.fa-connectdevelop{--fa:""}.fa-leanpub{--fa:""}.fa-black-tie{--fa:""}.fa-themeco{--fa:""}.fa-python{--fa:""}.fa-android{--fa:""}.fa-bots{--fa:""}.fa-free-code-camp{--fa:""}.fa-hornbill{--fa:""}.fa-js{--fa:""}.fa-ideal{--fa:""}.fa-git{--fa:""}.fa-dev{--fa:""}.fa-sketch{--fa:""}.fa-yandex-international{--fa:""}.fa-cc-amex{--fa:""}.fa-uber{--fa:""}.fa-github{--fa:""}.fa-php{--fa:""}.fa-alipay{--fa:""}.fa-youtube{--fa:""}.fa-skyatlas{--fa:""}.fa-firefox-browser{--fa:""}.fa-replyd{--fa:""}.fa-suse{--fa:""}.fa-jenkins{--fa:""}.fa-twitter{--fa:""}.fa-rockrms{--fa:""}.fa-pinterest{--fa:""}.fa-buffer{--fa:""}.fa-npm{--fa:""}.fa-yammer{--fa:""}.fa-btc{--fa:""}.fa-dribbble{--fa:""}.fa-stumbleupon-circle{--fa:""}.fa-internet-explorer{--fa:""}.fa-stubber{--fa:""}.fa-telegram,.fa-telegram-plane{--fa:""}.fa-old-republic{--fa:""}.fa-odysee{--fa:""}.fa-square-whatsapp,.fa-whatsapp-square{--fa:""}.fa-node-js{--fa:""}.fa-edge-legacy{--fa:""}.fa-slack,.fa-slack-hash{--fa:""}.fa-medrt{--fa:""}.fa-usb{--fa:""}.fa-tumblr{--fa:""}.fa-vaadin{--fa:""}.fa-quora{--fa:""}.fa-square-x-twitter{--fa:""}.fa-reacteurope{--fa:""}.fa-medium,.fa-medium-m{--fa:""}.fa-amilia{--fa:""}.fa-mixcloud{--fa:""}.fa-flipboard{--fa:""}.fa-viacoin{--fa:""}.fa-critical-role{--fa:""}.fa-sitrox{--fa:""}.fa-discourse{--fa:""}.fa-joomla{--fa:""}.fa-mastodon{--fa:""}.fa-airbnb{--fa:""}.fa-wolf-pack-battalion{--fa:""}.fa-buy-n-large{--fa:""}.fa-gulp{--fa:""}.fa-creative-commons-sampling-plus{--fa:""}.fa-strava{--fa:""}.fa-ember{--fa:""}.fa-canadian-maple-leaf{--fa:""}.fa-teamspeak{--fa:""}.fa-pushed{--fa:""}.fa-wordpress-simple{--fa:""}.fa-nutritionix{--fa:""}.fa-wodu{--fa:""}.fa-google-pay{--fa:""}.fa-intercom{--fa:""}.fa-zhihu{--fa:""}.fa-korvue{--fa:""}.fa-pix{--fa:""}.fa-steam-symbol{--fa:""}:host,:root{--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Free"}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:400;font-display:block;src:url(/src/assets/fa-regular-400.woff2) format("woff2"),url(/src/assets/fa-regular-400.ttf) format("truetype")}.fa-regular,.far{font-weight:400}:host,:root{--fa-style-family-classic:"Font Awesome 6 Free";--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Free"}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:block;src:url(/src/assets/fa-solid-900.woff2) format("woff2"),url(/src/assets/fa-solid-900.ttf) format("truetype")}.fa-solid,.fas{font-weight:900}@font-face{font-family:"Font Awesome 5 Brands";font-display:block;font-weight:400;src:url(/src/assets/fa-brands-400.woff2) format("woff2"),url(/src/assets/fa-brands-400.ttf) format("truetype")}@font-face{font-family:"Font Awesome 5 Free";font-display:block;font-weight:900;src:url(/src/assets/fa-solid-900.woff2) format("woff2"),url(/src/assets/fa-solid-900.ttf) format("truetype")}@font-face{font-family:"Font Awesome 5 Free";font-display:block;font-weight:400;src:url(/src/assets/fa-regular-400.woff2) format("woff2"),url(/src/assets/fa-regular-400.ttf) format("truetype")}@font-face{font-family:FontAwesome;font-display:block;src:url(/src/assets/fa-solid-900.woff2) format("woff2"),url(/src/assets/fa-solid-900.ttf) format("truetype")}@font-face{font-family:FontAwesome;font-display:block;src:url(/src/assets/fa-brands-400.woff2) format("woff2"),url(/src/assets/fa-brands-400.ttf) format("truetype")}@font-face{font-family:FontAwesome;font-display:block;src:url(/src/assets/fa-regular-400.woff2) format("woff2"),url(/src/assets/fa-regular-400.ttf) format("truetype");unicode-range:u+f003,u+f006,u+f014,u+f016-f017,u+f01a-f01b,u+f01d,u+f022,u+f03e,u+f044,u+f046,u+f05c-f05d,u+f06e,u+f070,u+f087-f088,u+f08a,u+f094,u+f096-f097,u+f09d,u+f0a0,u+f0a2,u+f0a4-f0a7,u+f0c5,u+f0c7,u+f0e5-f0e6,u+f0eb,u+f0f6-f0f8,u+f10c,u+f114-f115,u+f118-f11a,u+f11c-f11d,u+f133,u+f147,u+f14e,u+f150-f152,u+f185-f186,u+f18e,u+f190-f192,u+f196,u+f1c1-f1c9,u+f1d9,u+f1db,u+f1e3,u+f1ea,u+f1f7,u+f1f9,u+f20a,u+f247-f248,u+f24a,u+f24d,u+f255-f25b,u+f25d,u+f271-f274,u+f278,u+f27b,u+f28c,u+f28e,u+f29c,u+f2b5,u+f2b7,u+f2ba,u+f2bc,u+f2be,u+f2c0-f2c1,u+f2c3,u+f2d0,u+f2d2,u+f2d4,u+f2dc}@font-face{font-family:FontAwesome;font-display:block;src:url(/src/assets/fa-v4compatibility.woff2) format("woff2"),url(/src/assets/fa-v4compatibility.ttf) format("truetype");unicode-range:u+f041,u+f047,u+f065-f066,u+f07d-f07e,u+f080,u+f08b,u+f08e,u+f090,u+f09a,u+f0ac,u+f0ae,u+f0b2,u+f0d0,u+f0d6,u+f0e4,u+f0ec,u+f10a-f10b,u+f123,u+f13e,u+f148-f149,u+f14c,u+f156,u+f15e,u+f160-f161,u+f163,u+f175-f178,u+f195,u+f1f8,u+f219,u+f27a}.email-verification-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#1486d1,#c03ed2);display:flex;justify-content:center;align-items:flex-start;z-index:9999;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-y:auto;min-height:100vh}.email-verification-container{background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000026;max-width:500px;width:100%;padding:40px;text-align:center;animation:slideInUp .3s ease-out;margin:auto;max-height:calc(100vh - 40px);overflow-y:auto;flex-shrink:0}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.email-verification-header{margin-bottom:25px}.email-verification-icon{width:70px;height:70px;background:linear-gradient(135deg,#1486d1,#c03ed2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 15px;color:#fff;font-size:28px}.email-verification-header h1{font-size:24px;font-weight:700;color:#2d3748;margin:0 0 8px}.email-verification-header p{font-size:15px;color:#718096;margin:0 0 4px}.email-verification-header strong{font-size:16px;color:#1486d1;font-weight:600}.email-verification-success{background:#f0fff4;border:1px solid #9ae6b4;color:#276749;padding:12px;border-radius:10px;margin-bottom:15px;display:flex;align-items:center;gap:10px;font-weight:500;font-size:14px}.email-verification-success i{color:#38a169;font-size:16px}.email-verification-error{background:#fff5f5;border:1px solid #feb2b2;color:#c53030;padding:12px;border-radius:10px;margin-bottom:15px;display:flex;align-items:center;gap:10px;font-weight:500;font-size:14px}.email-verification-error i{color:#e53e3e;font-size:16px}.email-verification-instructions{text-align:left;background:#f7fafc;padding:18px;border-radius:10px;margin-bottom:20px}.email-verification-instructions h3{font-size:16px;font-weight:600;color:#2d3748;margin:0 0 12px}.email-verification-instructions ol{margin:0;padding-left:18px;color:#4a5568}.email-verification-instructions li{margin-bottom:6px;font-size:14px;line-height:1.4}.email-verification-actions{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.email-verification-button{padding:14px 20px;border-radius:10px;border:none;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px;min-height:48px}.email-verification-button:disabled{cursor:not-allowed;opacity:.6}.email-verification-button.primary{background:linear-gradient(135deg,#1486d1,#c03ed2);color:#fff}.email-verification-button.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #1486d14d}.email-verification-button.secondary{background:#edf2f7;color:#4a5568;border:1px solid #e2e8f0}.email-verification-button.secondary:hover:not(:disabled){background:#e2e8f0;transform:translateY(-1px)}.email-verification-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.email-verification-info{margin-bottom:20px}.email-verification-tips{text-align:left;background:#fffbf0;border:1px solid #f6e05e;padding:16px;border-radius:10px;margin-bottom:12px}.email-verification-tips h4{font-size:15px;font-weight:600;color:#744210;margin:0 0 10px}.email-verification-tips ul{margin:0;padding-left:18px;color:#744210}.email-verification-tips li{margin-bottom:5px;font-size:13px;line-height:1.3}.email-verification-sent-notice{background:#ebf8ff;border:1px solid #90cdf4;color:#2b6cb0;padding:10px 14px;border-radius:8px;display:flex;align-items:center;gap:6px;font-size:13px}.email-verification-sent-notice i{color:#3182ce}.email-verification-footer{border-top:1px solid #e2e8f0;padding-top:15px;margin-bottom:15px}.email-verification-footer p{font-size:13px;color:#718096;margin:0 0 6px}.email-verification-link{background:none;border:none;color:#1486d1;font-size:13px;font-weight:600;cursor:pointer;text-decoration:underline;padding:0}.email-verification-link:hover{color:#c03ed2}.email-verification-auto-check{display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;color:#a0aec0;padding:10px;background:#f7fafc;border-radius:6px}.email-verification-auto-check i{font-size:11px}@media (max-height: 700px){.email-verification-overlay{padding:15px;align-items:flex-start}.email-verification-container{padding:25px;margin:0}.email-verification-header{margin-bottom:20px}.email-verification-icon{width:60px;height:60px;font-size:24px;margin-bottom:10px}.email-verification-header h1{font-size:22px}.email-verification-instructions{padding:15px;margin-bottom:15px}.email-verification-actions,.email-verification-info{margin-bottom:15px}}@media (max-width: 640px){.email-verification-overlay{padding:10px}.email-verification-container{padding:20px;border-radius:12px}.email-verification-header h1{font-size:20px}.email-verification-icon{width:55px;height:55px;font-size:22px}.email-verification-actions{gap:8px}.email-verification-button{padding:12px 16px;font-size:14px;min-height:44px}}@media (max-width: 480px){.email-verification-overlay{padding:8px}.email-verification-container{padding:16px;max-height:calc(100vh - 16px)}.email-verification-header h1{font-size:18px}.email-verification-icon{width:50px;height:50px;font-size:20px}.email-verification-header p{font-size:14px}.email-verification-header strong{font-size:15px}.email-verification-button{padding:12px 14px;font-size:13px;min-height:42px}}@media (max-height: 500px) and (orientation: landscape){.email-verification-overlay{padding:8px;align-items:flex-start}.email-verification-container{padding:16px;max-height:calc(100vh - 16px);margin:0}.email-verification-header{margin-bottom:15px}.email-verification-icon{width:45px;height:45px;font-size:18px;margin-bottom:8px}.email-verification-header h1{font-size:18px;margin-bottom:6px}.email-verification-instructions{padding:12px;margin-bottom:12px}.email-verification-actions{margin-bottom:12px;gap:6px}.email-verification-button{padding:10px 14px;min-height:38px;font-size:13px}.email-verification-tips{padding:12px}.email-verification-footer{padding-top:12px;margin-bottom:10px}.email-verification-auto-check{padding:8px}}@media (max-height: 600px){.email-verification-container{max-height:calc(100vh - 20px)}}.email-verification-overlay{-webkit-overflow-scrolling:touch}@supports (-webkit-touch-callout: none){.email-verification-overlay{min-height:-webkit-fill-available}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#1486d1,#c03ed2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:20px 5px}.auth-background{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:1}.auth-shapes{position:relative;width:100%;height:100%}.auth-shape{position:absolute;border-radius:50%;background:#ffffff1a;animation:authFloatAnimation 6s ease-in-out infinite}.auth-shape-1{width:300px;height:300px;top:10%;left:-100px;animation-delay:0s}.auth-shape-2{width:200px;height:200px;top:60%;right:-50px;animation-delay:2s}.auth-shape-3{width:150px;height:150px;top:30%;right:30%;animation-delay:4s}.auth-shape-4{width:250px;height:250px;bottom:10%;left:20%;animation-delay:6s}@keyframes authFloatAnimation{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}.auth-main-container{position:relative;z-index:2;width:70%;max-width:1200px;display:flex;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;box-shadow:0 25px 50px #0000001a,0 0 0 1px #fff3;border:1px solid rgba(255,255,255,.3);animation:authSlideUp .6s ease-out;overflow:hidden;min-height:500px;max-height:calc(100vh - 40px)}@keyframes authSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-brand-section{flex:1;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,#1486d11a,#c03ed21a);position:relative}.auth-brand-content{text-align:center;max-width:400px;animation:authSlideInLeft .8s ease-out}@keyframes authSlideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.auth-brand-logo{margin-bottom:20px}.auth-logo-icon{position:relative;display:inline-block;margin-bottom:15px}.auth-logo-image{width:120px;height:auto;filter:drop-shadow(0 4px 20px rgba(20,134,209,.3));margin-bottom:10px}.auth-logo-icon .fa-cloud{font-size:60px;color:#1486d1;filter:drop-shadow(0 4px 20px rgba(20,134,209,.3))}.auth-logo-pencil{position:absolute;top:10px;right:-8px;font-size:18px;color:#fbbf24;animation:authBounceAnimation 2s infinite}@keyframes authBounceAnimation{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.auth-brand-name{font-size:32px;font-weight:800;margin:0;background:linear-gradient(135deg,#1486d1,#c03ed2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-brand-description{margin-bottom:25px}.auth-brand-description h2{font-size:22px;font-weight:600;margin-bottom:10px;color:#1e293b}.auth-brand-description p{font-size:14px;line-height:1.5;margin-bottom:20px;color:#64748b}.auth-brand-features{text-align:left;max-width:350px;margin:0 auto}.auth-feature-item{display:flex;align-items:center;margin-bottom:8px;color:#64748b;font-size:13px;animation:authFadeInUp .6s ease-out}.auth-feature-item:nth-child(1){animation-delay:.2s}.auth-feature-item:nth-child(2){animation-delay:.4s}.auth-feature-item:nth-child(3){animation-delay:.6s}.auth-feature-item:nth-child(4){animation-delay:.8s}@keyframes authFadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.auth-feature-item .fa-check-circle{color:#10b981;margin-right:8px;font-size:14px}.auth-brand-decorations{position:absolute;width:100%;height:100%;top:0;left:0}.auth-decorative-cloud{position:absolute;font-size:28px!important;opacity:1;animation:authFloatSlow 8s ease-in-out infinite;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.auth-decorative-cloud i{font-size:40px!important;line-height:1}.auth-cloud-aws{top:25%;left:18%;color:#f90;animation-delay:0s}.auth-cloud-azure{top:32%;right:18%;color:#00a1f1;animation-delay:3s}.auth-cloud-gcp{top:10%;right:35%;color:#4285f4;animation-delay:6s}@keyframes authFloatSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.auth-form-section{flex:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:30px;position:relative;overflow-y:auto;max-height:100%}.auth-card{width:100%;max-width:400px;animation:authSlideInRight .8s ease-out;flex-shrink:0}@keyframes authSlideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.auth-header{text-align:center;margin-bottom:20px}.auth-title{font-size:24px;font-weight:700;margin-bottom:6px;background:linear-gradient(135deg,#1486d1,#c03ed2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-subtitle{color:#64748b;font-size:14px;line-height:1.4;margin:0}.auth-loading{text-align:center;padding:40px;color:#fff}.auth-loading-spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.3);border-top:3px solid white;border-radius:50%;animation:authSpinAnimation 1s linear infinite;margin:0 auto 12px}@keyframes authSpinAnimation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-form{margin-bottom:15px;width:100%}.auth-form-group{margin-bottom:15px}.auth-form-group label{display:block;margin-bottom:6px;font-weight:600;color:#374151;font-size:13px}.auth-input-wrapper{position:relative}.auth-input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:14px;z-index:1}.auth-form input{width:100%;padding:12px 12px 12px 40px;border:2px solid #e2e8f0;border-radius:10px;font-size:16px;transition:all .3s ease;background:#fafbfc;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}.auth-form input:focus{outline:none;border-color:#1486d1;background:#fff;box-shadow:0 0 0 3px #1486d11a}.auth-form input:focus+.auth-input-icon{color:#1486d1}.auth-form input.error{border-color:#ef4444;background:#fef2f2}.auth-form input.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.auth-form input::placeholder{color:#94a3b8}.auth-error-text{color:#ef4444;font-size:12px;margin-top:4px;display:flex;align-items:center;gap:4px}.auth-error-text:before{content:"⚠";font-size:10px}.auth-error-message-banner{background:#fef2f2;border:1px solid #f87171;border-radius:8px;padding:10px 12px;margin-bottom:12px;display:flex;align-items:flex-start;gap:6px;color:#dc2626;font-size:13px}.auth-error-content strong{display:block;margin-bottom:2px;font-size:12px}.auth-error-content p{margin:0;font-size:12px}.auth-success-message{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a;padding:10px 12px;border-radius:8px;margin-bottom:12px;display:flex;align-items:center;gap:6px;font-size:13px;animation:authSlideDown .3s ease-out}@keyframes authSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.auth-button{width:100%;padding:14px 20px;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:12px;position:relative;overflow:hidden;min-height:48px}.auth-button:disabled{opacity:.7;cursor:not-allowed}.auth-button.primary{background:linear-gradient(135deg,#1486d1,#c03ed2);color:#fff;box-shadow:0 3px 12px #1486d166}.auth-button.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #1486d180}.auth-button.primary:active:not(:disabled){transform:translateY(0)}.auth-button.google{background:#fff;color:#374151;border:2px solid #e5e7eb;box-shadow:0 2px 6px #0000001a}.auth-button.google:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 3px 10px #00000026}.auth-button.google .fab{color:#ea4335;font-size:16px}.auth-button-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:authSpinAnimation 1s linear infinite}.auth-link{background:none;border:none;color:#1486d1;cursor:pointer;font-size:14px;text-decoration:none;padding:8px 0;margin:8px 0;display:block;text-align:center;transition:color .2s ease;min-height:32px}.auth-link:hover{color:#c03ed2;text-decoration:underline}.auth-divider{text-align:center;margin:5px 0;position:relative}.auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e2e8f0}.auth-divider span{background:#fffffff2;padding:0 12px;color:#64748b;font-size:13px;position:relative;z-index:1}.auth-switch{text-align:center;margin-top:15px;padding-top:15px;border-top:1px solid #e2e8f0}.auth-switch p{color:#64748b;margin:0;font-size:14px}.auth-switch-button{background:none;border:none;color:#1486d1;cursor:pointer;font-weight:600;margin-left:4px;padding:4px 8px;text-decoration:none;transition:color .2s ease;font-size:14px;min-height:32px}.auth-switch-button:hover{color:#c03ed2;text-decoration:underline}.auth-footer{text-align:center;margin-top:20px;padding-bottom:20px}.auth-footer p{color:#64748b;font-size:12px;margin:0}@media (max-width: 1200px){.auth-main-container{width:80%}}@media (max-width: 968px){.auth-page{padding:10px 5px;align-items:flex-start;min-height:100vh;overflow-y:auto}.auth-main-container{width:95%;flex-direction:column;min-height:auto;max-height:none;margin:20px 0}.auth-brand-section{flex:none;padding:15px;min-height:auto}.auth-brand-description h2{font-size:20px}.auth-brand-description p{font-size:13px}.auth-form-section{flex:none;padding:15px;overflow-y:visible;max-height:none}.auth-card{padding:15px}}@media (max-width: 768px){.auth-page{padding:5px;min-height:100vh;overflow-y:auto}.auth-main-container{width:98%;margin:10px 0;border-radius:16px}.auth-brand-section{padding:15px 10px;order:2}.auth-form-section{padding:20px 15px;order:1}.auth-logo-image{width:80px}.auth-brand-name{font-size:24px}.auth-brand-description h2{font-size:18px}.auth-title{font-size:20px}.auth-form input{padding:14px 14px 14px 40px;font-size:16px}.auth-button{padding:16px 20px;font-size:16px;min-height:52px}.auth-decorative-cloud,.auth-shape{display:none}}@media (max-width: 480px){.auth-page{padding:5px 2px}.auth-main-container{width:100%;margin:5px 0;border-radius:12px}.auth-brand-name{font-size:20px}.auth-card{padding:10px}.auth-title{font-size:18px}.auth-form-group{margin-bottom:12px}.auth-button{padding:16px 18px;font-size:15px}.auth-form input{padding:12px 12px 12px 36px}.auth-input-icon{left:12px}}@media (max-height: 600px) and (orientation: landscape){.auth-page{align-items:flex-start;padding:10px 5px}.auth-main-container{margin:10px 0;max-height:none}.auth-brand-section{padding:10px}.auth-form-section{padding:15px}.auth-header{margin-bottom:15px}.auth-form-group{margin-bottom:12px}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}.auth-button:hover{transform:none}}.auth-button:focus-visible,.auth-link:focus-visible,.auth-switch-button:focus-visible{outline:3px solid #1486d1;outline-offset:2px}.auth-form input:focus-visible{outline:none}@supports (-webkit-touch-callout: none){.auth-form input{-webkit-appearance:none;border-radius:10px}.auth-button{-webkit-appearance:none}.auth-page{min-height:-webkit-fill-available}}@media screen and (-webkit-min-device-pixel-ratio: 0){.auth-form input{font-size:16px}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.auth-button{border-width:.5px}}@supports (padding: max(0px)){.auth-page{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right));padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(20px,env(safe-area-inset-bottom))}}.auth-verification-notice{background:#ebf8ff;border:1px solid #90cdf4;color:#2b6cb0;padding:12px 16px;border-radius:8px;margin-bottom:20px;display:flex;align-items:center;gap:8px;font-size:13px;line-height:1.4;animation:authSlideDown .3s ease-out}.auth-verification-notice i{color:#3182ce;font-size:14px;flex-shrink:0}.auth-success-message{background:#f0fff4;border:1px solid #9ae6b4;color:#276749;padding:16px;border-radius:12px;margin-bottom:20px;display:flex;align-items:flex-start;gap:12px;font-weight:500;line-height:1.5;animation:authSlideDown .3s ease-out}.auth-success-message i{color:#38a169;font-size:18px;margin-top:2px;flex-shrink:0}.auth-error-message-banner{background:#fff5f5;border:1px solid #feb2b2;border-radius:12px;padding:16px;margin-bottom:20px;display:flex;align-items:flex-start;gap:12px;animation:authSlideDown .3s ease-out}.auth-error-message-banner i{color:#e53e3e;font-size:18px;margin-top:2px;flex-shrink:0}.auth-error-content{flex:1}.auth-error-content strong{display:block;color:#c53030;font-weight:600;margin-bottom:4px}.auth-error-content p{color:#c53030;margin:0;line-height:1.4}@media (max-width: 768px){.auth-verification-notice{padding:10px 12px;font-size:12px;gap:6px}.auth-success-message,.auth-error-message-banner{padding:12px;gap:8px}.auth-success-message i,.auth-error-message-banner i{font-size:16px}}@media (max-width: 480px){.auth-verification-notice{padding:8px 10px;font-size:11px}.auth-verification-notice i{font-size:12px}}.account-details-container{max-width:1000px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top:4px solid #1486d1;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.alert{display:flex;align-items:flex-start;padding:16px 20px;border-radius:10px;margin-bottom:20px;font-size:14px;font-weight:500;animation:slideDown .3s ease-out;position:relative;box-shadow:0 2px 8px #0000001a}.alert i{margin-right:12px;font-size:16px;flex-shrink:0;margin-top:2px}.alert-content{flex:1}.alert-close{background:none;border:none;color:inherit;cursor:pointer;padding:4px;border-radius:4px;margin-left:12px;transition:all .2s ease;opacity:.7}.alert-close:hover{opacity:1;transform:scale(1.1)}.alert-success{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;color:#166534}.alert-success i{color:#10b981}.alert-error{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;color:#dc2626}.alert-error i{color:#ef4444}.alert-warning{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fed7aa;color:#92400e}.alert-warning i{color:#f59e0b}@keyframes slideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.account-section{background:#fff;border-radius:16px;padding:28px;margin-bottom:24px;box-shadow:0 4px 12px #0000000d;border:1px solid #f1f5f9;transition:all .3s ease}.account-section:hover{box-shadow:0 8px 24px #00000014}.section-title{display:flex;align-items:center;margin:0 0 24px;font-size:22px;font-weight:700;color:#1e293b}.section-title i{margin-right:12px;color:#1486d1;font-size:20px}.section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px}.section-actions{display:flex;align-items:center;gap:12px}.unsaved-indicator{display:flex;align-items:center;color:#f59e0b;font-size:12px;font-weight:600;background:linear-gradient(135deg,#fef3c7,#fed7aa);padding:6px 12px;border-radius:8px;border:1px solid #fbbf24;animation:pulse 2s infinite}.unsaved-indicator i{margin-right:6px;font-size:8px;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.profile-picture-section{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #cbd5e1}.profile-picture-card{display:flex;align-items:center;gap:28px}.current-avatar{flex-shrink:0}.avatar-image{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid white;box-shadow:0 8px 24px #00000026;transition:all .3s ease}.avatar-image:hover{transform:scale(1.05)}.avatar-placeholder{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#1486d1,#0ea5e9);display:flex;align-items:center;justify-content:center;border:4px solid white;box-shadow:0 8px 24px #00000026;transition:all .3s ease}.avatar-placeholder:hover{transform:scale(1.05)}.avatar-initials{color:#fff;font-size:36px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.2)}.avatar-actions h4{margin:0 0 8px;font-size:26px;color:#1e293b;font-weight:700}.avatar-description{color:#64748b;margin:0;font-size:14px;line-height:1.5}.action-button{padding:10px 18px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000001a}.action-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.action-button.primary{background:linear-gradient(135deg,#1486d1,#0ea5e9);color:#fff}.action-button.primary:hover:not(:disabled){background:linear-gradient(135deg,#0e6bad,#0284c7);transform:translateY(-2px);box-shadow:0 6px 20px #1486d14d}.action-button.secondary{background:#fff;color:#1486d1;border:2px solid #1486d1}.action-button.secondary:hover:not(:disabled){background:#1486d1;color:#fff;transform:translateY(-2px)}.action-button.danger{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff}.action-button.danger:hover:not(:disabled){background:linear-gradient(135deg,#b91c1c,#991b1b);transform:translateY(-2px);box-shadow:0 6px 20px #dc26264d}.edit-toggle-button{padding:10px 18px;border:2px solid #1486d1;border-radius:10px;background-color:#fff;color:#1486d1;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 2px 8px #1486d11a}.edit-toggle-button:hover:not(:disabled){background-color:#1486d1;color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #1486d14d}.edit-toggle-button.editing{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#dc2626;color:#dc2626}.edit-toggle-button.editing:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border-color:#dc2626}.personal-info-form{max-width:100%}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-bottom:24px}.form-group.full-width{grid-column:1 / -1}.form-group label{font-weight:600;color:#374151;margin-bottom:8px;font-size:14px;display:flex;align-items:center;gap:8px}.required{color:#dc2626;font-weight:700}.verified-badge{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:600;display:flex;align-items:center;gap:4px;border:1px solid #bbf7d0}.form-input{padding:14px 18px;border:2px solid #e5e7eb;border-radius:10px;font-size:15px;transition:all .3s ease;background-color:#fff;color:#1f2937;font-family:inherit}.form-input:focus{outline:none;border-color:#1486d1;background-color:#fafbfc;box-shadow:0 0 0 4px #1486d11a;transform:translateY(-1px)}.form-input.readonly{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-color:#e5e7eb;color:#6b7280;cursor:not-allowed}.form-input:disabled{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-color:#e5e7eb;color:#9ca3af;cursor:not-allowed}.form-input::placeholder{color:#9ca3af}textarea.form-input{resize:vertical;min-height:120px;font-family:inherit;line-height:1.6}.form-help{margin-top:6px;font-size:12px;color:#6b7280;line-height:1.4}.form-actions{display:flex;gap:16px;margin-top:32px;padding-top:24px;border-top:2px solid #f1f5f9}.save-button{padding:14px 28px;border:none;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px;min-width:160px;justify-content:center}.save-button.primary{background:linear-gradient(135deg,#1486d1,#0ea5e9);color:#fff;box-shadow:0 4px 16px #1486d14d}.save-button.primary:hover:not(:disabled){background:linear-gradient(135deg,#0e6bad,#0284c7);transform:translateY(-2px);box-shadow:0 8px 24px #1486d166}.save-button:disabled{background:linear-gradient(135deg,#e5e7eb,#d1d5db);color:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.cancel-button{padding:14px 28px;border:2px solid #e5e7eb;border-radius:12px;background-color:#fff;color:#6b7280;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px}.cancel-button:hover:not(:disabled){border-color:#dc2626;color:#dc2626;background:linear-gradient(135deg,#fef2f2,#fee2e2);transform:translateY(-2px)}.cancel-button:disabled{opacity:.5;cursor:not-allowed}.account-info-section{background:linear-gradient(135deg,#fafbfc,#f1f5f9);border:1px solid #e2e8f0}.account-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.info-item{padding:20px;background:#fff;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 2px 8px #0000000d;transition:all .3s ease}.info-item:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.info-item label{display:block;font-size:12px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.info-value{font-size:15px;color:#1f2937;font-weight:600;word-break:break-all;line-height:1.4}.verification-status{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600}.verification-status.verified{color:#166534}.verification-status.unverified{color:#dc2626}.danger-section{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca}.danger-section .section-title,.danger-section .section-title i{color:#dc2626}.danger-card{display:flex;justify-content:space-between;align-items:flex-start;gap:28px;padding:24px;background:#fff;border-radius:12px;border:1px solid #fecaca;box-shadow:0 4px 12px #dc26261a}.danger-content h4{margin:0 0 16px;color:#dc2626;font-size:20px;font-weight:700}.danger-content p{margin:0 0 16px;color:#7f1d1d;line-height:1.6}.deletion-consequences{margin:0;padding-left:20px;color:#7f1d1d}.deletion-consequences li{margin-bottom:8px;line-height:1.5}.delete-account-button{padding:14px 24px;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px;white-space:nowrap;box-shadow:0 4px 16px #dc26264d}.delete-account-button:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);transform:translateY(-2px);box-shadow:0 8px 24px #dc262666}.delete-account-button:active{transform:translateY(0)}.save-button .loading-spinner,.action-button .loading-spinner{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:0}@media (max-width: 1200px){.account-details-container{max-width:90%}}@media (max-width: 968px){.account-details-container{padding:16px}.account-section{padding:24px;margin-bottom:20px}.section-header{flex-direction:column;gap:16px;align-items:flex-start}.section-actions{align-self:stretch;justify-content:space-between}.edit-toggle-button{flex:1;justify-content:center}.profile-picture-card{flex-direction:column;text-align:center;gap:24px}.avatar-image,.avatar-placeholder{width:100px;height:100px}.avatar-initials{font-size:30px}.avatar-actions h4{font-size:22px}.form-row{grid-template-columns:1fr;gap:20px}.form-actions{flex-direction:column}.save-button,.cancel-button{width:100%;justify-content:center}.account-info-grid{grid-template-columns:1fr;gap:16px}.danger-card{flex-direction:column;gap:20px}.delete-account-button{width:100%;justify-content:center}}@media (max-width: 768px){.account-details-container{padding:12px}.account-section{padding:20px}.section-title{font-size:20px}.avatar-image,.avatar-placeholder{width:80px;height:80px}.avatar-initials{font-size:24px}.avatar-actions h4{font-size:20px}.form-input{padding:12px 16px;font-size:15px}.save-button,.cancel-button{padding:12px 20px;font-size:14px}.stats-grid{grid-template-columns:1fr}.stat-value{font-size:28px}}@media (max-width: 480px){.account-details-container{padding:8px}.account-section{padding:16px}.section-title{font-size:18px}.avatar-image,.avatar-placeholder{width:70px;height:70px}.avatar-initials{font-size:20px}.avatar-actions h4{font-size:18px}.form-input{padding:10px 14px;font-size:14px}.save-button,.cancel-button{padding:10px 16px;font-size:13px}.unsaved-indicator{font-size:11px;padding:4px 8px}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}.action-button:hover,.edit-toggle-button:hover,.save-button:hover,.cancel-button:hover{transform:none}}.action-button:focus-visible,.edit-toggle-button:focus-visible,.save-button:focus-visible,.cancel-button:focus-visible,.upload-button:focus-visible,.remove-button:focus-visible,.delete-account-button:focus-visible{outline:3px solid #1486d1;outline-offset:2px}.form-input:focus-visible{outline:none}@media print{.edit-toggle-button,.form-actions,.avatar-buttons,.danger-section,.action-button{display:none}.account-section{box-shadow:none;border:1px solid #ccc;break-inside:avoid}.alert{display:none}}.policy-page-container{max-width:800px;margin:0 auto}.policy-section{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d}.policy-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #f1f5f9}.policy-header i{font-size:24px;color:#1486d1;flex-shrink:0;margin-top:4px}.policy-header h3{margin:0 0 4px;font-size:20px;font-weight:700;color:#1e293b}.policy-header p{margin:0;color:#64748b;font-size:14px}.policy-content{font-size:14px;line-height:1.6;color:#374151}.policy-summary{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:8px;padding:20px;margin-bottom:24px}.policy-summary h4{margin:0 0 12px;font-size:16px;font-weight:600;color:#1486d1}.policy-summary p{margin:0;color:#0c4a6e;line-height:1.6}.policy-item{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #f1f5f9}.policy-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.policy-item h4{margin:0 0 12px;font-size:16px;font-weight:600;color:#1e293b;display:flex;align-items:center;gap:8px}.policy-item h4 i{color:#1486d1;font-size:16px}.policy-item p{margin:0 0 12px;line-height:1.6}.policy-item ul{margin:0 0 16px;padding-left:20px}.policy-item li{margin-bottom:8px;line-height:1.5}.contact-section{background:#f8fafc;border-radius:8px;padding:20px;margin-top:24px}.contact-section h4{margin:0 0 16px;font-size:16px;font-weight:600;color:#1e293b;display:flex;align-items:center;gap:8px}.contact-section h4 i{color:#1486d1}.contact-methods{display:flex;flex-direction:column;gap:8px}.contact-method{display:flex;align-items:center;gap:8px;color:#64748b;font-size:14px}.contact-method i{color:#1486d1;width:16px;text-align:center}.action-button{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;margin:8px 8px 8px 0}.action-button.primary:hover{background:#0e6bad;transform:translateY(-1px);box-shadow:0 4px 12px #1486d14d}.action-button.danger{background:#dc2626;color:#fff}.action-button.danger:hover{background:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.security-settings-container,.notification-settings-container,.billing-settings-container,.support-section-container{display:flex;flex-direction:column;gap:24px}.security-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:6px;font-size:14px;font-weight:500;color:#374151}.form-group input{padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:border-color .2s ease}.form-group input:focus{border-color:#1486d1;outline:none;box-shadow:0 0 0 3px #1486d11a}.security-feature{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.feature-status{display:flex;flex-direction:column;gap:8px}.status-indicator{display:flex;align-items:center;gap:8px;font-weight:500}.feature-status.disabled .status-indicator{color:#dc2626}.feature-status.enabled .status-indicator{color:#10b981}.feature-status p{margin:0;color:#64748b;font-size:14px}.sessions-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.session-item{padding:16px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc}.session-item.current{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:#bae6fd}.session-info{display:flex;justify-content:space-between;align-items:center}.session-device{display:flex;align-items:center;gap:12px}.session-device i{font-size:20px;color:#1486d1;width:24px;text-align:center}.session-device h4{margin:0 0 4px;font-size:14px;font-weight:600;color:#1e293b}.session-device p{margin:0 0 4px;font-size:13px;color:#64748b}.session-location{font-size:12px;color:#94a3b8}.session-time{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.session-time span{font-size:12px;color:#64748b}.revoke-session{background:none;border:1px solid #dc2626;color:#dc2626;padding:4px 8px;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s ease}.revoke-session:hover{background:#dc2626;color:#fff}.notification-options{display:flex;flex-direction:column;gap:16px}.notification-item{display:flex;justify-content:space-between;align-items:center;padding:16px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc}.notification-info h4{margin:0 0 4px;font-size:15px;font-weight:600;color:#1e293b}.notification-info p{margin:0;font-size:13px;color:#64748b;line-height:1.4}.toggle-switch{position:relative;display:inline-block;width:48px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;transition:.3s;border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 1px 3px #0000004d}input:checked+.slider{background-color:#1486d1}input:checked+.slider:before{transform:translate(24px)}.frequency-options{display:flex;flex-direction:column;gap:12px}.frequency-item{display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s ease}.frequency-item:hover{background:#f8fafc;border-color:#cbd5e1}.frequency-item input[type=radio]{margin-top:2px}.frequency-item label{cursor:pointer;flex:1}.frequency-item h4{margin:0 0 4px;font-size:15px;font-weight:600;color:#1e293b}.frequency-item p{margin:0;font-size:13px;color:#64748b}.current-plan{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding:20px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:12px}.plan-info h4{margin:0 0 8px;font-size:20px;font-weight:700;color:#1e293b}.plan-price{margin:0 0 8px;font-size:24px;font-weight:700;color:#1486d1}.plan-description{margin:0 0 16px;color:#64748b;line-height:1.5}.plan-features{display:flex;flex-wrap:wrap;gap:8px}.feature-badge{background:#fff;color:#10b981;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;border:1px solid #bbf7d0}.plan-actions{display:flex;flex-direction:column;gap:8px;flex-shrink:0}.payment-method{margin-bottom:20px}.card-info{display:flex;align-items:center;gap:16px;padding:16px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;margin-bottom:16px}.card-icon{font-size:32px;color:#1486d1;width:48px;text-align:center}.card-details{flex:1}.card-details h4{margin:0 0 4px;font-size:15px;font-weight:600;color:#1e293b}.card-details p{margin:0;font-size:13px;color:#64748b}.billing-history{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.invoice-item{display:flex;align-items:center;justify-content:space-between;padding:16px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc}.invoice-info h4{margin:0 0 4px;font-size:15px;font-weight:600;color:#1e293b}.invoice-info p{margin:0 0 4px;font-size:13px;color:#64748b}.invoice-date{font-size:12px;color:#94a3b8}.invoice-amount{font-size:16px;font-weight:600;color:#1e293b;margin:0 16px}.usage-stats{display:flex;flex-direction:column;gap:16px}.usage-item{padding:16px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc}.usage-info h4{margin:0 0 8px;font-size:15px;font-weight:600;color:#1e293b}.usage-bar{width:100%;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden;margin-bottom:8px}.usage-progress{height:100%;background:linear-gradient(90deg,#1486d1,#0ea5e9);border-radius:4px;transition:width .3s ease}.usage-info p{margin:0;font-size:13px;color:#64748b}.help-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.help-category{padding:20px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc}.help-category i{font-size:32px;color:#1486d1;margin-bottom:12px}.help-category h4{margin:0 0 8px;font-size:16px;font-weight:600;color:#1e293b}.help-category p{margin:0 0 12px;font-size:14px;color:#64748b}.help-category ul{margin:0;padding-left:16px;list-style:none}.help-category li{margin-bottom:8px}.help-category a{color:#1486d1;text-decoration:none;font-size:13px;transition:color .2s ease}.help-category a:hover{color:#0e6bad;text-decoration:underline}.resources-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.resource-card{display:flex;flex-direction:column;align-items:center;padding:20px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;text-decoration:none;color:inherit;transition:all .2s ease;text-align:center}.resource-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:#1486d1}.resource-card i{font-size:32px;color:#1486d1;margin-bottom:12px}.resource-card h4{margin:0 0 8px;font-size:15px;font-weight:600;color:#1e293b}.resource-card p{margin:0;font-size:13px;color:#64748b;line-height:1.4}.system-status{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.status-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc}.status-indicator{width:12px;height:12px;border-radius:50%;flex-shrink:0}.status-indicator.operational{background:#10b981;box-shadow:0 0 0 2px #10b98133}.status-indicator.degraded{background:#f59e0b;box-shadow:0 0 0 2px #f59e0b33}.status-indicator.outage{background:#dc2626;box-shadow:0 0 0 2px #dc262633}.status-info{flex:1;display:flex;justify-content:space-between;align-items:center}.status-info h4{margin:0;font-size:14px;font-weight:600;color:#1e293b}.status-info span{font-size:12px;color:#64748b}.status-link{display:inline-flex;align-items:center;gap:6px;color:#1486d1;text-decoration:none;font-size:14px;font-weight:500;transition:color .2s ease}.status-link:hover{color:#0e6bad}.status-link i{font-size:12px}@media (max-width: 768px){.policy-page-container{max-width:100%}.policy-section{padding:20px;margin-bottom:20px}.policy-header{flex-direction:column;gap:8px;align-items:flex-start}.policy-header i{font-size:20px;margin-top:0}.help-categories{grid-template-columns:1fr}.resources-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.current-plan{flex-direction:column;gap:16px}.plan-actions{width:100%}.card-info{flex-direction:column;text-align:center;gap:12px}.invoice-item{flex-direction:column;gap:12px;align-items:flex-start}.invoice-amount{margin:0;align-self:flex-end}.contact-option{flex-direction:column;text-align:center;gap:12px}.ticket-item{flex-direction:column;gap:12px;align-items:flex-start}.ticket-status{align-items:flex-start}.session-info{flex-direction:column;gap:12px;align-items:flex-start}.session-time{align-items:flex-start}.notification-item{flex-direction:column;gap:12px;align-items:flex-start}.security-feature{flex-direction:column;gap:16px;align-items:flex-start}}@media (max-width: 480px){.policy-section{padding:16px;margin-bottom:16px}.policy-header h3{font-size:18px}.policy-item h4{font-size:15px}.help-category{padding:16px}.help-category i{font-size:24px}.contact-option{padding:16px}.contact-icon{width:40px;height:40px}.contact-icon i{font-size:16px}.resource-card{padding:16px}.resource-card i{font-size:24px}.action-button{width:100%;justify-content:center}.plan-features{flex-direction:column;align-items:flex-start}.contact-methods{align-items:flex-start}}.action-button:focus-visible,.resource-card:focus-visible,.status-link:focus-visible,.help-category a:focus-visible{outline:2px solid #1486d1;outline-offset:2px}.toggle-switch:focus-within{outline:2px solid #1486d1;outline-offset:2px;border-radius:24px}.frequency-item:focus-within{outline:2px solid #1486d1;outline-offset:2px}.form-group input:focus-visible{outline:2px solid #1486d1;outline-offset:-1px}@media (prefers-reduced-motion: reduce){.action-button,.resource-card,.contact-option,.help-category,.slider,.slider:before,.usage-progress{transition:none;transform:none}.action-button:hover,.resource-card:hover,.contact-option:hover,.help-category:hover{transform:none}}@media print{.policy-section{box-shadow:none;border:1px solid #ccc;break-inside:avoid}.action-button,.policy-header i{display:none}}.settings-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease}.settings-modal-container{background:#fff;border-radius:16px;width:90%;max-width:1200px;height:90%;max-height:800px;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;animation:slideUp .3s ease}.settings-sidebar{width:300px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-right:1px solid #e2e8f0;display:flex;flex-direction:column;flex-shrink:0}.settings-sidebar-header{padding:24px;border-bottom:1px solid #e2e8f0}.settings-title{margin:0;fontSize:20px;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:8px}.settings-title i{color:#1486d1;font-size:18px}.settings-menu{flex:1;padding:24px 0;overflow-y:auto}.settings-menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 24px;background:none;border:none;cursor:pointer;font-size:14px;color:#64748b;transition:all .2s ease;text-align:left;border-right:3px solid transparent;font-weight:500}.settings-menu-item:hover{background:#f8fafccc;color:#374151}.settings-menu-item.active{background:#1486d11a;color:#1486d1;border-right-color:#1486d1}.settings-menu-item i{width:16px;text-align:center;font-size:14px}.settings-main-content{flex:1;display:flex;flex-direction:column;background:#fff}.settings-content-header{padding:24px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;background:#fff}.settings-page-title{margin:0;font-size:24px;font-weight:700;color:#1e293b}.settings-close-button{background:none;border:none;cursor:pointer;font-size:24px;color:#64748b;padding:8px;border-radius:8px;transition:all .2s ease}.settings-close-button:hover{background:#ef44441a;color:#dc2626}.settings-content-area{flex:1;padding:24px;overflow:auto;background:#fafbfc}.settings-mobile-tabs{display:none;background:#fff;border-bottom:1px solid #e2e8f0;padding:8px;gap:4px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;flex-shrink:0;width:100%;box-sizing:border-box;position:relative}.settings-mobile-tabs::-webkit-scrollbar{display:none}.mobile-tabs-container{display:flex;align-items:center;gap:8px;width:100%}.mobile-tabs-nav{display:flex;gap:4px;flex:1;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.mobile-tabs-nav::-webkit-scrollbar{display:none}.mobile-settings-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;background:none;border:none;cursor:pointer;transition:all .2s ease;min-height:60px;min-width:70px;border-radius:8px;color:#64748b;font-size:10px;font-weight:500;text-align:center;white-space:nowrap}.mobile-settings-tab:hover{background:#f8fafccc;color:#374151}.mobile-settings-tab.active{background:#1486d11a;color:#1486d1}.mobile-settings-tab i{font-size:14px;margin-bottom:2px}.mobile-settings-tab span{font-size:9px;line-height:1.1;word-break:break-word}.mobile-close-button{background:none;border:none;cursor:pointer;font-size:18px;color:#64748b;padding:8px;border-radius:8px;transition:all .2s ease;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mobile-close-button:hover{background:#ef44441a;color:#dc2626}@media (max-width: 1024px) and (min-width: 768px){.settings-modal-overlay{padding:20px}.settings-modal-container{width:95%;height:85%;max-height:700px;border-radius:12px}.settings-sidebar{width:260px}.settings-sidebar-header{padding:20px}.settings-title{font-size:18px}.settings-menu{padding:20px 0}.settings-menu-item{padding:10px 20px;font-size:13px;min-height:44px}.settings-content-header{padding:20px}.settings-page-title{font-size:22px}.settings-content-area{padding:20px}}@media (max-width: 767px){.settings-modal-overlay{padding:20px 16px 16px;align-items:flex-start}.settings-modal-container{width:100%;height:auto;max-height:calc(100vh - 40px);max-width:none;border-radius:12px;flex-direction:column;display:flex}.settings-mobile-tabs{display:flex;flex-shrink:0;order:1}.settings-sidebar{display:none}.settings-main-content{width:100%;flex:1;display:flex;flex-direction:column;min-height:0;order:2}.settings-content-header{padding:16px;flex-shrink:0;display:none}.settings-page-title{font-size:18px;text-align:center;padding-right:40px}.settings-close-button{display:none}.settings-content-area{flex:1;padding:16px;overflow-y:auto;-webkit-overflow-scrolling:touch;min-height:0}.settings-content-area>*{margin-bottom:16px}.settings-content-area>*:last-child{margin-bottom:0}}@media (max-width: 480px){.settings-modal-overlay{padding:16px 12px 12px}.settings-modal-container{max-height:calc(100vh - 32px);border-radius:10px}.settings-mobile-tabs{padding:6px;gap:2px}.mobile-tabs-container{gap:6px}.mobile-tabs-nav{gap:2px}.mobile-settings-tab{min-width:60px;padding:6px 2px;min-height:50px}.mobile-settings-tab i{font-size:12px}.mobile-settings-tab span{font-size:8px}.mobile-close-button{font-size:16px;padding:6px;min-width:40px;min-height:40px}.settings-content-area{padding:12px}}@media (max-width: 767px) and (orientation: landscape){.settings-modal-overlay{padding:12px 8px 8px}.settings-modal-container{max-height:calc(100vh - 24px)}.settings-mobile-tabs{padding:4px}.mobile-settings-tab{min-height:45px;padding:4px 2px}.settings-content-header{padding:10px 16px}.settings-content-area{padding:12px 16px}}@media (max-width: 767px){.settings-content-area .form-group,.settings-content-area .setting-item,.settings-content-area .section{margin-bottom:16px}.settings-content-area input,.settings-content-area select,.settings-content-area textarea{font-size:16px;padding:12px;width:100%;box-sizing:border-box}.settings-content-area button{min-height:44px;font-size:14px;padding:12px 16px}.settings-content-area table{font-size:12px;display:block;overflow-x:auto;white-space:nowrap}.settings-content-area .card,.settings-content-area .section,.settings-content-area .panel{padding:16px;border-radius:8px}}@media (max-width: 767px){.mobile-settings-tab,.settings-close-button{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.mobile-settings-tab:focus,.settings-close-button:focus{outline:2px solid #1486d1;outline-offset:2px}.mobile-settings-tab.active{background:#1486d126}}@media (max-width: 767px){.settings-content-area,.settings-mobile-tabs{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){.mobile-settings-tab,.settings-close-button{transition:none}}.mobile-settings-tab{transition:all .15s ease}}@media (max-width: 767px){.settings-modal-overlay{box-sizing:border-box}.settings-modal-container{min-height:300px;box-sizing:border-box}@media (max-height: 500px){.settings-modal-overlay{padding:10px 8px 8px}.settings-modal-container{max-height:calc(100vh - 20px)}.mobile-settings-tab{min-height:40px;padding:4px 2px}.mobile-settings-tab span{font-size:8px}}}@media (min-width: 768px){.settings-mobile-tabs{display:none}}@media (max-width: 767px){.settings-sidebar{display:none}.settings-mobile-tabs{display:flex}}@media (max-width: 767px){.settings-content-area{word-wrap:break-word;overflow-wrap:break-word}.desktop-only{display:none!important}.mobile-only{display:block!important}.mobile-spacing-sm{margin:8px 0}.mobile-spacing-md{margin:12px 0}.mobile-spacing-lg{margin:16px 0}}.delete-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:2000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .3s ease}.delete-modal-container{background:#fff;border-radius:20px;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #ef444440;animation:modalSlideIn .4s cubic-bezier(.34,1.56,.64,1)}.delete-modal-header{padding:32px 32px 24px;text-align:center;border-bottom:1px solid #fecaca;position:relative}.delete-modal-icon{width:64px;height:64px;margin:0 auto 16px;background:linear-gradient(135deg,#fef2f2,#fee2e2);border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #fecaca}.delete-modal-icon i{font-size:28px;color:#dc2626}.delete-modal-title{margin:0;font-size:28px;font-weight:700;color:#1e293b}.delete-modal-close{position:absolute;top:24px;right:24px;background:none;border:none;cursor:pointer;font-size:20px;color:#64748b;padding:8px;border-radius:8px;transition:all .2s ease}.delete-modal-close:hover{background:#ef44441a;color:#dc2626}.delete-progress-indicator{display:flex;align-items:center;justify-content:center;padding:24px 32px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.progress-step{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative}.progress-circle{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;transition:all .3s ease;background:#e2e8f0;color:#64748b}.progress-step.active .progress-circle{background:#dc2626;color:#fff;transform:scale(1.1);box-shadow:0 0 0 4px #dc262633}.progress-step.completed .progress-circle{background:#10b981;color:#fff}.progress-step span{font-size:12px;font-weight:500;color:#64748b;text-align:center}.progress-step.active span{color:#dc2626;font-weight:600}.progress-step.completed span{color:#10b981;font-weight:600}.progress-line{width:60px;height:2px;background:#e2e8f0;margin:0 16px}.delete-modal-content{padding:32px}.delete-step-content{animation:stepFadeIn .3s ease}.delete-warning-box{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;border-radius:12px;padding:24px;margin-bottom:24px}.delete-warning-box h3{margin:0 0 16px;font-size:18px;font-weight:600;color:#dc2626}.delete-warning-box p{margin:0 0 12px;color:#7f1d1d;font-weight:500}.delete-warning-box ul{margin:0;padding-left:20px;color:#7f1d1d}.delete-warning-box li{margin-bottom:8px}.user-info-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;margin-bottom:24px;display:flex;align-items:center;gap:16px}.user-avatar{width:60px;height:60px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1486d1,#c03ed2);flex-shrink:0}.user-avatar img{width:100%;height:100%;object-fit:cover}.avatar-initials{color:#fff;font-size:20px;font-weight:600}.user-details h4{margin:0 0 4px;font-size:18px;font-weight:600;color:#1e293b}.user-details p{margin:0 0 8px;color:#64748b}.member-since{font-size:12px;color:#94a3b8;font-style:italic}.alternative-options h4{margin:0 0 16px;font-size:16px;font-weight:600;color:#1e293b}.alternative-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.alternative-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;text-align:center;transition:all .2s ease}.alternative-card:hover{border-color:#1486d1;box-shadow:0 4px 12px #1486d126;transform:translateY(-2px)}.alternative-card i{font-size:32px;color:#1486d1;margin-bottom:12px}.alternative-card h5{margin:0 0 8px;font-size:16px;font-weight:600;color:#1e293b}.alternative-card p{margin:0;font-size:14px;color:#64748b;line-height:1.5}.feedback-section h3{margin:0 0 12px;font-size:20px;font-weight:600;color:#1e293b}.feedback-section>p{margin:0 0 24px;color:#64748b;line-height:1.6}.reason-selection h4{margin:0 0 16px;font-size:16px;font-weight:600;color:#1e293b}.reason-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:24px}.reason-option{display:flex;align-items:center;gap:8px;padding:12px 16px;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s ease}.reason-option:hover{border-color:#cbd5e1;background:#f8fafc}.reason-option input[type=radio]{margin:0}.reason-option input[type=radio]:checked+span{color:#1486d1;font-weight:500}.reason-option:has(input:checked){border-color:#1486d1;background:#1486d10d}.feedback-textarea{margin-bottom:24px}.feedback-textarea label{display:block;margin-bottom:8px;font-weight:500;color:#374151}.feedback-textarea textarea{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;transition:border-color .2s ease}.feedback-textarea textarea:focus{border-color:#1486d1;outline:none;box-shadow:0 0 0 3px #1486d11a}.data-export-offer{margin-bottom:24px}.export-card{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:12px;padding:20px;display:flex;align-items:flex-start;gap:16px}.export-card i{font-size:32px;color:#1486d1;flex-shrink:0;margin-top:4px}.export-card h4{margin:0 0 8px;font-size:16px;font-weight:600;color:#1e293b}.export-card p{margin:0 0 12px;color:#64748b;line-height:1.5}.export-button{background:#1486d1;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.export-button:hover{background:#0e6bad;transform:translateY(-1px)}.final-confirmation h3{margin:0 0 12px;font-size:20px;font-weight:600;color:#1e293b}.final-warning{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;border-radius:12px;padding:20px;margin-bottom:24px;text-align:center}.final-warning p{margin:0;color:#7f1d1d;font-weight:500}.confirmation-input-section{margin-bottom:24px}.confirmation-input-section label{display:block;margin-bottom:12px;font-weight:500;color:#374151}.confirmation-input{width:95%;padding:12px 16px;border:2px solid #d1d5db;border-radius:8px;font-size:16px;font-weight:500;transition:all .2s ease}.confirmation-input:focus{border-color:#dc2626;outline:none;box-shadow:0 0 0 3px #dc26261a}.confirmation-input.valid{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.validation-error{margin-top:8px;padding:8px 12px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:14px;display:flex;align-items:center;gap:8px}.delete-modal-footer{padding:20px 32px;border-top:1px solid #e2e8f0;background:#fafbfc;display:flex;justify-content:space-between;align-items:center;gap:12px}.delete-cancel-button,.delete-continue-button,.delete-back-button,.delete-final-button{padding:12px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;border:none;min-height:44px;min-width:120px;justify-content:center}.delete-cancel-button{background:#fff;color:#64748b;border:2px solid #e2e8f0}.delete-cancel-button:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;color:#475569;transform:translateY(-1px)}.delete-continue-button{background:linear-gradient(135deg,#1486d1,#0ea5e9);color:#fff;box-shadow:0 2px 8px #1486d133}.delete-continue-button:hover:not(:disabled){background:linear-gradient(135deg,#0e6bad,#0284c7);transform:translateY(-1px);box-shadow:0 4px 16px #1486d14d}.delete-continue-button:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.delete-back-button{background:#fff;color:#64748b;border:2px solid #e2e8f0}.delete-back-button:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;color:#475569;transform:translateY(-1px)}.delete-final-button{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;box-shadow:0 2px 8px #dc262633}.delete-final-button:hover:not(:disabled){background:linear-gradient(135deg,#b91c1c,#991b1b);transform:translateY(-1px);box-shadow:0 4px 16px #dc26264d}.delete-final-button:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none;opacity:.6}.validation-success{margin-top:8px;padding:8px 12px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;color:#166534;fontSize:14px;display:flex;align-items:center;gap:8px}@media (max-width: 768px){.delete-modal-footer{flex-direction:column;gap:8px;padding:16px 20px}.delete-cancel-button,.delete-continue-button,.delete-back-button,.delete-final-button{width:100%;min-width:auto}}@media (max-width: 480px){.delete-modal-footer{padding:12px 16px}.delete-cancel-button,.delete-continue-button,.delete-back-button,.delete-final-button{padding:10px 16px;font-size:13px}}.release-history-container{max-width:900px;margin:0 auto}.release-history-header{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:12px;padding:24px;margin-bottom:32px;display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.release-overview h2{margin:0 0 12px;font-size:24px;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:12px}.release-overview h2 i{color:#1486d1;font-size:20px}.release-overview p{margin:0;color:#64748b;line-height:1.6;max-width:500px}.release-stats{display:flex;gap:24px;flex-shrink:0}.stat-item{text-align:center;min-width:80px}.stat-number{font-size:28px;font-weight:700;color:#1486d1;margin-bottom:4px}.stat-label{font-size:12px;color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.release-filters{background:#fff;border-radius:12px;padding:20px;margin-bottom:24px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d}.release-filters h3{margin:0 0 16px;font-size:16px;font-weight:600;color:#1e293b}.filter-buttons{display:flex;gap:8px;flex-wrap:wrap}.filter-button{display:flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#64748b;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500}.filter-button:hover{border-color:#1486d1;color:#1486d1}.filter-button.active{background:#1486d1;border-color:#1486d1;color:#fff}.type-indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0}.releases-timeline{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d}.releases-timeline h3{margin:0 0 24px;font-size:18px;font-weight:600;color:#1e293b}.release-item{display:flex;gap:20px;position:relative}.release-marker{display:flex;flex-direction:column;align-items:center;flex-shrink:0;position:relative}.marker-dot{width:12px;height:12px;border-radius:50%;border:3px solid white;box-shadow:0 0 0 2px #e2e8f0;z-index:1}.marker-line{width:2px;height:100%;background:#e2e8f0;margin-top:4px;flex:1;min-height:40px}.release-content{flex:1;margin-bottom:24px}.release-header{cursor:pointer;padding:16px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;transition:all .2s ease}.release-header:hover{border-color:#cbd5e1;background:#f1f5f9}.release-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.release-version{display:flex;align-items:center;gap:12px}.release-version h4{margin:0;font-size:18px;font-weight:600;color:#1e293b}.status-badge{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.upcoming{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;animation:pulse 2s infinite}.status-badge.latest{background:#dcfce7;color:#166534}.status-badge.current{background:#dbeafe;color:#1e40af}.status-badge.archived{background:#f1f5f9;color:#64748b}.release-type{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#fff}.release-date{display:flex;align-items:center;gap:6px;color:#64748b;font-size:14px}.release-date i{font-size:12px}.release-summary{display:flex;justify-content:space-between;align-items:center}.summary-counts{display:flex;gap:16px;flex-wrap:wrap}.count-item{display:flex;align-items:center;gap:6px;font-size:13px;color:#64748b;font-weight:500}.count-item i{font-size:12px}.count-item.breaking{color:#dc2626}.expand-icon{color:#94a3b8;transition:transform .2s ease}.release-details{margin-top:16px;padding:20px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;animation:slideDown .3s ease}.detail-section{margin-bottom:20px}.detail-section:last-child{margin-bottom:0}.detail-section h5{margin:0 0 12px;font-size:14px;font-weight:600;color:#1e293b;display:flex;align-items:center;gap:8px}.detail-section h5 i{font-size:12px;color:#1486d1}.detail-section.breaking-changes h5 i{color:#dc2626}.detail-section ul{margin:0;padding-left:20px;list-style:none}.detail-section li{margin-bottom:8px;position:relative;padding-left:16px;color:#374151;line-height:1.5}.detail-section li:before{content:"•";position:absolute;left:0;color:#1486d1;font-weight:700}.breaking-changes li:before{color:#dc2626;content:"⚠"}.release-actions{display:flex;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid #f1f5f9}.upcoming-releases{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d}.upcoming-releases h3{margin:0 0 20px;font-size:18px;font-weight:600;color:#1e293b;display:flex;align-items:center;gap:8px}.upcoming-releases h3 i{color:#1486d1}.upcoming-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.upcoming-item{padding:20px;border:1px solid #e2e8f0;border-radius:8px;background:linear-gradient(135deg,#fefce8,#fef3c7)}.upcoming-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.upcoming-header h4{margin:0;font-size:16px;font-weight:600;color:#1e293b}.upcoming-date{background:#f59e0b;color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.upcoming-features h5{margin:0 0 12px;font-size:14px;font-weight:600;color:#92400e}.upcoming-features ul{margin:0;padding-left:20px;list-style:none}.upcoming-features li{margin-bottom:6px;position:relative;padding-left:16px;color:#78350f;font-size:13px}.upcoming-features li:before{content:"→";position:absolute;left:0;color:#f59e0b;font-weight:700}.feature-spotlight{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d}.feature-spotlight h3{margin:0 0 20px;font-size:18px;font-weight:600;color:#1e293b;display:flex;align-items:center;gap:8px}.feature-spotlight h3 i{color:#f59e0b}.spotlight-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.spotlight-item{padding:20px;border:1px solid #e2e8f0;border-radius:8px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);text-align:center;transition:all .2s ease}.spotlight-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:#1486d1}.spotlight-icon{width:60px;height:60px;margin:0 auto 16px;background:linear-gradient(135deg,#1486d1,#0ea5e9);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px}.spotlight-item h4{margin:0 0 12px;font-size:16px;font-weight:600;color:#1e293b}.spotlight-item p{margin:0;color:#64748b;line-height:1.5;font-size:14px}.release-subscription{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:12px;padding:24px;border:1px solid #e2e8f0}.subscription-content{display:flex;justify-content:space-between;align-items:center;gap:24px}.subscription-info h3{margin:0 0 8px;font-size:18px;font-weight:600;color:#1e293b;display:flex;align-items:center;gap:8px}.subscription-info h3 i{color:#1486d1}.subscription-info p{margin:0;color:#64748b;line-height:1.5}.subscription-actions{display:flex;gap:12px;flex-shrink:0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@media (max-width: 768px){.release-history-header{flex-direction:column;gap:16px}.release-stats{width:100%;justify-content:space-around}.filter-buttons{gap:6px}.filter-button{padding:6px 12px;font-size:13px}.release-item{gap:12px}.release-info{flex-direction:column;align-items:flex-start;gap:8px}.release-version{flex-wrap:wrap;gap:8px}.summary-counts{gap:12px}.upcoming-grid,.spotlight-grid{grid-template-columns:1fr}.subscription-content{flex-direction:column;gap:16px;text-align:center}.subscription-actions{flex-direction:column;width:100%}.action-button{justify-content:center}}@media (max-width: 480px){.release-history-container{padding:0 12px}.release-history-header{padding:20px}.release-overview h2{font-size:20px}.stat-number{font-size:24px}.releases-timeline{padding:20px}.release-header{padding:12px}.release-version h4{font-size:16px}.release-details{padding:16px}.release-actions{flex-direction:column}.spotlight-grid{grid-template-columns:1fr;gap:16px}.spotlight-icon{width:50px;height:50px;font-size:20px}}@media print{.release-history-container{max-width:none}.release-history-header{background:#fff!important;border:1px solid #000!important;color:#000!important}.filter-buttons,.subscription-actions{display:none}.release-header,.spotlight-item{background:#fff!important;border:1px solid #000!important}}.mapping-container{max-width:1000px;margin:0 auto;padding:20px}.mapping-header{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:12px;padding:32px;margin-bottom:24px}.mapping-overview h2{margin:0 0 16px;font-size:28px;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:12px}.mapping-overview h2 i{color:#1486d1;font-size:24px}.mapping-overview p{margin:0;color:#64748b;line-height:1.6;font-size:16px}.mapping-stats-section{margin-bottom:24px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.stat-card{background:#fff;padding:24px;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 2px 4px #0000000d;display:flex;align-items:center;gap:16px;transition:all .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-icon{width:48px;height:48px;background:linear-gradient(135deg,#1486d1,#0ea5e9);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon i{color:#fff;font-size:20px}.stat-content{flex:1}.stat-number{font-size:24px;font-weight:700;color:#1486d1;margin-bottom:4px;line-height:1}.stat-label{font-size:14px;color:#64748b;font-weight:500}.provider-overview{background:#fff;border-radius:12px;padding:32px;margin-bottom:24px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d}.provider-overview h3{margin:0 0 24px;font-size:20px;font-weight:600;color:#1e293b;display:flex;align-items:center;gap:10px}.provider-overview h3 i{color:#1486d1;font-size:18px}.provider-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.provider-card{display:flex;align-items:center;gap:20px;padding:24px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc;transition:all .2s ease}.provider-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:#cbd5e1}.provider-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:12px;border:1px solid #e2e8f0;flex-shrink:0}.provider-icon i{font-size:28px}.provider-info h4{margin:0 0 8px;font-size:18px;font-weight:600;color:#1e293b}.provider-stats{display:flex;flex-direction:column;gap:4px}.service-count{font-size:14px;color:#64748b;font-weight:500}.support-status{background:#dcfce7;color:#166534;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;width:fit-content}.mapping-filters{background:#fff;border-radius:12px;padding:32px;margin-bottom:24px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d}.filter-section{margin-bottom:28px}.filter-section:last-child{margin-bottom:0}.filter-section h4{margin:0 0 16px;font-size:16px;font-weight:600;color:#1e293b}.provider-filters{display:flex;gap:12px;flex-wrap:wrap}.provider-filter{display:flex;align-items:center;gap:10px;padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;background:#fff;color:#64748b;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500}.provider-filter:hover{border-color:#1486d1;color:#1486d1;transform:translateY(-1px)}.provider-filter.active{background:#1486d1;border-color:#1486d1;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #1486d14d}.provider-filter i{font-size:16px}.search-section h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#1e293b}.search-input-wrapper{position:relative;max-width:400px}.search-input-wrapper i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:14px}.search-input{width:100%;padding:10px 12px 10px 36px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s ease;box-sizing:border-box}.search-input:focus{border-color:#1486d1;outline:none;box-shadow:0 0 0 3px #1486d11a}.clear-search{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px;border-radius:4px;transition:color .2s ease}.clear-search:hover{color:#64748b}.services-section{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d}.services-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.services-header h3{margin:0;font-size:18px;font-weight:600;color:#1e293b}.services-actions{display:flex;gap:12px}.action-button{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.action-button.small{padding:6px 12px;font-size:12px}.action-button.primary{background:#1486d1;color:#fff}.action-button.primary:hover{background:#0e6bad;transform:translateY(-1px)}.action-button.secondary{background:#fff;color:#1486d1;border:1px solid #1486d1}.action-button.secondary:hover{background:#1486d1;color:#fff;transform:translateY(-1px)}.no-results{text-align:center;padding:40px 20px;color:#64748b}.no-results i{font-size:48px;color:#cbd5e1;margin-bottom:16px}.no-results h4{margin:0 0 8px;font-size:18px;color:#374151}.no-results p{margin:0;font-size:14px}.services-table{background:#fff;border-radius:8px;border:1px solid #e2e8f0;overflow:hidden}.services-table-header{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:1px;background:#e2e8f0}.service-id-column{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);padding:16px;font-weight:600;color:#1e293b;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center;font-size:16px}.provider-column{background:#f8fafc;padding:16px;font-weight:600;color:#1e293b;border-bottom:1px solid #e2e8f0;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:14px;text-align:center}.provider-column i{font-size:20px}.provider-column span{font-size:12px;font-weight:500}.services-table-body{display:flex;flex-direction:column}.service-table-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:1px;background:#e2e8f0;transition:all .2s ease}.service-table-row:hover{background:#cbd5e1}.service-table-row:hover .service-id-cell,.service-table-row:hover .provider-cell{background:#f1f5f9}.service-id-cell{background:#fff;padding:16px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #f1f5f9}.service-id-cell h4{margin:0;font-size:14px;font-weight:600;color:#1e293b;text-align:center}.provider-cell{background:#fff;padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border-bottom:1px solid #f1f5f9;min-height:80px}.service-name-list{display:flex;flex-direction:column;gap:4px;width:100%;align-items:center}.service-name-item,.service-name-single{font-size:12px;font-weight:500;color:#1e293b;background:#f1f5f9;padding:4px 8px;border-radius:4px;text-align:center;width:100%;max-width:200px;word-wrap:break-word;box-sizing:border-box}.service-name-empty{font-size:12px;color:#94a3b8;font-style:italic;text-align:center}.request-section{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:12px;padding:24px;border:1px solid #e2e8f0}.request-content{display:flex;justify-content:space-between;align-items:center;gap:24px}.request-info h3{margin:0 0 8px;font-size:18px;font-weight:600;color:#1e293b;display:flex;align-items:center;gap:8px}.request-info h3 i{color:#1486d1}.request-info p{margin:0;color:#64748b;line-height:1.5}.request-actions{display:flex;gap:12px;flex-shrink:0}@media (max-width: 768px){.mapping-container{padding:16px}.mapping-header{padding:24px}.mapping-overview h2{font-size:24px;flex-direction:column;gap:8px;text-align:center}.stats-grid,.provider-grid{grid-template-columns:1fr}.provider-card{flex-direction:column;text-align:center;gap:16px}.provider-filters{gap:8px}.provider-filter{padding:8px 12px;font-size:12px}.services-header{flex-direction:column;gap:16px;align-items:flex-start}.services-actions{width:100%;justify-content:flex-start}.services-table-header{display:none}.services-table-body{display:block}.service-table-row{display:block;margin-bottom:16px;border-radius:8px;overflow:hidden;background:#fff;border:1px solid #e2e8f0}.service-table-row:hover{background:#fff}.service-id-cell{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);padding:16px;text-align:center;border-bottom:1px solid #e2e8f0}.service-id-cell h4{font-size:16px}.provider-cell{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #f1f5f9;min-height:auto}.provider-cell:last-child{border-bottom:none}.provider-cell:before{content:attr(data-provider);font-weight:600;color:#64748b;font-size:12px;min-width:60px;flex-shrink:0}.service-name-item,.service-name-single{font-size:11px;padding:3px 6px;max-width:none;flex:1}.service-name-list{align-items:flex-end;gap:2px;flex:1}.service-name-empty{flex:1;text-align:right}.request-content{flex-direction:column;gap:16px;text-align:center}.request-actions{flex-direction:column;width:100%}.search-input-wrapper{max-width:100%}}@media (max-width: 480px){.mapping-container{padding:12px}.mapping-header{padding:20px}.mapping-overview h2{font-size:20px}.stat-card{padding:16px}.stat-number{font-size:20px}.provider-overview,.mapping-filters,.services-section,.request-section{padding:20px}.provider-card{padding:16px}.provider-icon{width:40px;height:40px}.provider-icon i{font-size:20px}.service-id-cell h4{font-size:14px}.provider-cell{padding:10px 12px}.action-button{width:100%;justify-content:center}}.provider-filter:focus-visible,.search-input:focus-visible,.action-button:focus-visible,.clear-search:focus-visible{outline:2px solid #1486d1;outline-offset:2px}@media print{.mapping-filters,.services-actions,.request-actions{display:none}.mapping-header,.provider-overview,.services-section{box-shadow:none;border:1px solid #ccc;break-inside:avoid}.services-table{break-inside:avoid}}.knowledge-center-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease}.knowledge-center-container{background:#fff;border-radius:16px;width:90%;max-width:1300px;height:90%;max-height:800px;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;animation:slideUp .3s ease}.knowledge-center-sidebar{width:300px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-right:1px solid #e2e8f0;display:flex;flex-direction:column;flex-shrink:0}.knowledge-center-sidebar-header{padding:24px;border-bottom:1px solid #e2e8f0}.knowledge-center-title{margin:0;font-size:20px;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:8px}.knowledge-center-title i{color:#1486d1;font-size:18px}.knowledge-center-menu{flex:1;padding:24px 0;overflow-y:auto}.knowledge-center-menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 24px;background:none;border:none;cursor:pointer;font-size:14px;color:#64748b;transition:all .2s ease;text-align:left;border-right:3px solid transparent;font-weight:500}.knowledge-center-menu-item:hover{background:#f8fafccc;color:#374151}.knowledge-center-menu-item.active{background:#1486d11a;color:#1486d1;border-right-color:#1486d1}.knowledge-center-menu-item i{width:16px;text-align:center;font-size:14px}.knowledge-center-main-content{flex:1;display:flex;flex-direction:column;background:#fff}.knowledge-center-content-header{padding:24px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;background:#fff}.knowledge-center-page-title{margin:0;font-size:24px;font-weight:700;color:#1e293b}.knowledge-center-close-button{background:none;border:none;cursor:pointer;font-size:24px;color:#64748b;padding:8px;border-radius:8px;transition:all .2s ease}.knowledge-center-close-button:hover{background:#ef44441a;color:#dc2626}.knowledge-center-content-area{flex:1;padding:24px;overflow:auto;background:#fafbfc}.knowledge-section{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d}.knowledge-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #f1f5f9}.knowledge-header i{font-size:24px;color:#1486d1;flex-shrink:0;margin-top:4px}.knowledge-header h3{margin:0 0 4px;font-size:20px;font-weight:700;color:#1e293b}.knowledge-header p{margin:0;color:#64748b;font-size:14px}.knowledge-content{font-size:14px;line-height:1.6;color:#374151}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.knowledge-center-mobile-tabs{position:absolute;top:0;left:0;right:0;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;z-index:10;box-shadow:0 2px 4px #0000000d}.mobile-tab-button{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;background:none;border:none;cursor:pointer;transition:all .2s ease;min-height:60px;border-bottom:3px solid transparent;color:#64748b;font-size:12px;font-weight:500}.mobile-tab-button:hover{background:#f8fafccc;color:#374151}.mobile-tab-button.active{background:#1486d10d;color:#1486d1;border-bottom-color:#1486d1}.mobile-tab-button i{font-size:16px;margin-bottom:2px}.mobile-tab-button span{font-size:11px;text-align:center;line-height:1.2}.knowledge-center-sidebar.mobile-hidden{display:none}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@media (max-width: 1024px) and (min-width: 768px){.knowledge-center-container{width:95%;height:95%;border-radius:12px}.knowledge-center-sidebar{width:260px}.knowledge-center-sidebar-header{padding:20px}.knowledge-center-title{font-size:18px}.knowledge-center-menu{padding:20px 0}.knowledge-center-menu-item{padding:10px 20px;font-size:13px;min-height:44px}.knowledge-center-content-header{padding:20px}.knowledge-center-page-title{font-size:22px}.knowledge-center-content-area{padding:20px}.knowledge-section{padding:20px;margin-bottom:20px}.knowledge-header h3{font-size:18px}.knowledge-header{gap:12px}.knowledge-content{font-size:13px}}@media (max-width: 767px){.knowledge-center-overlay{padding:0;-webkit-backdrop-filter:none;backdrop-filter:none}.knowledge-center-container{width:100%;height:100%;max-width:none;max-height:none;border-radius:0;position:relative}.knowledge-center-mobile-tabs{display:flex}.knowledge-center-main-content{width:100%;margin-left:0;padding-top:60px}.knowledge-center-content-header{padding:16px;position:relative}.knowledge-center-page-title{font-size:18px;text-align:center}.knowledge-center-close-button{position:absolute;top:50%;right:16px;transform:translateY(-50%);font-size:20px;padding:6px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.knowledge-center-content-area{padding:16px}.knowledge-section{padding:16px;margin-bottom:16px;border-radius:8px}.knowledge-header{gap:12px;margin-bottom:16px;padding-bottom:12px;flex-direction:row;align-items:flex-start}.knowledge-header i{font-size:20px;margin-top:2px}.knowledge-header h3{font-size:16px;margin-bottom:4px}.knowledge-header p{font-size:13px}.knowledge-content{font-size:13px;line-height:1.5}body.knowledge-sidebar-open{overflow:hidden}}@media (max-width: 480px){.knowledge-center-sidebar{width:260px}.knowledge-center-content-header{padding:12px 50px}.knowledge-center-page-title{font-size:16px}.knowledge-center-close-button{right:12px;font-size:18px;padding:4px;min-width:40px;min-height:40px}.knowledge-center-content-area{padding:12px}.knowledge-section{padding:12px;margin-bottom:12px}.knowledge-header{margin-bottom:12px;padding-bottom:8px}.knowledge-header h3{font-size:15px}.knowledge-header p,.knowledge-content{font-size:12px}.knowledge-center-mobile-toggle{top:12px;left:12px;padding:6px;font-size:16px;min-width:40px;min-height:40px}}@media (max-width: 767px) and (orientation: landscape){.knowledge-center-container{height:100vh}.knowledge-center-content-header{padding:12px 50px}.knowledge-center-content-area{padding:12px}.knowledge-section{padding:12px;margin-bottom:12px}}@media (max-width: 767px){.knowledge-center-menu-item{min-height:48px;padding:12px 16px}.knowledge-center-close-button,.knowledge-center-mobile-toggle,.knowledge-center-sidebar-close{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.knowledge-center-menu-item:focus,.knowledge-center-close-button:focus,.knowledge-center-mobile-toggle:focus,.knowledge-center-sidebar-close:focus{outline:2px solid #1486d1;outline-offset:2px}}@media (max-width: 767px){.knowledge-center-sidebar{will-change:transform}.knowledge-center-content-area,.knowledge-center-menu{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}input,select,textarea{font-size:16px}}@media (max-width: 767px){.knowledge-content{word-wrap:break-word;overflow-wrap:break-word}.knowledge-content ul,.knowledge-content ol{padding-left:20px}.knowledge-content table{font-size:11px;display:block;overflow-x:auto;white-space:nowrap}.knowledge-content pre,.knowledge-content code{font-size:11px;overflow-x:auto}}.standalone-user-profile{position:fixed;top:0;right:0;width:10%;height:55px;z-index:12;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.standalone-profile-dropdown{display:flex;align-items:center;height:55px;gap:8px;background:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff;padding:8px 12px;cursor:pointer;transition:all .2s ease;font-size:14px;color:#1e293b;min-width:140px;justify-content:space-between}.standalone-profile-dropdown.active{background:#1486d11a;box-shadow:0 0 0 3px #1486d11a}.standalone-profile-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1486d1,#c03ed2);flex-shrink:0}.standalone-avatar-image{width:100%;height:100%;object-fit:cover;border-radius:50%}.standalone-avatar-initials{color:#fff;font-size:12px;font-weight:600;text-transform:uppercase}.standalone-profile-name{font-weight:500;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px;flex:1}.standalone-dropdown-arrow{font-size:10px;color:#64748b;transition:transform .2s ease;flex-shrink:0}.standalone-dropdown-arrow.rotated{transform:rotate(180deg)}.standalone-profile-dropdown-content{position:absolute;top:calc(100% + 8px);right:0;min-width:280px;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(226,232,240,.8);border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease;padding:16px 0;z-index:6}.standalone-profile-dropdown-content.visible{opacity:1;visibility:visible;transform:translateY(0)}.standalone-profile-info{display:flex;align-items:center;gap:12px;padding:0 16px 16px}.standalone-profile-info-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1486d1,#c03ed2);flex-shrink:0}.standalone-info-avatar-image{width:100%;height:100%;object-fit:cover;border-radius:50%}.standalone-info-avatar-initials{color:#fff;font-size:18px;font-weight:600;text-transform:uppercase}.standalone-profile-info-details{flex:1;min-width:0}.standalone-profile-info-name{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.standalone-profile-info-email{font-size:13px;color:#64748b;margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.standalone-email-verified{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:#10b981;font-weight:500}.standalone-email-verified i{font-size:10px}.standalone-menu-divider{height:1px;background:linear-gradient(90deg,transparent,#e2e8f0,transparent);margin:8px 16px}.standalone-profile-menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:none;border:none;cursor:pointer;font-size:14px;color:#374151;transition:all .2s ease;text-align:left}.standalone-profile-menu-item:hover{background:#f8fafccc;color:#1486d1}.standalone-profile-menu-item i{width:16px;text-align:center;color:#64748b;transition:color .2s ease}.standalone-profile-menu-item:hover i{color:#1486d1}.standalone-profile-menu-item span{flex:1;font-weight:500}.standalone-profile-menu-item.sign-out{color:#dc2626}.standalone-profile-menu-item.sign-out:hover{background:#ef44441a;color:#dc2626}.standalone-profile-menu-item.sign-out i,.standalone-profile-menu-item.sign-out:hover i{color:#dc2626}.sidebar{position:fixed;left:0;bottom:0;width:calc(100% - 295px);background:#fff;padding:0 20px 0 60px;height:150px;display:flex;flex-direction:column;align-items:stretch;box-shadow:0 -4px 12px #0000000f;z-index:5;transition:height .3s ease;-webkit-user-select:none;user-select:none}.resize-handle{position:absolute;top:-6px;left:50%;transform:translate(-50%);width:60px;height:6px;cursor:ns-resize;border-radius:10px;background-color:var(--resizer-color, #cbd5e1);z-index:15;transition:all .2s ease}.resize-handle:hover{background-color:var(--resizer-color, #94a3b8);transform:translate(-50%) scaleY(1.3)}.resize-handle:active{transform:translate(-50%) scaleY(1.5)}.resize-handle:before,.resize-handle:after{content:"";position:absolute;width:30px;height:2px;background-color:currentColor;opacity:.6;border-radius:1px;transform:translate(-50%);left:50%}.resize-handle:before{top:-3px}.resize-handle:after{bottom:-3px}.resize-handle:hover:before,.resize-handle:hover:after{opacity:1}.aws-resizer{--resizer-color: #FF9900}.azure-resizer{--resizer-color: #0078D4}.gcp-resizer{--resizer-color: #4285F4}.search-bar{width:100%;position:sticky;top:0;background-color:#fff;z-index:10;padding:12px 0;border-bottom:1px solid #f1f5f9;box-shadow:0 2px 6px #0000000f;height:25px;-webkit-user-select:none;user-select:none;border-radius:6px;margin-bottom:10px}.search-input{-webkit-user-select:none;user-select:none;width:100%;padding:10px 36px 10px 15px;font-size:14px;border:1px solid #e2e8f0;border-radius:8px;background-color:#f8fafc;box-sizing:border-box;outline:none;height:38px;transition:all .2s ease;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.search-input:focus{border-color:#1486d1;background-color:#fff;box-shadow:0 0 0 3px #1486d11a}.search-input::placeholder{color:#94a3b8}.search-bar:after{content:"Ctrl+F";position:absolute;right:36px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:10px;background-color:#f1f5f9;padding:2px 6px;border-radius:4px;opacity:.7;pointer-events:none}.search-results-count{position:absolute;right:60px;top:50%;transform:translateY(-50%);background-color:#1486d1;color:#fff;font-size:10px;padding:2px 6px;border-radius:10px;opacity:0;transition:opacity .2s ease}.search-input:focus+.search-results-count{opacity:1}.sidebar-items-container{flex:1;overflow-y:auto;padding:0 0 15px;scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9;-webkit-overflow-scrolling:touch}.sidebar-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;padding:4px 0}.sidebar-section{display:flex;flex-direction:column;width:100%}.sidebar-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 8px;border-radius:8px;background-color:#fff;box-shadow:0 2px 5px #0000000a;border:1px solid #f1f5f9;transition:all .2s ease;text-align:center;height:85px;position:relative;overflow:visible;cursor:grab;-webkit-tap-highlight-color:transparent;touch-action:manipulation;will-change:transform,box-shadow;backface-visibility:hidden;perspective:1000px}.sidebar-item:active{cursor:grabbing}.sidebar-item:hover{background-color:#f8fafc;transform:translateY(-3px);box-shadow:0 4px 8px #00000014;border-color:#e2e8f0}.aws-style{border-top:3px solid #FF9900}.aws-style .sidebar-item:hover{border-color:#ff99004d;box-shadow:0 4px 8px #ff99001a}.azure-style{border-top:3px solid #0078D4}.azure-style .sidebar-item:hover{border-color:#0078d44d;box-shadow:0 4px 8px #0078d41a}.gcp-style{border-top:3px solid #4285F4}.gcp-style .sidebar-item:hover{border-color:#4285f44d;box-shadow:0 4px 8px #4285f41a}.icon-name{font-size:12px;text-align:center;margin-top:8px;color:#475569;font-weight:500;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 4px;user-select:none;-webkit-user-select:none;position:relative}.sidebar-item:hover .icon-name:after{content:attr(title);position:absolute;bottom:120%;left:50%;transform:translate(-50%);background:#0f172ae6;color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;white-space:nowrap;z-index:1000;margin-bottom:8px;box-shadow:0 4px 12px #00000040;max-width:250px;overflow:hidden;text-overflow:ellipsis;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease,transform .3s ease;transform:translate(-50%) translateY(5px)}.sidebar-item:hover .icon-name:hover:after{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.sidebar-items-container::-webkit-scrollbar{width:8px;height:8px}.sidebar-items-container::-webkit-scrollbar-track{background-color:#f1f5f9;border-radius:10px;margin:5px 0}.sidebar-items-container::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:10px;border:2px solid #f1f5f9}.sidebar-items-container::-webkit-scrollbar-thumb:hover{background-color:#94a3b8}.sidebar-items-container::-webkit-scrollbar-thumb:active{background-color:#64748b}.sidebar-item-drag-image{transform:translate(0);position:absolute;top:-100000px;left:-100000px;pointer-events:none;z-index:1000;opacity:.8}.sidebar-item-drag-preview{width:80px;height:80px;background-color:#fff;border-radius:8px;box-shadow:0 5px 15px #00000026;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:8px;pointer-events:none;z-index:9999}.sidebar-item:focus{outline:3px solid rgba(20,134,209,.4);outline-offset:2px;border-color:#1486d1}.sidebar-item:focus:not(:focus-visible){outline:none}.sidebar-item.loading{opacity:.6;pointer-events:none}.sidebar-item.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid #f3f3f3;border-top:2px solid #1486d1;border-radius:50%;animation:spin 1s linear infinite}.sidebar-item.error{border-color:#ef4444;background-color:#fef2f2}.sidebar-item.error:hover{border-color:#dc2626;box-shadow:0 4px 8px #ef444433}.sidebar-item.disabled{opacity:.4;pointer-events:none;cursor:not-allowed}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}to{transform:rotate(360deg)}}.no-results{grid-column:1 / -1;text-align:center;padding:30px 20px;color:#64748b;font-size:14px;background-color:#f8fafc;border-radius:8px;border:1px dashed #cbd5e1;margin:10px 0}.sidebar-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:#64748b;padding:20px}.sidebar-empty-state-icon{font-size:24px;margin-bottom:10px;opacity:.5}.sidebar-loading{display:flex;justify-content:center;align-items:center;height:100px}.sidebar-loading-spinner{width:30px;height:30px;border:3px solid #e2e8f0;border-top-color:#1486d1;border-radius:50%;animation:spin 1s linear infinite}.sidebar.resizing{transition:none;cursor:ns-resize}.sidebar.resizing *{pointer-events:none;-webkit-user-select:none;user-select:none}.input-sidebar{position:fixed;top:0;width:30vh;height:55px;background:#f8f9fa;z-index:10;display:flex;align-items:center;justify-content:center;right:12%}.checkbox-label{position:relative;cursor:pointer;padding-left:30px}.checkbox-label input{position:absolute;opacity:0;cursor:pointer}.checkbox-label .custom-checkbox{content:"";position:absolute;left:0;top:0;width:20px;height:20px;border:2px solid currentColor;border-radius:4px;background-color:transparent}.checkbox-label input:checked+.custom-checkbox{background-color:currentColor;border-color:transparent}.button-container{display:flex;justify-content:center;gap:15px;margin-top:15px;width:100%}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172a99;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000}.modal-content{background:#fff;padding:30px;border-radius:16px;width:1000px;text-align:center;box-shadow:0 12px 30px #0003;animation:fadeIn .3s ease-in-out}.modal-header{margin-bottom:20px;border-bottom:1px solid #eaedf0}.modal-header h3{margin:0;font-size:24px;letter-spacing:.3px}.input-form{display:flex;flex-direction:column;align-items:center;margin:0 auto}.input-label-group{margin-bottom:18px;width:100%;text-align:left}.input-label-group label{display:flex;align-items:center;margin-bottom:8px;font-weight:500;color:#1e293b;font-size:15px;justify-content:space-between}.textarea-container{width:100%;position:relative}.textarea-container textarea{width:100%;height:150px;padding:14px;border:1px solid #cbd5e0;border-radius:8px;font-size:15px;resize:none;transition:all .2s ease;box-sizing:border-box;font-family:inherit}.textarea-container textarea:focus{border-color:#1486d1;box-shadow:0 0 0 4px #1486d126;outline:none}.textarea-container textarea.invalid-input{border-color:#e53e3e}.text-input{width:100%;padding:12px 14px;border:1px solid #cbd5e0;border-radius:8px;font-size:14px;color:#1e293b;background-color:#fff;transition:all .2s ease;height:20px}.text-input:focus{border-color:#1486d1;outline:none;box-shadow:0 0 0 3px #1486d126}.text-input::placeholder{color:#a0aec0;font-style:italic}.validation-message{color:#e53e3e;font-size:13px;margin-top:5px;display:flex;align-items:center}.validation-message i{margin-right:5px}.error-message{color:#e53e3e;font-size:14px;margin:10px 0;padding:12px 16px;background-color:#fff5f5;border-radius:8px;border-left:4px solid #e53e3e;text-align:left;display:flex;align-items:center;gap:8px;animation:fadeIn .3s ease-out}.error-message i{font-size:16px}.generate-button{background-color:#fff;color:#1486d1;border:none;padding:12px 20px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%;display:flex;justify-content:center;align-items:center;height:55px;position:relative}.generate-button:hover{background-color:#f0f7ff}.generate-button-container{position:relative;width:100%;display:flex;justify-content:center}.submit-button,.cancel-button{padding:12px 24px;border:none;height:44px;cursor:pointer;font-size:15px;font-weight:600;transition:all .2s ease;border-radius:8px;min-width:120px;display:flex;align-items:center;justify-content:center}.submit-button{background-color:#1486d1;color:#fff}.submit-button:hover{background-color:#0e6bad;box-shadow:0 5px 15px #1486d14d}.submit-button:disabled{background-color:#93c5e8;cursor:not-allowed;box-shadow:none;opacity:.7}.cancel-button{background-color:#f1f5f9;color:#64748b}.cancel-button:hover{background-color:#e2e8f0;color:#475569}.loading-button{display:flex;align-items:center;justify-content:center;background-color:#7baed2;color:#fff;padding:12px 24px;border:none;border-radius:8px;cursor:not-allowed;font-size:15px;font-weight:600;min-width:180px}.spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top:3px solid white;border-radius:50%;animation:spin .8s linear infinite;margin-right:10px}.dropdown-menu{position:fixed;top:60px;left:50%;transform:translate(-50%);z-index:1000;width:min(1250px,calc(100vw - 40px));background-color:#fff;border:1px solid #e5e8ec;border-radius:8px;box-shadow:0 8px 16px #0f172a1a,0 2px 4px #0f172a1a;overflow:hidden;display:flex;flex-direction:row;align-items:stretch}.dropdown-menu-viewport{position:absolute;top:100%;left:calc(50vw - 600px);z-index:1000;width:1200px;background-color:#fff;border:1px solid #e5e8ec;border-radius:8px;box-shadow:0 8px 16px #0f172a1a,0 2px 4px #0f172a1a;margin-top:5px;overflow:hidden;display:flex;flex-direction:row;align-items:stretch}.dropdown-menu-dynamic{position:absolute;top:100%;left:0;right:0;margin:5px auto 0;z-index:1000;width:min(1200px,calc(100vw - 40px));background-color:#fff;border:1px solid #e5e8ec;border-radius:8px;box-shadow:0 8px 16px #0f172a1a,0 2px 4px #0f172a1a;overflow:hidden;display:flex;flex-direction:row;align-items:stretch}.dropdown-item{flex:1;padding:8px 10px;color:#1486d1;cursor:pointer;font-weight:600;border-right:1px solid #f0f4f8;transition:all .2s ease;display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:center;min-height:80px;position:relative}.dropdown-item:last-child{border-right:none;border-bottom:none}.dropdown-item:hover{background-color:#f0f7ff;transform:translateY(-1px);box-shadow:0 2px 6px #1486d11a;background:#f8fafc}.dropdown-item.disabled-item{cursor:not-allowed;opacity:.5;background:#f9fafb}.dropdown-item.disabled-item:hover{background:#f9fafb}.dropdown-item-header{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:6px}.dropdown-item i{font-size:20px;color:#1486d1;margin:0}.dropdown-item-title{font-weight:700;font-size:16px;color:#1486d1;margin:0}.dropdown-description{font-size:11px;color:#64748b;font-weight:400;line-height:1.3;text-align:center;max-width:200px}.item-content{display:flex;align-items:center;position:relative}.item-icon{width:44px;height:44px;background:#f3f4f6;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#1486d1;flex-shrink:0;position:relative}.item-text{flex:1}.item-description{font-size:14px;color:#6b7280;line-height:1.4}.api-limit-overlay{position:absolute;top:-8px;right:-8px;background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;padding:2px 6px;font-size:10px;font-weight:700;color:#374151;box-shadow:0 2px 4px #0000001a;z-index:10;min-width:20px;text-align:center;line-height:1.2}.usage-text.low{color:#059669}.usage-text.medium{color:#d97706}.usage-text.high{color:#dc2626}.disabled-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#fffc;display:flex;align-items:center;justify-content:center;gap:8px;color:#9ca3af;font-size:14px;font-weight:500;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.alert-icon{color:#f59e0b}.info-icon-modal{color:#1486d1;font-size:18px;cursor:pointer;position:relative;display:inline-flex;align-items:center;justify-content:center}.tooltip-modal{position:absolute;top:100%;left:50%;transform:translate(-50%);width:300px;color:#fff;background-color:#334155;padding:12px 16px;border-radius:8px;font-size:13px;z-index:1050;line-height:1.6;box-shadow:0 10px 15px #0000001a;text-align:center;margin-top:10px}.tooltip-modal:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #334155}.architecture-summary{background-color:#f0f7ff;border-radius:8px;padding:10px;margin-bottom:10px;border-left:4px solid #1486d1;text-align:left}.architecture-summary p{margin:0;font-size:14px;line-height:1.6}.word-count{transition:color .2s;font-weight:500;font-size:13px;margin-left:10px;display:flex;align-items:center}.word-count-progress{width:120px;height:6px;background-color:#e2e8f0;border-radius:10px;margin-left:8px;overflow:hidden;position:relative}.word-count-bar{height:100%;background-color:#10b981;border-radius:10px;transition:width .3s ease}.word-count-bar.partial{background-color:#f59e0b}.word-count-bar.empty{background-color:#ef4444}.format-description{flex:1;background-color:#fff;padding:15px;border-radius:4px;border-left:3px solid #1486d1}.format-description h4{margin:0 0 12px;color:#333;font-size:16px}.format-description ul{margin:0;padding-left:20px}.format-description li{margin-bottom:5px;color:#555}.environment-selection{display:flex;align-items:center;gap:15px}.env-badge{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:20px;color:#fff;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.env-badge i{font-size:14px}.env-badge.development{background-color:#4caf50}.env-badge.testing{background-color:#ff9800}.env-badge.staging{background-color:#9c27b0}.env-badge.production{background-color:#f44336}.env-badge.enterprise{background-color:#2196f3}.location-selection{display:flex;position:relative}.location-selection .text-input{width:100%;padding-right:35px}.region-help-button{position:absolute;right:0;top:0;bottom:0;width:35px;background:transparent;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#777;transition:all .2s ease}.region-help-button:hover{color:#1486d1}.loading-state{padding:32px 20px;display:flex;flex-direction:column;align-items:center;gap:12px;color:#6b7280}.error-state{padding:20px;display:flex;align-items:center;gap:12px;color:#dc2626;background:#fef2f2}.error-state a{color:#1486d1;text-decoration:underline}.info-text{color:#475569;font-size:12px}.notification{position:fixed;top:60px;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px 20px;box-shadow:0 10px 30px #00000026;z-index:9999;display:flex;align-items:center;gap:12px;max-width:400px;animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.notification.success{border-left:4px solid #10b981;background:#f0fdf4}.notification.error{border-left:4px solid #ef4444;background:#fef2f2}.notification.info{border-left:4px solid #3b82f6;background:#eff6ff}.notification button{background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.notification button:hover{background:#0000001a;color:#6b7280}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes docFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@media (max-width: 1400px){.sidebar-items{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.sidebar-item{height:80px;padding:10px 6px;border-radius:6px;min-height:70px}.icon-name{font-size:11px;margin-top:6px;padding:0 3px}}@media (max-width: 1024px){.sidebar{width:calc(100% - 20px);left:10px;height:120px;padding:0 15px}.sidebar-items{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.sidebar-item{height:75px;padding:8px 4px;border-radius:5px;min-height:65px}.icon-name{font-size:10px;margin-top:5px;padding:0 2px}.sidebar-items-container::-webkit-scrollbar{width:6px}.sidebar-items-container::-webkit-scrollbar-thumb{border:1px solid #f1f5f9}}@media (max-width: 768px){.sidebar{position:fixed;left:50%;transform:translate(-50%);width:calc(100% - 20px);max-width:600px;height:100px;padding:0 15px;box-shadow:0 -4px 20px #0000001a;bottom:0;top:auto}.sidebar-items{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:6px}.sidebar-item{height:65px;padding:5px 3px;border-radius:5px;min-height:55px}.icon-name{font-size:9px;margin-top:4px;padding:0 2px}.sidebar-items-container::-webkit-scrollbar{width:4px}.sidebar-items-container::-webkit-scrollbar-thumb{border:1px solid #f1f5f9}.sidebar-item:hover .icon-name:after{display:none}}@media (max-width: 600px){.sidebar{height:90px;padding:0 12px}.sidebar-items{grid-template-columns:repeat(auto-fill,minmax(75px,1fr));gap:5px}.sidebar-item{height:60px;padding:4px 2px}.icon-name{font-size:8px;margin-top:3px}}@media (max-width: 480px){.sidebar{height:85px;padding:0 10px}.sidebar-items{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:4px}.sidebar-item{height:55px;padding:3px 1px}.icon-name{font-size:7px;margin-top:2px}}@media (max-width: 360px){.sidebar{width:calc(100% - 12px);height:80px;padding:0 10px}.sidebar-items{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:5px}.sidebar-item{height:60px;padding:4px 2px;border-radius:4px;min-height:50px}.icon-name{font-size:8px;margin-top:3px;padding:0 1px;line-height:1.1}.sidebar-items-container{padding:0 0 8px}}@media (max-width: 320px){.sidebar{width:calc(100% - 10px);height:75px;padding:0 8px}.sidebar-items{grid-template-columns:repeat(auto-fill,minmax(65px,1fr));gap:4px}.sidebar-item{height:55px;padding:3px 1px;border-radius:3px;min-height:45px}.icon-name{font-size:7px;margin-top:2px;line-height:1}}@media (max-width: 768px) and (orientation: landscape){.sidebar{height:80px}.sidebar-items{grid-template-columns:repeat(auto-fill,minmax(75px,1fr));gap:6px}.sidebar-item{height:60px;padding:4px 2px}.icon-name{font-size:9px;margin-top:3px}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.sidebar-item{box-shadow:0 1px 3px #00000014;border-width:.5px}.sidebar-item:hover{box-shadow:0 2px 6px #0000001f}}@supports (-webkit-appearance: none){@media (max-width: 768px){.sidebar-item{-webkit-touch-callout:none}.sidebar-items-container{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}}}@media (prefers-reduced-motion: reduce){.sidebar-item,.sidebar-item:hover,.sidebar-item:active{transition:none;transform:none;animation:none}.sidebar-item.loading:after{animation:none}.notification,.modal-content,.spinner,.sidebar-loading-spinner{animation:none}}@media (prefers-color-scheme: dark){.sidebar{background-color:#1e293b;border-color:#334155}.sidebar-item{background-color:#1e293b;border-color:#334155;color:#f1f5f9}.sidebar-item:hover{background-color:#334155;border-color:#475569}.icon-name{color:#cbd5e1}.sidebar-item:hover .icon-name:after{background:#334155f2;box-shadow:0 4px 12px #00000080}.sidebar-items-container::-webkit-scrollbar-track{background-color:#1e293b}.sidebar-items-container::-webkit-scrollbar-thumb{background-color:#475569;border-color:#1e293b}.sidebar-items-container::-webkit-scrollbar-thumb:hover{background-color:#64748b}.search-bar{background-color:#1e293b;border-color:#334155}.search-input{background-color:#334155;border-color:#475569;color:#f1f5f9}.search-input:focus{border-color:#60a5fa;background-color:#1e293b}.search-input::placeholder{color:#94a3b8}.modal-content{background-color:#1e293b;color:#f1f5f9}.dropdown-menu,.dropdown-menu-viewport,.dropdown-menu-dynamic{background-color:#1e293b;border-color:#334155}.dropdown-item{color:#60a5fa}.dropdown-item:hover{background-color:#334155}}@media print{.sidebar,.input-sidebar,.modal-overlay,.dropdown-menu,.dropdown-menu-viewport,.dropdown-menu-dynamic,.notification{display:none!important}}.navbar{position:fixed;left:50%;top:0;transform:translate(-50%);height:47px;width:54%;background-color:#fff;color:var(--text);z-index:5;display:flex;align-items:center;padding:0 100% 8px}.navbar-tabs{-webkit-user-select:none;user-select:none;list-style:none;display:flex;margin:0;padding:8px 0 0;flex-grow:1;justify-content:space-around}.navbar-tab{cursor:pointer;padding:10px 15px;font-weight:700;text-transform:uppercase;border-radius:4px;transition:background-color .3s,color .3s,border-color .3s;color:#fff;border:2px solid transparent}.navbar-tab.aws{width:100px;text-align:center;color:#f90;background-color:#fff;border:2px solid #FF9900}.navbar-tab.azure{width:100px;text-align:center;color:#0080ff;background-color:#fff;border:2px solid #0080FF}.navbar-tab.gcp{width:100px;text-align:center;color:#4285f4;background-color:#fff;border:2px solid #4285F4}.navbar-tab.active.aws{background-color:#f90;color:#fff;border:2px solid #FF9900}.navbar-tab.active.gcp{background-color:#4285f4;color:#fff;border:2px solid #4285F4}.navbar-tab:hover{opacity:.9}.mobile-cloud-icons{display:none;position:fixed;top:6%;left:50%;transform:translate(-50%);background:#fff;padding:12px 20px;border-radius:25px;box-shadow:0 4px 16px #0000001a;z-index:9;gap:25px;align-items:center;justify-content:center}.mobile-cloud-icon{width:45px;height:45px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;border:2px solid transparent;position:relative;overflow:hidden}@media (max-width: 768px){:root{--navbar-height: 50px;--navbar-top-offset: var(--header-height, 48px)}.navbar{position:fixed;top:var(--navbar-top-offset);left:50%;transform:translate(-50%);height:var(--navbar-height);width:calc(100% - 20px);max-width:600px;background-color:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text);z-index:15;display:flex;align-items:center;padding:0 15px;box-shadow:0 2px 12px #0000001a;border-top:1px solid #e2e8f0}.navbar-tabs{-webkit-user-select:none;user-select:none;list-style:none;display:flex;margin:0;padding:0;flex-grow:1;justify-content:space-around;align-items:center;gap:8px}.navbar-tab{cursor:pointer;padding:8px 12px;font-weight:700;text-transform:uppercase;transition:all .3s ease;border:2px solid transparent;flex:1;text-align:center;min-width:0;font-size:clamp(10px,3vw,12px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.main-content,.canvas-area{padding-top:calc(var(--navbar-top-offset) + var(--navbar-height))!important}.mobile-cloud-icons{display:none!important}}.navbar-tab.aws{color:#f90;background-color:#fff;border:2px solid #FF9900}.navbar-tab.active.aws{background-color:#f90;border:2px solid #FF9900}.navbar-tab.azure{color:#0080ff;border:2px solid #0080FF}.navbar-tab.active.azure{background-color:#0080ff;color:#fff;border:2px solid #0080FF}.navbar-tab.gcp{color:#4285f4;background-color:#fff;border:2px solid #4285F4}.navbar-tab.active.gcp{background-color:#4285f4;border:2px solid #4285F4}@media (max-width: 768px){.mobile-cloud-icons.show-on-mobile{display:flex;position:fixed;top:calc(var(--navbar-top-offset) + 10px);left:50%;transform:translate(-50%);background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 20px;border-radius:25px;box-shadow:0 4px 16px #0000001a;z-index:16;gap:clamp(15px,5vw,25px);align-items:center;justify-content:center}.mobile-cloud-icon{width:clamp(35px,10vw,45px);height:clamp(35px,10vw,45px);border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;border:2px solid transparent;position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.mobile-cloud-icon.aws{background:linear-gradient(135deg,#f90,#ffb84d);border-color:#f90}.mobile-cloud-icon.azure{background:linear-gradient(135deg,#0080ff,#4da6ff);border-color:#0080ff}.mobile-cloud-icon.gcp{background:linear-gradient(135deg,#4285f4,#6fa8f7);border-color:#4285f4}.mobile-cloud-icon:hover{transform:scale(1.1);box-shadow:0 4px 12px #0003}.mobile-cloud-icon:active{transform:scale(.95)}}@media (max-width: 1024px) and (min-width: 769px){.navbar{width:calc(100% - 40px);max-width:800px;left:50%;transform:translate(-50%);top:calc(var(--header-height, 48px));height:45px}.navbar-tabs{gap:12px}.navbar-tab{width:90px;padding:8px 12px;font-size:11px}}@media (max-width: 600px){:root{--navbar-height: 46px}.navbar{width:calc(100% - 16px);padding:0 12px}.navbar-tabs{gap:6px}.navbar-tab{padding:6px 8px;font-size:clamp(9px,2.5vw,11px);border-radius:4px}}@media (max-width: 480px){:root{--navbar-height: 44px}.navbar{width:calc(100% - 12px);padding:0 8px}.navbar-tabs{gap:4px}.navbar-tab{padding:5px 6px;font-size:clamp(8px,2vw,10px);border-radius:3px;min-width:0}}@media (max-width: 360px){:root{--navbar-height: 42px}.navbar-tab{padding:4px 5px;font-size:clamp(7px,2vw,9px)}}@media (max-width: 320px){:root{--navbar-height: 40px}.navbar{padding:0 6px}.navbar-tabs{gap:2px}.navbar-tab{padding:3px 4px;font-size:clamp(6px,1.8vw,8px)}}@media (max-width: 768px){.navbar-layout-integrated .navbar{position:fixed;top:0;left:calc(var(--file-menu-width, 12%) + var(--convert-button-width, 12%) + var(--sketch-house-width, 50%));width:calc(var(--profile-width, 26%) - 10px);height:var(--header-height, 48px);transform:none;background:transparent;padding:0 5px;border-radius:0;box-shadow:none;border:none}.navbar-layout-integrated .navbar-tabs{gap:2px;padding-top:0;height:100%;align-items:center}.navbar-layout-integrated .navbar-tab{padding:4px 2px;font-size:clamp(6px,1.5vw,8px);border-radius:2px;border-width:1px}.navbar-layout-integrated .main-content,.navbar-layout-integrated .canvas-area{padding-top:var(--header-height, 48px)!important}}@media (max-width: 768px){:root{--tab-count: 3;--tab-gap: 8px;--navbar-padding: 30px}.navbar-tabs{--available-width: calc(100vw - 20px - var(--navbar-padding));--total-gap-width: calc((var(--tab-count) - 1) * var(--tab-gap));--tab-width: calc((var(--available-width) - var(--total-gap-width)) / var(--tab-count))}.navbar-tab{width:var(--tab-width);min-width:60px;max-width:120px}.navbar-tabs.two-tabs{--tab-count: 2}.navbar-tabs.three-tabs{--tab-count: 3}.navbar-tabs.four-tabs{--tab-count: 4}.navbar-tabs.five-tabs{--tab-count: 5}}.buttonGroup{position:fixed;top:40%;transform:translateY(-50%);display:grid;grid-template-columns:repeat(2,1fr);padding:15px;background-color:#fff;border-radius:10px;box-shadow:0 2px 8px #00000026;border:1px solid #e1e5e9;z-index:5;max-height:80vh;width:auto}.button{display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #1486d1;border-radius:6px;width:40px;height:40px;cursor:pointer;transition:all .2s ease;position:relative;margin:10px}.button-row{margin:-5px}.button:hover{background:#1486d1}.button:hover .buttonIcon,.button:hover .icon{color:#fff}.button:active{transform:scale(.95)}.button:disabled,.button.disabled{background-color:#f0f0f0;color:#94a3b8;border-color:#d1d5db;cursor:not-allowed;opacity:.7}.buttonIcon,.icon{width:18px;height:18px;color:#1486d1;font-size:14px}.button:nth-child(odd):after{position:absolute;left:50px;top:50%;transform:translateY(-50%);padding:4px 8px;border-radius:4px;background:#000c;color:#fff;font-size:11px;white-space:nowrap;opacity:0;pointer-events:none;z-index:100;transition:opacity .2s}.button:nth-child(2n):after{position:absolute;right:50px;top:50%;transform:translateY(-50%);padding:4px 8px;border-radius:4px;background:#000c;color:#fff;font-size:11px;white-space:nowrap;opacity:0;pointer-events:none;z-index:100;transition:opacity .2s}.button:hover:after{opacity:1}@media (max-width: 768px){.buttonGroup{gap:12px;padding:12px}.button{width:38px;height:38px}}@media (max-width: 480px){.buttonGroup{left:5px;padding:10px;gap:10px}.button{width:36px;height:36px}.buttonIcon,.icon{width:16px;height:16px}.button:after{display:none}}@media (max-height: 480px) and (orientation: landscape){.buttonGroup{top:60px;transform:none;max-height:calc(100vh - 80px);gap:10px}}.button{display:flex;align-items:center;justify-content:center;padding:8px 12px;font-weight:600;font-size:14px;transition:all .2s ease;border:none;border-radius:8px;cursor:pointer;width:40px;height:40px;min-width:36px;background-color:#fff;box-shadow:0 2px 5px #0000001a;z-index:100}.button .icon{font-size:16px;color:#1486d1}.button.enabled{background-color:#1486d1;color:#fff}.button.enabled:hover{background-color:#0e6bad;transform:translateY(-2px);box-shadow:0 4px 8px #1486d14d}.button.enabled:active{transform:translateY(0)}.button.disabled{background-color:#e2e8f0;color:#94a3b8;cursor:not-allowed;opacity:.7}.button.disabled .icon{color:#94a3b8}.export-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0f172a99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9999;animation:fadeIn .25s ease-out}.export-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;box-shadow:0 8px 25px #00000026;border-radius:12px;z-index:10000;padding:25px;width:90%;max-width:420px;animation:slideUp .3s ease-out}.export-popup-content{display:flex;flex-direction:column;gap:16px}.export-popup-content h3{margin:0 0 5px;font-size:18px;font-weight:600;color:#1486d1;text-align:center;position:relative;padding-bottom:12px}.export-popup-content h3:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:50px;height:3px;background-color:#1486d1;border-radius:2px}.title-label{font-size:14px;font-weight:600;color:#475569;text-align:left;margin-bottom:6px;display:block}.title-input{width:100%;padding:12px;border:1px solid #e2e8f0;border-radius:8px;font-size:15px;transition:all .2s ease;background-color:#f8fafc;color:#334155;box-sizing:border-box}.title-input:focus{outline:none;border-color:#1486d1;box-shadow:0 0 0 3px #1486d11a;background-color:#fff}.title-input::placeholder{color:#94a3b8}.export-error{color:#ef4444;background-color:#fee2e2;padding:10px;border-radius:6px;font-size:13px;display:flex;align-items:center;margin-top:5px;border-left:3px solid #ef4444}.export-error:before{content:"⚠️";margin-right:8px}.modal-row{display:flex;gap:10px;width:100%;margin-top:10px}.modal-row button{flex:1;padding:12px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;display:flex;align-items:center;justify-content:center;gap:6px}.modal-row button:not(.cancel-button){background-color:#1486d1;color:#fff}.modal-row button:not(.cancel-button):hover{background-color:#0e6bad;transform:translateY(-2px);box-shadow:0 4px 8px #1486d133}.modal-row button.cancel-button{background-color:#f1f5f9;color:#64748b;border:1px solid #e2e8f0}.modal-row button.cancel-button:hover{background-color:#e2e8f0;color:#475569;transform:translateY(-2px)}.modal-row button:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}.export-divider{height:1px;background-color:#e2e8f0;width:100%;margin:5px 0}body.export-popup-active{overflow:hidden}.format-icon{font-size:16px;margin-right:6px}.loading-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite;margin-right:6px}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}@media (max-width: 768px){.button{width:36px;height:36px;padding:8px}.button .icon{font-size:15px}.export-popup-content h3{font-size:17px}}@media (max-width: 480px){.export-popup{padding:20px;max-height:90vh;overflow-y:auto}.export-popup-content h3{font-size:16px}.modal-row{flex-direction:column;gap:8px}.modal-row button{padding:10px;font-size:13px;min-height:44px}.title-input{padding:10px;font-size:14px;min-height:44px}.button{width:32px;height:32px;min-width:32px}.button .icon{font-size:14px}}@media (hover: none) and (pointer: coarse){.modal-row button,.title-input{min-height:44px}}.general-sidebar{position:fixed;top:55px;right:0;width:48.5vh;background:linear-gradient(135deg,#fff,#fafbfc);padding:15px 15px 20px;z-index:5;overflow-y:auto;overflow-x:hidden;height:65vh;-webkit-user-select:none;user-select:none;box-shadow:-4px 0 20px #1486d11a,-1px 0 #1486d1;border-left:1px solid #e2e8f0;border-bottom:2px solid #1486d1;transition:all .4s cubic-bezier(.4,0,.2,1);box-sizing:border-box;will-change:transform;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.general-sidebar.collapsed{width:0px;height:0px;overflow:hidden;padding:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-left:none;transform:translate(100%);opacity:0;pointer-events:none;visibility:hidden}.sidebar-toggle{position:fixed;top:29%;right:10px;width:40px;height:40px;color:#fff;border-radius:50%;cursor:pointer;z-index:999;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;font-size:14px;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.2);pointer-events:auto;opacity:1;visibility:visible;transform:translate(0)}.sidebar-toggle.expanded-state{background:linear-gradient(135deg,#1486d1,#1486d1);box-shadow:0 4px 15px #1486d166}.sidebar-toggle.collapsed-state{background:linear-gradient(135deg,#1486d1,#1486d1)}.sidebar-toggle.expanded-state:hover{background:linear-gradient(135deg,#0ea5e9,#0284c7);box-shadow:0 6px 20px #1486d180;transform:scale(1.1) translateY(-1px);border-color:#ffffff4d}.sidebar-toggle.collapsed-state:hover{background:linear-gradient(135deg,#1486d1,#1486d1);transform:scale(1.1) translateY(-1px);border-color:#ffffff4d}.sidebar-toggle:active{transform:scale(1.05);transition:all .1s ease}.sidebar-search{position:relative;margin-bottom:15px}.search-input-wrapper{position:relative;display:flex;align-items:center}.sidebar-search input{width:100%;padding:12px 40px;margin-bottom:10px;border:2px solid #e2e8f0;border-radius:12px;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:13px;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#f8fafc,#fff);color:#334155;box-sizing:border-box;font-weight:500;box-shadow:0 2px 4px #00000005}.sidebar-search input:focus{border-color:#1486d1;box-shadow:0 0 0 4px #1486d126,0 4px 12px #1486d11a;background:#fff;transform:translateY(-1px)}.sidebar-search input::placeholder{color:#94a3b8;font-weight:400}.search-icon{position:absolute;left:12px;color:#94a3b8;font-size:14px;pointer-events:none;z-index:1;transition:color .2s ease}.sidebar-search input:focus+.search-icon{color:#1486d1}.clear-search-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:20px;height:20px}.clear-search-btn:hover{color:#ef4444;background-color:#ef44441a;transform:translateY(-50%) scale(1.1)}.general-sidebar h4{font-size:16px;margin-bottom:15px;color:#1e293b;text-align:center;font-weight:700;-webkit-user-select:none;user-select:none;letter-spacing:-.025em}.sidebar-section{margin-bottom:20px;width:100%;box-sizing:border-box;overflow:hidden;border-radius:12px;box-shadow:0 2px 8px #0000000f;transition:all .2s ease}.sidebar-section:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.sidebar-section-header{font-size:14px;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:15px 18px;border-radius:12px 12px 0 0;-webkit-user-select:none;user-select:none;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;box-sizing:border-box;position:relative;overflow:hidden}.sidebar-section-header: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 .6s ease}.sidebar-section-header:hover:before{left:100%}.header-content{display:flex;align-items:center;gap:10px;flex:1}.header-icon{font-size:16px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.header-title{font-weight:600;letter-spacing:-.025em}.expand-icon{transition:transform .3s cubic-bezier(.4,0,.2,1);font-size:12px;opacity:.8;color:#fff}.sidebar-section-header:hover .expand-icon{opacity:1;transform:scale(1.1)}.sidebar-section-header.general{background:linear-gradient(135deg,#1486d1,#0ea5e9);color:#fff;box-shadow:0 4px 15px #1486d14d}.sidebar-section-header.other{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 4px 15px #6366f14d}.sidebar-section-header.aws{background:linear-gradient(135deg,#f90,#ff8c00);color:#fff;box-shadow:0 4px 15px #ff99004d}.sidebar-section-header.azure{background:linear-gradient(135deg,#0078d4,#106ebe);color:#fff;box-shadow:0 4px 15px #0078d44d}.sidebar-section-header.gcp{background:linear-gradient(135deg,#4285f4,#1a73e8);color:#fff;box-shadow:0 4px 15px #4285f44d}.sidebar-icons{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:20px;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:0 0 12px 12px;border:1px solid #e2e8f0;border-top:none;animation:slideDown .4s cubic-bezier(.4,0,.2,1);width:100%;box-sizing:border-box;overflow:visible}.sidebar-icon{text-align:center;cursor:grab;padding:10px 8px;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e2e8f0;display:flex;flex-direction:column;align-items:center;justify-content:center;height:90px;width:100%;-webkit-user-drag:element;box-sizing:border-box;overflow:visible;transform:translateZ(0);box-shadow:0 2px 8px #0000000a}.sidebar-icon:hover{background:linear-gradient(135deg,#f0f7ff,#e0f2fe);border-color:#1486d1;transform:translateY(-3px) scale(1.02);box-shadow:0 8px 25px #1486d133}.sidebar-icon:active{cursor:grabbing;transform:translateY(-1px) scale(.98);transition:all .1s ease}.icon-container{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin-bottom:8px;position:relative}.sidebar-icon img{width:32px;height:32px;object-fit:contain;transition:all .3s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));border-radius:4px}.sidebar-icon:hover img{transform:scale(1.15) rotate(2deg);filter:drop-shadow(0 4px 8px rgba(0,0,0,.15))}.shape-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000001a}.group-icon{background:linear-gradient(135deg,#c434db,#c434db);color:#fff}.circle-icon{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.rectangle-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.cylinder-icon{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.triangle-icon{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff}.textbox-icon{background:linear-gradient(135deg,#84cc16,#65a30d);color:#fff}.numbering-icon{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff}.sidebar-icon:hover .shape-icon{transform:scale(1.1) rotate(-2deg);box-shadow:0 4px 15px #0003}.icon-label{font-size:11px;font-weight:500;color:#475569;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;max-width:100%;transition:all .2s ease;pointer-events:none;padding:2px 0;width:100%;text-align:center;margin-top:4px;letter-spacing:-.025em}.sidebar-icon:hover .icon-label{color:#1486d1;font-weight:600;transform:translateY(-1px)}.tooltip-text{position:absolute;background:linear-gradient(135deg,#0f172af2,#1e293bf2);color:#fff;padding:8px 12px;border-radius:8px;font-size:12px;font-weight:500;white-space:nowrap;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000;pointer-events:none;box-shadow:0 4px 12px #0003;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1)}.tooltip-text:after{content:"";position:absolute;top:100%;left:50%;margin-left:-6px;border-width:6px;border-style:solid;border-color:rgba(15,23,42,.95) transparent transparent transparent}.sidebar-icon:hover .tooltip-text{opacity:1;visibility:visible;transform:translate(-50%) translateY(-2px)}.sidebar-note{display:flex;align-items:flex-start;gap:10px;font-size:12px;color:#64748b;background:linear-gradient(135deg,#f0f7ff,#e0f2fe);padding:12px 15px;border-radius:10px;margin-bottom:15px;border-left:4px solid #1486d1;line-height:1.5;width:100%;box-sizing:border-box;box-shadow:0 2px 8px #1486d11a;transition:all .2s ease}.sidebar-note:hover{box-shadow:0 4px 12px #1486d126;transform:translateY(-1px)}.note-icon{color:#1486d1;font-size:14px;margin-top:1px;flex-shrink:0}.note-text{color:#475569;flex:1}.note-text strong{color:#1e293b;font-weight:600}.general-sidebar::-webkit-scrollbar{width:8px}.general-sidebar::-webkit-scrollbar-track{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:10px;margin:5px 0}.general-sidebar::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#cbd5e1,#94a3b8);border-radius:10px;border:2px solid #f1f5f9;transition:all .2s ease}.general-sidebar::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#94a3b8,#64748b);transform:scaleY(1.1)}.sidebar-icon-drag-preview{position:fixed;top:-1000px;left:-1000px;z-index:9999;pointer-events:none;opacity:.9;background:#fff;border-radius:8px;padding:8px;box-shadow:0 8px 25px #0003;border:2px solid #1486d1}.sidebar-icon.active{border:2px solid #1486d1;background:linear-gradient(135deg,#f0f7ff,#e0f2fe);transform:translateY(-2px);box-shadow:0 8px 25px #1486d140}.sidebar-icon.dragging{opacity:.6;transform:scale(.95) rotate(5deg);transition:all .2s ease}@media (max-width: 1400px){.sidebar-icons{grid-template-columns:repeat(3,1fr);gap:10px;padding:18px}.sidebar-icon{height:80px;padding:8px 6px}}@media (max-width: 1200px){.general-sidebar{width:280px;top:16%}.sidebar-icons{grid-template-columns:repeat(2,1fr);gap:10px}}@media (max-width: 992px){.general-sidebar{width:260px;height:450px;top:16%}.sidebar-icon{height:75px}.sidebar-section-header{padding:12px 15px;font-size:13px}.icon-container{width:36px;height:36px}.sidebar-icon img,.shape-icon{width:28px;height:28px}}@media (max-width: 768px){.general-sidebar{width:240px;height:400px;padding:12px;top:16%}.sidebar-icon{height:70px;padding:8px 4px}.sidebar-icon img,.shape-icon{width:26px;height:26px}.sidebar-icons{padding:15px;gap:8px}.tooltip-text{display:none}.sidebar-toggle{width:36px;height:36px;font-size:12px}.sidebar-search input{padding:10px 35px;font-size:12px}.general-sidebar h4{font-size:15px;margin-bottom:12px}}@media (max-width: 480px){.general-sidebar{top:16%;width:200px;max-height:70vh}.sidebar-icon .icon-label{font-size:10px}.sidebar-icons{grid-template-columns:repeat(2,1fr);gap:6px;padding:12px}.sidebar-search input{padding:8px 30px;font-size:11px}.general-sidebar h4{font-size:14px;margin-bottom:10px}.sidebar-note{padding:10px 12px;font-size:11px}}@media (max-height: 500px) and (orientation: landscape){.general-sidebar{top:16%;height:calc(100vh - 60px);width:220px}.sidebar-toggle{top:60px;right:10px}.sidebar-icons{grid-template-columns:repeat(3,1fr);gap:6px}}.sidebar-icon,.sidebar-section-header{will-change:transform,box-shadow;backface-visibility:hidden}.sidebar-icon:focus-visible,.sidebar-section-header:focus-visible{outline:2px solid #1486d1;outline-offset:2px;border-radius:8px}.sidebar-toggle:focus-visible{outline:2px solid #ffffff;outline-offset:2px}@media (prefers-reduced-motion: reduce){.general-sidebar,.sidebar-icon,.sidebar-section-header,.tooltip-text,.shape-icon,.expand-icon{transition:none;animation:none}.sidebar-icon:hover{transform:none}.sidebar-icons{animation:none}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.sidebar-icon img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media print{.general-sidebar{display:none}}.sidebar-icon.loading{opacity:.6;pointer-events:none}.sidebar-icon.loading:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid #e2e8f0;border-top:2px solid #1486d1;border-radius:50%;animation:spin 1s linear infinite}body.dragging .sidebar-icon,body.dragging .react-flow__node,body.dragging [draggable=true]{cursor:grabbing!important}.file-menu{position:fixed;top:0;left:0;width:11.6%;height:55px;z-index:9;font-family:Segoe UI,Arial,sans-serif}.file-dropdown{background-color:#fff;color:#1486d1;font-size:16px;width:26vh;height:55px;border:none;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-weight:600;position:relative;outline:none}.file-dropdown:hover{background-color:#f0f7ff}.file-dropdown:after{content:"";display:inline-block;width:0;height:0;margin-left:8px;vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent;transition:transform .2s ease}.file-dropdown.active:after{transform:rotate(180deg)}.file-dropdown-content{display:block;position:absolute;background-color:#fff;box-shadow:0 8px 16px #0f172a1a;z-index:9;min-width:200px;border-radius:8px;overflow:hidden;opacity:0;transform:translateY(-10px);transition:opacity .2s ease,transform .2s ease;pointer-events:none;margin-top:5px;border:1px solid #eaedf0}.file-dropdown-content.visible{opacity:1;transform:translateY(0);pointer-events:auto;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.file-dropdown-content button{color:#475569;padding:12px 16px;text-align:left;border:none;width:100%;background:none;cursor:pointer;font-size:14px;transition:all .2s ease;display:flex;align-items:center;position:relative;border-bottom:1px solid #f1f5f9}.file-dropdown-content button:last-child{border-bottom:none}.file-dropdown-content button:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background-color:#1486d1;opacity:0;transition:opacity .2s ease}.file-dropdown-content button:hover{background-color:#f8fafc;color:#1486d1}.file-dropdown-content button:hover:before{opacity:1}.file-dropdown-content button:active{background-color:#f0f7ff}.file-dropdown-content button i{margin-right:10px;width:20px;text-align:center;color:#1486d1}.file-dropdown-content .menu-divider{height:1px;background-color:#e2e8f0;margin:4px 0}.keyboard-shortcut{margin-left:auto;color:#94a3b8;font-size:12px}.file-indicator{display:inline-block;width:8px;height:8px;border-radius:50%;margin-left:8px}.file-indicator.unsaved{background-color:#f59e0b}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease-in-out}.custom-popup{position:fixed;top:50%;left:50%;width:auto;min-width:350px;max-width:90%;transform:translate(-50%,-50%);background:#fff;padding:25px;box-shadow:0 8px 20px #00000026;border-radius:12px;z-index:1001;text-align:center;animation:popIn .3s ease-out}@keyframes popIn{0%{opacity:0;transform:translate(-50%,-48%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.custom-popup h2{margin:0 0 20px;font-size:20px;color:#1486d1;font-weight:600;position:relative;padding-bottom:10px}.custom-popup h2:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:50px;height:3px;background-color:#1486d1;border-radius:2px}.title-input{width:100%;padding:12px 15px;margin-bottom:20px;border:1px solid #e0e0e0;border-radius:8px;font-size:15px;box-sizing:border-box;transition:all .2s ease;background-color:#f8fafc}.title-input:focus{border-color:#1486d1;outline:none;box-shadow:0 0 0 3px #1486d11a;background-color:#fff}.title-input::placeholder{color:#aaa}.popup-buttons{display:flex;justify-content:center;gap:15px;margin-top:20px}.popup-buttons button{padding:10px 25px;border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:500;transition:all .2s ease}.popup-buttons .ok{background-color:#1486d1;color:#fff;margin:0;box-shadow:0 2px 5px #1486d133}.popup-buttons .ok:hover{background-color:#0e6bad;transform:translateY(-2px);box-shadow:0 4px 8px #1486d14d}.popup-buttons .ok:active{transform:translateY(0)}.popup-buttons .cancel{background-color:#f1f5f9;color:#64748b;margin:0;border:1px solid #e2e8f0}.popup-buttons .cancel:hover{background-color:#e2e8f0;color:#475569;transform:translateY(-2px)}.popup-buttons .cancel:active{transform:translateY(0)}body.popup-active{overflow:hidden}@keyframes fadeInOut{0%,to{opacity:0}10%,90%{opacity:1}}.confirm-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:25px 30px;border-radius:12px;width:90%;max-width:400px;box-shadow:0 8px 15px #00000026;z-index:1001}.confirm-dialog p{margin:0 0 20px;font-size:16px;color:#333}.confirm-dialog button{margin:5px 10px;padding:10px 20px;font-size:14px;cursor:pointer}.confirm-dialog button:first-child{background-color:#1486d1;color:#fff;border:none;border-radius:4px}.confirm-dialog button:last-child{background-color:#f8f9fa;color:#333;border:1px solid #ccc;border-radius:4px}.snackbar{position:fixed;bottom:20px;left:40%;transform:translate(-50%);min-width:300px;max-width:80%;background-color:#333;color:#fff;border-radius:6px;padding:0;box-shadow:0 3px 10px #0003;z-index:10000;display:flex;justify-content:space-between;align-items:center;overflow:hidden;opacity:0;visibility:hidden;transition:all .3s ease}.snackbar.show{opacity:1;visibility:visible;animation:slideUp .3s ease forwards}.snackbar-content{display:flex;align-items:center;padding:12px 16px;flex:1}.snackbar-icon{margin-right:12px;font-size:18px}.snackbar-message{font-size:14px;font-weight:500}.snackbar-close{background:transparent;border:none;color:#fff;padding:0 16px;height:100%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;opacity:.7;transition:opacity .2s}.snackbar-close:hover{opacity:1;background-color:#ffffff1a}.snackbar-success{background-color:#4caf50}.snackbar-error{background-color:#f44336}.snackbar-warning{background-color:#ff9800}.snackbar-info{background-color:#1486d1}@keyframes slideUp{0%{transform:translate(-50%,20px)}to{transform:translate(-50%)}}@media (max-width: 600px){.snackbar{min-width:200px;max-width:90%}}.mapping-selector-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background-color:#0f172ab3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;animation:fadeIn .3s ease-out}.mapping-selector-modal{width:80%;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;background-color:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;overflow:hidden;animation:slideUp .3s ease-out}.mapping-selector-header{display:flex;justify-content:space-between;align-items:center;padding:24px 30px;border-bottom:1px solid #e2e8f0;background-color:#f8fafc}.mapping-selector-header h2{margin:0;font-size:22px;color:#1e293b;font-weight:700;display:flex;align-items:center;gap:12px}.mapping-selector-header h2 i{color:#1486d1;font-size:20px}.mapping-selector-close{background:none;border:none;color:#64748b;font-size:20px;cursor:pointer;transition:all .2s ease;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center}.mapping-selector-close:hover{background-color:#f1f5f9;color:#1e293b}.mapping-selector-progress-container{width:100%;height:4px;background-color:#e2e8f0;overflow:hidden}.mapping-selector-progress-bar{height:100%;background:linear-gradient(90deg,#1486d1,#38bdf8);transition:width .4s ease}.mapping-selector-status{padding:12px 30px;border-bottom:1px solid #e2e8f0}.mapping-selector-step{font-size:15px;color:#64748b;font-weight:500;display:flex;align-items:center;gap:8px}.cloud-label{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:20px;font-size:14px;font-weight:600}.cloud-label.cloud-aws{background-color:#ff99001a;color:#c2410c}.cloud-label.cloud-azure{background-color:#0078d41a;color:#0284c7}.cloud-label.cloud-gcp{background-color:#4285f41a;color:#2563eb}.mapping-selector-complete{display:flex;align-items:center;gap:10px;color:#10b981;font-weight:500}.mapping-selector-complete i{font-size:18px}.mapping-selector-content{flex:1;padding:20px 30px;overflow-y:auto;max-height:60vh}.mapping-selector-items{display:flex;flex-direction:column;gap:24px}.mapping-selector-cloud-info{display:flex;align-items:center;gap:16px;margin-bottom:10px}.cloud-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.cloud-icon.cloud-aws{background-color:#fef3c7;color:#f59e0b}.cloud-icon.cloud-azure{background-color:#e0f2fe;color:#0ea5e9}.cloud-icon.cloud-gcp{background-color:#dbeafe;color:#3b82f6}.cloud-details h3{margin:0 0 4px;font-size:18px;color:#0f172a}.cloud-details p{margin:0;color:#64748b;font-size:14px}.mapping-selector-item{display:flex;align-items:flex-start;gap:24px;padding:16px 20px;border-radius:12px;background-color:#f8fafc;border:1px solid #e2e8f0;transition:all .2s ease}.mapping-selector-item:hover{background-color:#f1f5f9;border-color:#cbd5e1;box-shadow:0 4px 6px -1px #0000000d}.mapping-source{display:flex;flex-direction:column;min-width:150px;position:relative}.source-cloud{font-size:14px;font-weight:600;margin-bottom:6px;display:flex;align-items:center;gap:6px}.source-cloud.cloud-aws{color:#f59e0b}.source-cloud.cloud-azure{color:#0ea5e9}.source-cloud.cloud-gcp{color:#3b82f6}.source-service{font-size:15px;color:#1e293b;font-weight:500;word-break:break-word}.mapping-arrow{display:flex;align-items:center;color:#94a3b8;font-size:20px;padding-top:8px}.mapping-options{flex:1;display:flex;flex-direction:column;gap:10px}.options-header{margin-bottom:6px}.target-cloud{font-size:14px;font-weight:600;display:flex;align-items:center;gap:6px}.target-cloud.cloud-aws{color:#f59e0b}.target-cloud.cloud-azure{color:#0ea5e9}.target-cloud.cloud-gcp{color:#3b82f6}.options-list{display:flex;flex-direction:column;gap:10px}.option-item{display:flex;align-items:center;gap:14px;padding:10px 12px;border-radius:8px;background-color:#fff;border:1px solid #e2e8f0;cursor:pointer;transition:all .2s ease}.option-item:hover{background-color:#f8fafc;border-color:#cbd5e1}.option-item.selected{background-color:#f0f9ff;border-color:#38bdf8}.option-item.selected .radio-inner{transform:scale(1);opacity:1}.option-radio{display:flex;align-items:center;justify-content:center}.radio-outer{width:20px;height:20px;border-radius:50%;border:2px solid #cbd5e1;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.option-item:hover .radio-outer{border-color:#94a3b8}.option-item.selected .radio-outer{border-color:#1486d1}.radio-inner{width:10px;height:10px;border-radius:50%;background-color:#1486d1;transform:scale(0);opacity:0;transition:all .2s ease}.option-details{flex:1;display:flex;flex-direction:column}.option-name{font-size:14px;font-weight:600;color:#0f172a;margin-bottom:2px}.option-description{font-size:12px;color:#64748b}.option-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center}.option-icon img{max-width:100%;max-height:100%}.mapping-selector-empty{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px;text-align:center;color:#64748b}.mapping-selector-empty i{font-size:40px;color:#94a3b8}.mapping-selector-submitting{display:flex;flex-direction:column;align-items:center;gap:20px;padding:50px 0}.mapping-selector-spinner{width:50px;height:50px;border:4px solid rgba(20,134,209,.2);border-left-color:#1486d1;border-radius:50%;animation:spin 1s linear infinite}.mapping-selector-footer{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;border-top:1px solid #e2e8f0;background-color:#f8fafc}.mapping-selector-button{padding:10px 20px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;border:none}.mapping-selector-button.primary{background-color:#1486d1;color:#fff}.mapping-selector-button.primary:hover:not(:disabled){background-color:#0c6aa8;transform:translateY(-1px)}.mapping-selector-button.secondary{background-color:#f1f5f9;color:#64748b}.mapping-selector-button.secondary:hover:not(:disabled){background-color:#e2e8f0;color:#334155}.mapping-selector-button:disabled{opacity:.5;cursor:not-allowed}.mapping-selector-steps{display:flex;align-items:center;gap:8px}.step-indicator{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#64748b;background-color:#f1f5f9;border:2px solid #e2e8f0;position:relative;transition:all .2s ease}.step-indicator.active{color:#fff;background-color:#1486d1;border-color:#1486d1;transform:scale(1.1)}.step-indicator.completed{color:#fff;background-color:#10b981;border-color:#10b981}.step-tooltip{position:absolute;top:-30px;left:50%;transform:translate(-50%);background-color:#1e293b;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;opacity:0;visibility:hidden;transition:all .2s ease;pointer-events:none;white-space:nowrap}.step-indicator:hover .step-tooltip{opacity:1;visibility:visible}@media (max-width: 768px){.mapping-selector-modal{width:95vw}.mapping-selector-item{flex-direction:column;gap:16px}.mapping-arrow{display:none}.mapping-source{min-width:auto;width:100%}}.convertButton{background-color:#fff;color:#1486d1;font-size:16px;font-weight:600;width:11.6%;height:55px;cursor:pointer;transition:background-color .3s ease,transform .2s ease;display:flex;align-items:center;justify-content:center;padding:0;border:none;position:fixed;left:18%;top:0;transform:translate(-50%);z-index:5;box-shadow:0 1px 3px #0000000d}.modal-header-stacked{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:12px;font-size:22px;margin-bottom:25px;font-weight:600;text-align:center;position:relative;padding-bottom:10px}.modal-logo-stacked{width:50px!important;height:50px!important;object-fit:contain;flex-shrink:0}.convertButton:hover{background-color:#f0f7ff}.buttonConvert:hover{background-color:#fff;transform:translate(-50%) scale(1)}.modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-out}.modalContent{background-color:#fff;padding:30px 40px;border-radius:16px;width:40%;text-align:center;box-shadow:0 10px 25px #00000026;animation:slideUp .3s ease-out;max-width:95%}.modalContent h3{font-size:22px;margin-bottom:25px;color:#1486d1;font-weight:600;position:relative;padding-bottom:10px}.checkboxContainer{display:flex;justify-content:center;flex-wrap:wrap;gap:15px;margin:20px 0}.checkboxLabel{display:flex;align-items:center;gap:10px;margin:10px 15px;font-size:16px;cursor:pointer;font-weight:500;transition:all .2s ease;padding:8px 16px;border-radius:8px;background-color:#f8fafc;border:2px solid transparent}.checkboxLabel:hover{background-color:#f1f5f9}.checkboxLabel input{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:20px;height:20px;border:2px solid #cbd5e1;border-radius:4px;cursor:pointer;position:relative;transition:all .2s ease}.checkboxLabel input:checked{border-color:transparent}.checkboxLabel input:focus{box-shadow:0 0 0 2px #1486d133}.checkboxLabel.aws{color:#f90}.checkboxLabel.aws input:checked{background-color:#f90}.checkboxLabel.aws input:checked:before{background-color:#f90}.checkboxLabel.azure{color:#0078d4}.checkboxLabel.azure input:checked{background-color:#0078d4}.checkboxLabel.azure input:checked:before{background-color:#0078d4}.checkboxLabel.gcp{color:#4285f4}.checkboxLabel.gcp input:checked{background-color:#4285f4}.checkboxLabel.gcp input:checked:before{background-color:#4285f4}.checkboxLabel input:checked:before{content:"";position:absolute;top:2px;left:6px;width:6px;height:12px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkboxLabel.active{border-color:currentColor;background-color:rgba(var(--color-rgb),.05)}.note{color:#64748b;font-size:13px;line-height:1.5;margin-top:20px;text-align:center;background-color:#f1f5f9;padding:12px;border-radius:8px;border-left:4px solid #1486d1}.modalActions{margin-top:30px;display:flex;justify-content:center;gap:15px}.modalButton{padding:10px 24px;font-size:15px;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s ease;min-width:100px;display:flex;align-items:center;justify-content:center}.modalButton.ok{background-color:#1486d1;color:#fff}.modalButton.ok:hover{background-color:#0e6bad;transform:translateY(-2px);box-shadow:0 4px 8px #1486d133}.modalButton.ok:active{transform:translateY(0)}.modalButton.cancel{background-color:#f1f5f9;color:#64748b}.modalButton.cancel:hover{background-color:#e2e8f0;color:#475569;transform:translateY(-2px)}.modalButton.cancel:active{transform:translateY(0)}@media (max-width: 768px){.modalContent{width:85%;padding:25px 20px;margin:20px;max-width:none}.modalContent h3{font-size:20px;margin-bottom:20px}.checkboxContainer{flex-direction:column;gap:10px;margin:15px 0}.checkboxLabel{margin:5px 0;padding:12px 16px;justify-content:center;width:100%;box-sizing:border-box}.modalActions{flex-direction:column;gap:10px;margin-top:25px}.modalButton{width:100%;padding:12px 20px;font-size:16px;min-width:auto}.note{font-size:12px;padding:10px;margin-top:15px}.convertButton{-webkit-tap-highlight-color:transparent;touch-action:manipulation}}@media (max-width: 480px){.modalContent{width:95%;padding:20px 15px;margin:10px;border-radius:12px}.modalContent h3{font-size:18px;margin-bottom:15px}.modalContent h3:after{width:40px;height:2px}.checkboxContainer{gap:8px;margin:12px 0}.checkboxLabel{padding:10px 12px;font-size:15px;border-radius:6px}.checkboxLabel input{width:18px;height:18px}.checkboxLabel input:checked:before{top:1px;left:5px;width:5px;height:10px}.modalButton{padding:12px 16px;font-size:15px;border-radius:6px}.note{font-size:11px;padding:8px;margin-top:12px}}@media (max-width: 360px){.modalContent{width:98%;padding:15px 10px;margin:5px}.modalContent h3{font-size:16px;margin-bottom:12px}.checkboxLabel{padding:8px 10px;font-size:14px}.modalButton{padding:10px 12px;font-size:14px}}@media (max-width: 768px){.modalButton:active{transform:scale(.98)}.checkboxLabel:active{transform:scale(.98);background-color:#f0f7ff}.convertButton{min-height:44px;left:14%}.modalButton,.checkboxLabel{min-height:20px}.checkboxLabel input{min-width:20px;min-height:20px}}@media (max-width: 768px){.modalButton,.checkboxLabel{touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;left:14%}}.edge-editor-compact{position:fixed;top:55px;left:0;width:240px;background:linear-gradient(135deg,#fff,#fafbfc);border-radius:0;box-shadow:0 8px 25px #1486d126,0 3px 10px #00000014,0 0 0 1px #e2e8f0cc;z-index:1000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;animation:slideInGlow .3s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}@keyframes slideInGlow{0%{transform:translate(-20px) scale(.95);opacity:0}to{transform:translate(0) scale(1);opacity:1}}html,body{margin:0;box-sizing:border-box}#app{width:100vw;height:100vh}.button-edge__label{position:absolute;pointer-events:all;transform-origin:center}.button-edge__button{width:30px;height:30px;border:5px solid #f7f9fb;color:var(--xy-edge-label-color-default);background-color:#f3f3f4;cursor:pointer;border-radius:50%;font-size:12px;padding-top:0}.button-edge__button:hover{background-color:var(--xy-theme-hover);color:#fff}.edge-editor-header{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#1486d1,#0ea5e9);color:#fff;padding:10px 14px}.edge-editor-header h4{margin:0;font-size:14px;font-weight:600;display:flex;align-items:center;gap:6px}.edge-editor-header h4 i{font-size:13px;opacity:.9}.close-button{background:#fff3;border:none;border-radius:5px;padding:4px 6px;color:#fff;cursor:pointer;font-size:11px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.close-button:hover{background:#ffffff4d;transform:scale(1.05)}.editor-content{padding:12px;display:flex;flex-direction:column;gap:6px}.editor-section-compact{display:flex;flex-direction:column;gap:8px}.editor-field-compact{display:flex;align-items:center;justify-content:space-between;gap:8px}.editor-field-compact label{font-size:11px;font-weight:600;color:#475569;flex:0 0 auto;min-width:40px}.editor-field-compact select,.editor-field-compact input[type=text]{flex:1;padding:6px 8px;border:1.5px solid #e2e8f0;border-radius:6px;font-size:11px;background:#fff;transition:all .2s ease;height:26px}.editor-field-compact select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%231486d1' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center;padding-right:24px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.editor-field-compact input[type=color]{width:60px;height:26px;cursor:pointer;border:1.5px solid #e2e8f0;border-radius:6px;padding:2px;background:#fff;transition:all .2s ease}.editor-field-compact input[type=color]::-webkit-color-swatch-wrapper{padding:0;border-radius:4px}.editor-field-compact input[type=color]::-webkit-color-swatch{border:none;border-radius:4px}.editor-field-compact select:focus,.editor-field-compact input:focus{border-color:#1486d1;box-shadow:0 0 0 2px #1486d11a;outline:none}.editor-field-compact select:hover,.editor-field-compact input:hover{border-color:#94a3b8}.style-options-row{display:flex;gap:8px;padding:8px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:6px;border:1px solid #e2e8f0}.style-option{display:flex;align-items:center;flex:1;cursor:pointer;position:relative}.style-option input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.style-option label{display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 8px;border-radius:4px;background:#fff;border:1.5px solid #e2e8f0;transition:all .2s ease;cursor:pointer;font-size:10px;font-weight:600;color:#64748b;width:100%;text-align:center}.style-option label i{font-size:9px}.style-option input[type=checkbox]:checked+label{background:linear-gradient(135deg,#1486d1,#0ea5e9);color:#fff;border-color:#1486d1;transform:scale(1.02);box-shadow:0 2px 6px #1486d133}.style-option:hover label{border-color:#1486d1;transform:translateY(-1px)}.arrow-selection{display:flex;flex-direction:column;gap:6px}.section-label{font-size:11px;font-weight:600;color:#475569}.arrow-options{display:grid;grid-template-columns:repeat(2,1fr);gap:4px}.arrow-option{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 4px;border-radius:6px;background:#fff;border:1.5px solid #e2e8f0;cursor:pointer;transition:all .2s ease;gap:2px}.arrow-option i{font-size:12px;color:#64748b;transition:color .2s ease}.arrow-option span{font-size:9px;font-weight:600;color:#64748b;transition:color .2s ease}.arrow-option:hover{border-color:#1486d1;transform:translateY(-1px);box-shadow:0 2px 4px #1486d11a}.arrow-option.selected{background:linear-gradient(135deg,#1486d1,#0ea5e9);border-color:#1486d1;transform:scale(1.02);box-shadow:0 2px 6px #1486d133}.arrow-option.selected i,.arrow-option.selected span{color:#fff}.edge-preview-compact{display:flex;justify-content:center;align-items:center;height:32px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:6px;border:1px solid #e2e8f0;position:relative;margin:4px 0}.preview-line{width:70%;height:2px;background-color:var(--edge-color, #1486d1);position:relative;border-radius:1px;transition:all .3s ease}.preview-line.dashed{background:repeating-linear-gradient(to right,var(--edge-color, #1486d1),var(--edge-color, #1486d1) 4px,transparent 4px,transparent 8px)}.preview-line.animated{background:linear-gradient(90deg,var(--edge-color, #1486d1) 25%,rgba(20,134,209,.5) 50%,var(--edge-color, #1486d1) 75%);background-size:200% 100%;animation:flowAnimation 1.5s linear infinite}@keyframes flowAnimation{0%{background-position:100% 0}to{background-position:-100% 0}}.preview-arrow-right:after{content:"";position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:3px solid transparent;border-bottom:3px solid transparent;border-left:6px solid var(--edge-color, #1486d1)}.preview-arrow-left:before{content:"";position:absolute;left:-6px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:3px solid transparent;border-bottom:3px solid transparent;border-right:6px solid var(--edge-color, #1486d1)}.preview-arrow-double:before,.preview-arrow-double:after{content:"";position:absolute;top:50%;transform:translateY(-50%);width:0;height:0;border-top:3px solid transparent;border-bottom:3px solid transparent}.preview-arrow-double:before{left:-6px;border-right:6px solid var(--edge-color, #1486d1)}.preview-arrow-double:after{right:-6px;border-left:6px solid var(--edge-color, #1486d1)}.preview-label{position:absolute;top:-16px;left:50%;transform:translate(-50%);background:#fff;padding:1px 4px;border-radius:3px;font-size:9px;font-weight:500;color:#374151;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-actions-compact{display:flex;gap:6px;margin-top:4px}.editor-actions-compact button{flex:1;padding:8px 12px;border:none;border-radius:6px;cursor:pointer;font-size:11px;font-weight:600;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:4px}.save-btn{background:linear-gradient(135deg,#1486d1,#0ea5e9);color:#fff;box-shadow:0 2px 6px #1486d133}.save-btn:hover{background:linear-gradient(135deg,#0e6bad,#0284c7);transform:translateY(-1px);box-shadow:0 4px 8px #1486d14d}.cancel-btn{background:#fff;color:#64748b;border:1.5px solid #e2e8f0}.cancel-btn:hover{background:#f8fafc;color:#475569;border-color:#cbd5e1;transform:translateY(-1px)}.editor-actions-compact button:active{transform:translateY(0)}.quick-help{display:flex;justify-content:space-between;font-size:9px;color:#94a3b8;padding:4px 0;border-top:1px solid #f1f5f9;margin-top:4px}.quick-help span{display:flex;align-items:center;gap:2px}kbd{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:2px;padding:1px 3px;font-size:8px;font-weight:600;color:#475569;box-shadow:0 1px 1px #0000000d}.bend-options{display:flex;flex-direction:column;gap:6px}.bend-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.bend-preset{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 4px;border-radius:4px;background:#fff;border:1.5px solid #e2e8f0;cursor:pointer;transition:all .2s ease;gap:2px}.bend-preset i{font-size:10px;color:#64748b;transition:color .2s ease}.bend-preset span{font-size:8px;font-weight:600;color:#64748b;transition:color .2s ease}.bend-preset:hover{border-color:#1486d1;transform:translateY(-1px);box-shadow:0 2px 4px #1486d11a}.bend-preset:hover i,.bend-preset:hover span{color:#1486d1}@media (max-width: 768px){.edge-editor-compact{left:4px;width:calc(100% - 8px);max-width:240px}.arrow-options{grid-template-columns:repeat(4,1fr)}.arrow-option{padding:6px 2px}.style-options-row{gap:4px}.bend-presets{grid-template-columns:repeat(3,1fr);gap:3px}.bend-preset{padding:4px 2px}.quick-help{flex-direction:column;gap:2px;text-align:center}}.edge-editor-compact button:focus-visible,.edge-editor-compact select:focus-visible,.edge-editor-compact input:focus-visible{outline:2px solid #1486d1;outline-offset:1px}.edge-editor-compact.loading{pointer-events:none;opacity:.7}.closed-button,.minimize-button{position:inherit;top:16px;right:16px;background:none;border:none;font-size:24px;color:#1486d1;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.closed-button:hover,.minimize-button:hover{background-color:#1486d1;color:#fff}.header-actions{display:flex;gap:8px;align-items:center}.chatgpt-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000a6;display:flex;justify-content:center;align-items:center;z-index:10000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:overlayFadeIn .3s ease}.chatgpt-overlay.minimized{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;justify-content:flex-end;align-items:flex-end;pointer-events:none}.chatgpt-overlay.minimized .chatgpt-modal{pointer-events:all}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.chatgpt-modal{display:flex;width:95%;max-width:1400px;height:88vh;background:#fff;border-radius:16px;box-shadow:0 25px 70px #1486d140,0 10px 30px #00000026;overflow:hidden;animation:modalSlideIn .4s cubic-bezier(.16,1,.3,1);transition:all .4s cubic-bezier(.16,1,.3,1)}.chatgpt-modal.minimized{width:360px;height:650px;max-width:95vw;max-height:70vh;margin:0;box-shadow:0 12px 40px #1486d14d,0 4px 12px #0003}.chatgpt-modal.minimized .chatgpt-sidebar{display:none}.chatgpt-modal.minimized .chatgpt-main{border-radius:16px}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.chatgpt-sidebar{width:300px;background:linear-gradient(180deg,#f8f9fa,#fff);border-right:1px solid #e3e8ef;display:flex;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:2px 0 10px #00000008}.chatgpt-sidebar.hide{transform:translate(-100%);width:0;opacity:0}.sidebar-header{padding:20px 16px;border-bottom:1px solid #e3e8ef;background:#fff}.new-chat-button{width:100%;padding:14px 20px;background:linear-gradient(135deg,#1486d1,#0d6eaa);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:10px;justify-content:center;transition:all .3s ease;box-shadow:0 4px 12px #1486d140;letter-spacing:.3px}.new-chat-button:hover{background:linear-gradient(135deg,#0d6eaa,#0a5a8a);transform:translateY(-2px);box-shadow:0 6px 20px #1486d159}.new-chat-button:active{transform:translateY(0);box-shadow:0 2px 8px #1486d14d}.new-chat-button i{font-size:18px}.sidebar-conversations{flex:1;overflow-y:auto;padding:12px;background:transparent}.sidebar-conversations::-webkit-scrollbar{width:6px}.sidebar-conversations::-webkit-scrollbar-track{background:transparent}.sidebar-conversations::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:10px}.sidebar-conversations::-webkit-scrollbar-thumb:hover{background:#a0aec0}.sidebar-section-title{padding:16px 12px 10px;font-size:11px;font-weight:700;color:#718096;text-transform:uppercase;letter-spacing:1px}.no-conversations-sidebar{padding:60px 20px;text-align:center;color:#a0aec0;font-size:14px;line-height:1.6}.no-conversations-sidebar i{font-size:48px;color:#cbd5e0;margin-bottom:16px;display:block}.sidebar-conversation-item{padding:14px 12px;margin-bottom:6px;border-radius:10px;cursor:pointer;transition:all .2s ease;display:flex;gap:12px;align-items:flex-start;border:1px solid transparent;background:#fff}.sidebar-conversation-item:hover{background:#f7fafc;border-color:#e3e8ef;transform:translate(4px);box-shadow:0 2px 8px #0000000d}.sidebar-conversation-item.active{background:linear-gradient(135deg,#e6f2ff,#d6ebff);border-color:#1486d1;box-shadow:0 4px 12px #1486d126}.sidebar-conv-icon{width:36px;height:36px;background:linear-gradient(135deg,#1486d1,#0d6eaa);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;flex-shrink:0;box-shadow:0 2px 8px #1486d140}.sidebar-conversation-item.active .sidebar-conv-icon{background:linear-gradient(135deg,#0d6eaa,#0a5a8a)}.sidebar-conv-content{flex:1;min-width:0}.sidebar-conv-title{font-size:12px;font-weight:600;color:#2d3748;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4}.sidebar-conv-meta{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#718096;margin-top:4px}.sidebar-conv-date{display:flex;align-items:center;gap:4px}.sidebar-conv-platform{text-transform:uppercase;font-weight:700;color:#1486d1;font-size:10px;letter-spacing:.5px;background:#e6f2ff;padding:2px 6px;border-radius:4px}.chatgpt-main{flex:1;display:flex;flex-direction:column;background:#fff}.chatgpt-header{padding:20px 32px;border-bottom:1px solid #e3e8ef;display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(180deg,#fff,#f8f9fa);box-shadow:0 2px 8px #00000008}.chatgpt-modal.minimized .chatgpt-header{padding:16px 20px}.chatgpt-header h3{margin:0;font-size:18px;font-weight:700;color:#1a202c;flex:1;letter-spacing:-.3px;display:flex;align-items:center;gap:10px}.chatgpt-modal.minimized .chatgpt-header h3{font-size:16px}.chatgpt-header h3 i{color:#1486d1}.chatgpt-messages{flex:1;overflow-y:auto;padding:32px 24px;background:#fff}.chatgpt-modal.minimized .chatgpt-messages{padding:20px 16px}.chatgpt-messages::-webkit-scrollbar{width:10px}.chatgpt-messages::-webkit-scrollbar-track{background:#f7fafc;border-radius:10px}.chatgpt-messages::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#cbd5e0,#a0aec0);border-radius:10px;border:2px solid #f7fafc}.chatgpt-messages::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#a0aec0,#718096)}.welcome-screen{text-align:center;animation:welcomeFadeIn .6s ease}@keyframes welcomeFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.welcome-icon{font-size:80px;background:linear-gradient(135deg,#1486d1,#0d6eaa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:28px;animation:iconFloat 3s ease-in-out infinite}.chatgpt-modal.minimized .welcome-icon{font-size:50px;margin-bottom:16px}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.welcome-screen h2{font-size:28px;font-weight:700;color:#1a202c;margin-bottom:16px;letter-spacing:-.5px;line-height:1.2}.chatgpt-modal.minimized .welcome-screen h2{font-size:20px;margin-bottom:12px}.welcome-screen p{font-size:17px;color:#718096;margin-bottom:40px;line-height:1.6;max-width:600px;margin-left:auto;margin-right:auto}.chatgpt-modal.minimized .welcome-screen p{font-size:14px;margin-bottom:24px}.example-prompts{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:40px}.chatgpt-modal.minimized .example-prompts{grid-template-columns:1fr;gap:10px;margin-top:24px}.example-prompt-title{grid-column:1 / -1;font-size:15px;font-weight:700;color:#2d3748;margin-bottom:10px;text-align:left;letter-spacing:-.2px}.chatgpt-modal.minimized .example-prompt-title{font-size:13px;margin-bottom:6px}.example-prompt-button{padding:18px 22px;background:linear-gradient(135deg,#f7fafc,#fff);border:2px solid #e3e8ef;border-radius:12px;font-size:14px;color:#2d3748;cursor:pointer;transition:all .3s ease;text-align:left;line-height:1.5;font-weight:500;position:relative;overflow:hidden}.chatgpt-modal.minimized .example-prompt-button{padding:12px 16px;font-size:12px}.example-prompt-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#1486d10d,#1486d105);opacity:0;transition:opacity .3s ease}.example-prompt-button:hover{background:#fff;border-color:#1486d1;transform:translateY(-3px);box-shadow:0 6px 20px #1486d126;color:#1486d1}.example-prompt-button:hover:before{opacity:1}.example-prompt-button:active{transform:translateY(-1px);box-shadow:0 3px 10px #1486d133}.chat-message{display:flex;gap:16px;margin-bottom:28px;animation:messageFadeIn .4s ease}.chatgpt-modal.minimized .chat-message{gap:12px;margin-bottom:20px}@keyframes messageFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.chat-message.user{justify-content:flex-end}.chat-message.assistant{justify-content:flex-start}.message-avatar{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;box-shadow:0 2px 8px #0000001a}.chatgpt-modal.minimized .message-avatar{width:32px;height:32px;font-size:14px}.chat-message.user .message-avatar{background:linear-gradient(135deg,#1486d1,#0d6eaa);color:#fff;order:2}.chat-message.assistant .message-avatar{background:linear-gradient(135deg,#1486d1,#0d6eaa);color:#fff}.message-content{max-width:70%;padding:11px 13px;border-radius:16px;font-size:15px;line-height:1.7;box-shadow:0 2px 8px #0000000f}.chatgpt-modal.minimized .message-content{max-width:80%;padding:10px 12px;font-size:14px}.chat-message.user .message-content{background:linear-gradient(135deg,#e6f2ff,#d6ebff);color:#1a202c;border-bottom-right-radius:6px;order:1;border:1px solid #b8d9f7}.chat-message.assistant .message-content{background:#fff;color:#2d3748;border:1px solid #e3e8ef;border-bottom-left-radius:6px}.message-text{margin:0;word-wrap:break-word}.typing-indicator{display:flex;gap:6px;padding:12px 0}.typing-indicator span{width:10px;height:10px;background:linear-gradient(135deg,#1486d1,#0d6eaa);border-radius:50%;animation:typingAnimation 1.4s infinite ease-in-out;box-shadow:0 2px 4px #1486d14d}.typing-indicator span:nth-child(1){animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typingAnimation{0%,60%,to{transform:translateY(0) scale(1);opacity:.7}30%{transform:translateY(-12px) scale(1.1);opacity:1}}.chat-error{padding:14px 18px;background:linear-gradient(135deg,#fff5f5,#fed7d7);border:1px solid #fc8181;border-radius:10px;color:#c53030;font-size:14px;margin-bottom:20px;display:flex;align-items:center;gap:10px;font-weight:500;box-shadow:0 2px 8px #f5656526}.chat-error i{font-size:18px}.chatgpt-input-area{padding:10px 22px 18px;background:linear-gradient(180deg,#fff,#f8f9fa);border-top:1px solid #e3e8ef;box-shadow:0 -4px 12px #00000008}.chatgpt-modal.minimized .chatgpt-input-area{padding:12px 16px}.voice-interim-text{background:linear-gradient(135deg,#e6f2ff,#d6ebff);border:1px solid #1486d1;border-radius:10px;padding:12px 16px;margin-bottom:12px;display:flex;align-items:center;gap:12px;font-size:14px;color:#1a202c;animation:voiceTextFadeIn .3s ease;box-shadow:0 2px 8px #1486d126}@keyframes voiceTextFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.voice-interim-text .pulse-icon{color:#1486d1;font-size:16px;animation:pulseMicrophone 1.5s infinite}@keyframes pulseMicrophone{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}}.chatgpt-input-form{display:flex;gap:12px;align-items:flex-end;background:#fff;border:2px solid #e3e8ef;border-radius:14px;padding:14px 16px;transition:all .3s ease;box-shadow:0 2px 8px #0000000a}.chatgpt-modal.minimized .chatgpt-input-form{padding:10px 12px}.chatgpt-input-form:focus-within{border-color:#1486d1;box-shadow:0 4px 20px #1486d126;background:#fff}.voice-button{width:40px;height:40px;background:linear-gradient(135deg,#f7fafc,#fff);color:#1486d1;border:2px solid #e3e8ef;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0;font-size:16px}.chatgpt-modal.minimized .voice-button{width:36px;height:36px;font-size:14px}.voice-button:hover:not(:disabled){background:linear-gradient(135deg,#e6f2ff,#d6ebff);border-color:#1486d1;transform:scale(1.08);box-shadow:0 4px 12px #1486d133}.voice-button:active:not(:disabled){transform:scale(1)}.voice-button:disabled{background:#f7fafc;color:#cbd5e0;border-color:#e3e8ef;cursor:not-allowed}.voice-button.listening{background:linear-gradient(135deg,#1486d1,#0d6eaa);color:#fff;border-color:#1486d1;box-shadow:0 0 0 4px #1486d133;animation:listeningPulse 2s infinite}@keyframes listeningPulse{0%,to{box-shadow:0 0 0 4px #1486d133}50%{box-shadow:0 0 0 8px #1486d11a}}.voice-button.listening i.pulse{animation:microphonePulse 1.5s infinite}@keyframes microphonePulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.chatgpt-input{flex:1;border:none;background:transparent;font-size:15px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;resize:none;outline:none;color:#2d3748;max-height:200px;overflow-y:auto;line-height:2.6}.chatgpt-modal.minimized .chatgpt-input{font-size:14px;max-height:120px}.chatgpt-input::placeholder{color:#a0aec0}.chatgpt-input::-webkit-scrollbar{width:6px}.chatgpt-input::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:10px}.chatgpt-send-button{width:40px;height:40px;background:linear-gradient(135deg,#1486d1,#0d6eaa);color:#fff;border:none;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0;box-shadow:0 4px 12px #1486d140;font-size:16px}.chatgpt-modal.minimized .chatgpt-send-button{width:36px;height:36px;font-size:14px}.chatgpt-send-button:hover:not(:disabled){background:linear-gradient(135deg,#0d6eaa,#0a5a8a);transform:scale(1.08);box-shadow:0 6px 20px #1486d159}.chatgpt-send-button:active:not(:disabled){transform:scale(1);box-shadow:0 2px 8px #1486d14d}.chatgpt-send-button:disabled{background:linear-gradient(135deg,#cbd5e0,#a0aec0);cursor:not-allowed;box-shadow:none}.voice-hint{margin-top:12px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:13px;color:#1486d1;font-weight:600;animation:voiceHintFadeIn .3s ease}@keyframes voiceHintFadeIn{0%{opacity:0}to{opacity:1}}.voice-wave{display:flex;gap:4px;align-items:center;height:20px}.voice-wave span{width:3px;background:linear-gradient(180deg,#1486d1,#0d6eaa);border-radius:3px;animation:waveAnimation 1.2s ease-in-out infinite}.voice-wave span:nth-child(1){height:8px;animation-delay:0s}.voice-wave span:nth-child(2){height:14px;animation-delay:.1s}.voice-wave span:nth-child(3){height:18px;animation-delay:.2s}.voice-wave span:nth-child(4){height:14px;animation-delay:.3s}.voice-wave span:nth-child(5){height:8px;animation-delay:.4s}@keyframes waveAnimation{0%,to{transform:scaleY(.5);opacity:.6}50%{transform:scaleY(1);opacity:1}}.voice-hint-text{letter-spacing:.3px}.auth-modal{width:540px;height:auto;display:flex;align-items:center;justify-content:center;border-radius:16px}.auth-content{text-align:center;padding:56px 48px;width:100%}.auth-icon{font-size:80px;background:linear-gradient(135deg,#1486d1,#0d6eaa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:28px}.auth-content h3{font-size:28px;font-weight:700;color:#1a202c;margin-bottom:14px;letter-spacing:-.5px}.auth-content p{font-size:16px;color:#718096;margin-bottom:36px;line-height:1.6}.auth-signin-button{padding:16px 36px;background:linear-gradient(135deg,#1486d1,#0d6eaa);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:all .3s ease;box-shadow:0 6px 20px #1486d14d;letter-spacing:.3px}.auth-signin-button:hover{background:linear-gradient(135deg,#0d6eaa,#0a5a8a);transform:translateY(-3px);box-shadow:0 10px 30px #1486d166}.auth-signin-button:active{transform:translateY(-1px);box-shadow:0 4px 15px #1486d159}@media (max-width: 1200px){.chatgpt-modal{width:98%;height:90vh}.chatgpt-sidebar{width:280px}.example-prompts{grid-template-columns:1fr}}@media (max-width: 768px){.chatgpt-modal{flex-direction:column;height:95vh}.chatgpt-modal.minimized{width:95%;height:85vh;margin:0 auto 12px}.chatgpt-sidebar{width:100%;height:220px;border-right:none;border-bottom:1px solid #e3e8ef}.chatgpt-sidebar.hide{transform:translateY(-100%);height:0}.sidebar-conversations{display:flex;overflow-x:auto;overflow-y:hidden;padding:12px 12px 20px}.sidebar-conversation-item{min-width:220px;margin-right:10px;margin-bottom:0}.chatgpt-header{padding:16px 20px}.chatgpt-header h3{font-size:16px}.chatgpt-messages{padding:20px 16px}.message-content{max-width:80%}.welcome-screen{margin:40px auto}.welcome-screen h2{font-size:26px}.welcome-screen p{font-size:15px}.chatgpt-input-area{padding:16px 20px 24px}.auth-modal{width:95%}.auth-content{padding:40px 32px}}@media (max-width: 480px){.chatgpt-modal{width:100%;height:100vh;border-radius:0}.chatgpt-modal.minimized{width:100%;height:70vh;margin:0;border-radius:16px 16px 0 0}.chatgpt-header{padding:14px 16px}.chatgpt-header h3{font-size:14px}.chatgpt-messages{padding:16px 12px}.chat-message{gap:12px;margin-bottom:20px}.message-avatar{width:34px;height:34px;font-size:16px}.message-content{max-width:85%;font-size:14px;padding:12px 16px}.welcome-screen{margin:30px auto}.welcome-icon{font-size:60px}.welcome-screen h2{font-size:22px}.welcome-screen p{font-size:14px}.example-prompt-button{padding:14px 16px;font-size:13px}.chatgpt-input-area{padding:12px 16px 20px}.chatgpt-input-form{padding:10px 12px;gap:8px}.chatgpt-input{font-size:14px}.voice-button,.chatgpt-send-button{width:36px;height:36px;font-size:14px}.voice-interim-text{font-size:13px;padding:10px 14px}.voice-hint{font-size:12px;margin-top:10px}.voice-wave{height:16px}.voice-wave span{width:2px}.voice-wave span:nth-child(1),.voice-wave span:nth-child(5){height:6px}.voice-wave span:nth-child(2),.voice-wave span:nth-child(4){height:10px}.voice-wave span:nth-child(3){height:14px}}.modal-content.image-processing-modal{max-width:1200px;width:95%;padding:0;text-align:left}.modal-header1{padding:10px 20px;border-bottom:1px solid #eee;position:relative;font-size:20px}.input-form.image-processing-form{padding:30px;align-items:stretch}.image-processing-container{display:flex;gap:30px;margin-bottom:25px;min-height:450px}.image-upload-section{flex:0 0 40%;display:flex;flex-direction:column}.image-input-section{flex:1;display:flex;flex-direction:column;gap:20px}.image-upload-area-side{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;border:2px dashed var(--border-color);border-radius:var(--border-radius);background-color:var(--background-light);cursor:pointer;transition:var(--transition);min-height:400px;height:100%;position:relative}.image-upload-area-side:hover,.image-upload-area-side.active{border-color:var(--primary-color);background-color:#f0f7ff;transform:translateY(-2px);box-shadow:var(--shadow-md)}.upload-placeholder h4{margin:15px 0 10px;color:var(--text-primary);font-size:18px;font-weight:600}.upload-placeholder p{margin:8px 0;color:var(--text-secondary);font-size:14px}.image-upload-icon{font-size:48px;color:var(--primary-color);margin-bottom:15px}.paste-instructions{font-size:12px;color:var(--text-secondary);font-style:italic;margin-top:10px}.image-upload-button{background-color:var(--primary-color);color:#fff;border:none;padding:12px 20px;border-radius:var(--border-radius);cursor:pointer;font-weight:500;margin-top:15px;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:8px}.image-upload-button:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.image-preview-container-side{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:10px}.image-preview-side{max-width:100%;max-height:320px;border-radius:var(--border-radius);box-shadow:var(--shadow-md);object-fit:contain}.remove-image-button-side{background-color:var(--error-color);color:#fff;border:none;padding:8px 16px;border-radius:var(--border-radius);cursor:pointer;font-size:14px;margin-top:15px;transition:var(--transition);display:flex;align-items:center;gap:6px}.remove-image-button-side:hover{background-color:#dc2626;transform:translateY(-1px)}.image-context-input{min-height:280px;resize:vertical;font-family:inherit;line-height:1.5}.image-context-input::placeholder{color:#94a3b8;font-style:normal;line-height:1.4}.processing-guidelines{background:linear-gradient(135deg,#f0f7ff,#e0f2fe);border-radius:var(--border-radius);padding:20px;border-left:4px solid var(--primary-color)}.processing-guidelines h4{margin:0 0 15px;color:var(--primary-color);font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px}.processing-guidelines ul{margin:0;padding:0;list-style:none}.processing-guidelines li{margin-bottom:8px;display:flex;align-items:center;gap:10px;color:var(--text-primary);font-size:14px}.processing-guidelines li i.fa-check{color:var(--success-color);font-size:12px;width:16px}@media (max-width: 1200px){.modal-content.image-processing-modal{width:90%;margin:20px auto}.image-processing-container{flex-direction:column;gap:20px}.image-upload-section,.image-input-section{flex:1 1 100%}.image-upload-area-side{min-height:300px}.image-preview-side{max-height:250px}}@media (max-width: 768px){.modal-content.image-processing-modal{max-width:100%;height:100vh;width:100%;margin:0;border-radius:0}.input-form.image-processing-form{padding:15px}.image-processing-container{gap:15px;min-height:auto}.image-upload-area-side{min-height:250px;padding:15px}.upload-placeholder h4{font-size:16px;margin:10px 0 5px}.upload-placeholder p{font-size:12px}.image-upload-icon{font-size:36px;margin-bottom:10px}.paste-instructions{font-size:10px}.image-upload-button{padding:10px 15px;font-size:14px;margin-top:10px}.image-preview-side{max-height:200px}.remove-image-button-side{padding:6px 12px;font-size:12px;margin-top:10px}.image-input-section{gap:15px}.image-context-input{min-height:150px}.processing-guidelines{padding:15px}.processing-guidelines h4{font-size:14px;margin-bottom:10px}.processing-guidelines li{font-size:12px}}:root{--modal-primary: #1486d1;--modal-primary-hover: #0f6cb3;--modal-primary-light: rgba(20, 134, 209, .1);--modal-aws: #ff9900;--modal-azure: #0078d4;--modal-gcp: #4285f4;--modal-success: #1486d1;--modal-warning: #f59e0b;--modal-error: #ef4444;--modal-bg-light: #fafbfc;--modal-bg-medium: #f1f5f9;--modal-border: #e2e8f0;--modal-text-primary: #1e293b;--modal-text-secondary: #64748b;--modal-shadow-sm: 0 2px 8px rgba(0, 0, 0, .05);--modal-shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--modal-shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--modal-shadow-xl: 0 20px 40px rgba(0, 0, 0, .15);--modal-radius-sm: 8px;--modal-radius-md: 12px;--modal-radius-lg: 16px;--modal-spacing-xs: 8px;--modal-spacing-sm: 12px;--modal-spacing-md: 16px;--modal-spacing-lg: 24px;--modal-spacing-xl: 32px}.pricing-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0f172ad9,#1e293be6);display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(8px) saturate(150%);backdrop-filter:blur(8px) saturate(150%);z-index:2000;animation:fadeInOverlay .4s ease-out;padding:var(--modal-spacing-lg)}@keyframes fadeInOverlay{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(8px) saturate(150%);backdrop-filter:blur(8px) saturate(150%)}}.pricing-modal-content{background:#fff;border-radius:var(--modal-radius-lg);width:100%;max-width:1400px;max-height:95vh;overflow-y:auto;box-shadow:var(--modal-shadow-xl);animation:slideUpModal .4s cubic-bezier(.16,1,.3,1);position:relative;border:1px solid rgba(255,255,255,.1)}@keyframes slideUpModal{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.pricing-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--modal-spacing-xl) var(--modal-spacing-xl) var(--modal-spacing-lg);border-bottom:2px solid var(--modal-border);background:linear-gradient(135deg,var(--modal-primary) 0%,#0ea5e9 100%);color:#fff;position:relative;overflow:hidden}.pricing-modal-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.pricing-modal-header h2{margin:0;font-size:28px;font-weight:700;display:flex;align-items:center;gap:var(--modal-spacing-sm);position:relative;z-index:1;text-shadow:0 2px 4px rgba(0,0,0,.1)}.pricing-modal-header i{font-size:32px;opacity:.9}.close-button{background:#ffffff26;border:1px solid rgba(255,255,255,.2);color:#fff;width:44px;height:44px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .3s cubic-bezier(.16,1,.3,1);text-align:left}.resource-card:hover{transform:translateY(-6px);box-shadow:var(--modal-shadow-lg)}.resource-card.aws{border-top-color:var(--modal-aws)}.resource-card.azure{border-top-color:var(--modal-azure)}.resource-card.gcp{border-top-color:var(--modal-gcp)}.category-badge{position:absolute;top:var(--modal-spacing-sm);right:var(--modal-spacing-sm);padding:4px var(--modal-spacing-xs);border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#fff;box-shadow:var(--modal-shadow-sm)}.category-badge.aws{background:var(--modal-aws)}.category-badge.azure{background:var(--modal-azure)}.category-badge.gcp{background:var(--modal-gcp)}.resource-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-top:var(--modal-spacing-xl);margin-bottom:var(--modal-spacing-sm);gap:var(--modal-spacing-sm)}.resource-title{font-size:16px;font-weight:700;color:var(--modal-text-primary);flex:1;text-align:left;line-height:1.3;word-break:break-word}.price{font-size:20px;font-weight:800;color:var(--modal-text-primary);white-space:nowrap;text-align:center;background:linear-gradient(135deg,var(--modal-primary) 0%,#0ea5e9 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.resource-pricing{flex-grow:1;padding-bottom:var(--modal-spacing-sm)}.service-name,.instance-type{font-size:13px;padding:var(--modal-spacing-xs) var(--modal-spacing-sm);border-radius:var(--modal-radius-sm);background:var(--modal-bg-light);border:1px solid var(--modal-border);margin-bottom:var(--modal-spacing-xs);color:var(--modal-text-primary);text-align:left}.service-name strong,.instance-type strong{color:var(--modal-primary);font-weight:700}.config,.reasoning{font-size:13px;color:var(--modal-text-secondary);margin:4px 0;word-wrap:break-word;text-align:left;line-height:1.4}.config strong,.reasoning strong{color:var(--modal-text-primary);font-weight:600}.card-footer{display:flex;justify-content:flex-start;align-items:flex-end;margin-top:auto;padding-top:var(--modal-spacing-sm)}.edit-config-btn{background:linear-gradient(135deg,var(--modal-primary) 0%,#0ea5e9 100%);color:#fff;border:none;padding:var(--modal-spacing-xs) var(--modal-spacing-md);border-radius:var(--modal-radius-sm);cursor:pointer;width:100%;max-width:180px;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1);text-align:center;box-shadow:var(--modal-shadow-sm)}.edit-config-btn:hover{background:linear-gradient(135deg,var(--modal-primary-hover) 0%,#0284c7 100%);transform:translateY(-2px);box-shadow:var(--modal-shadow-md)}.config-editor{padding:var(--modal-spacing-lg);background:var(--modal-bg-light);border-top:2px solid var(--modal-border);animation:slideDownEditor .3s ease-out;border-radius:0 0 var(--modal-radius-md) var(--modal-radius-md)}@keyframes slideDownEditor{0%{opacity:0;max-height:0;padding-top:0;padding-bottom:0}to{opacity:1;max-height:400px;padding-top:var(--modal-spacing-lg);padding-bottom:var(--modal-spacing-lg)}}.config-editor h5{margin:0 0 var(--modal-spacing-md) 0;color:var(--modal-text-primary);font-size:16px;font-weight:700}.editor-fields{display:flex;flex-direction:column;gap:var(--modal-spacing-sm);margin-bottom:var(--modal-spacing-md)}.editor-fields input,.editor-fields textarea{width:100%;padding:var(--modal-spacing-sm) var(--modal-spacing-md);border:1px solid var(--modal-border);border-radius:var(--modal-radius-sm);font-size:13px;transition:all .2s ease;box-sizing:border-box;background:#fff}.editor-fields input:focus,.editor-fields textarea:focus{outline:none;border-color:var(--modal-primary);box-shadow:0 0 0 3px var(--modal-primary-light)}.editor-fields textarea{min-height:80px;resize:vertical;font-family:inherit}.config-editor button{background:linear-gradient(135deg,var(--modal-primary) 0%,#0ea5e9 100%);color:#fff;border:none;padding:var(--modal-spacing-sm) var(--modal-spacing-lg);border-radius:var(--modal-radius-sm);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:var(--modal-shadow-sm);min-width:100px;display:flex;align-items:center;justify-content:center}.config-editor button:hover{background:linear-gradient(135deg,var(--modal-primary-hover) 0%,#0284c7 100%);transform:translateY(-1px);box-shadow:var(--modal-shadow-md)}.totals-section{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #0ea5e9;border-radius:var(--modal-radius-md);padding:var(--modal-spacing-xl);margin-top:var(--modal-spacing-xl);position:relative;overflow:hidden}.totals-section:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:200%;background:radial-gradient(circle,rgba(14,165,233,.05) 0%,transparent 70%);pointer-events:none}.totals-section h4{margin:0 0 var(--modal-spacing-lg) 0;color:#0c4a6e;font-size:22px;font-weight:700;text-align:center;position:relative;z-index:1}.cloud-totals,.cloud-final-totals{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--modal-spacing-lg);margin-bottom:var(--modal-spacing-lg)}.total-item,.final-total-item{background:#fff;padding:var(--modal-spacing-lg);border-radius:var(--modal-radius-md);text-align:center;border:2px solid transparent;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:var(--modal-shadow-sm);position:relative;overflow:hidden}.total-item:before,.final-total-item:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;transition:all .3s ease}.total-item:hover,.final-total-item:hover{transform:translateY(-4px);box-shadow:var(--modal-shadow-md)}.total-item.aws,.final-total-item.aws{background:linear-gradient(135deg,#fff8f0,#fef3c7)}.total-item.aws:before,.final-total-item.aws:before{background:var(--modal-aws)}.total-item.azure,.final-total-item.azure{background:linear-gradient(135deg,#eff6ff,#dbeafe)}.total-item.azure:before,.final-total-item.azure:before{background:var(--modal-azure)}.total-item.gcp,.final-total-item.gcp{background:linear-gradient(135deg,#f0f9ff,#e0f2fe)}.total-item.gcp:before,.final-total-item.gcp:before{background:var(--modal-gcp)}.total-item span,.final-total-item span{display:block;font-size:14px;color:var(--modal-text-secondary);margin-bottom:var(--modal-spacing-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.total-item strong,.final-total-item strong{display:block;font-size:24px;font-weight:800;color:var(--modal-text-primary);margin-bottom:4px}.total-item small,.final-total-item small{display:block;font-size:12px;color:var(--modal-text-secondary);font-weight:500}.modifications-notice{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid var(--modal-warning);border-radius:var(--modal-radius-sm);padding:var(--modal-spacing-md) var(--modal-spacing-lg);margin-bottom:var(--modal-spacing-lg);display:flex;align-items:center;gap:var(--modal-spacing-sm);font-size:14px;color:#92400e;font-weight:600;box-shadow:var(--modal-shadow-sm)}.modifications-notice i{color:var(--modal-warning);font-size:18px}.ai-recommendations{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid var(--modal-success);border-radius:var(--modal-radius-sm);padding:var(--modal-spacing-lg);margin-bottom:var(--modal-spacing-lg);box-shadow:var(--modal-shadow-sm)}.ai-recommendations h5{margin:0 0 var(--modal-spacing-sm) 0;color:#15803d;font-size:16px;font-weight:700;display:flex;align-items:center;gap:var(--modal-spacing-xs)}.ai-recommendations ul{margin:0;padding-left:0;list-style:none}.ai-recommendations li{font-size:14px;color:#166534;margin-bottom:var(--modal-spacing-xs);position:relative;line-height:1.5;padding-left:var(--modal-spacing-lg)}.ai-recommendations li:before{content:"💡";position:absolute;left:0;top:0;font-size:16px}.error-section{padding:var(--modal-spacing-lg) var(--modal-spacing-xl)}.error-message{background:linear-gradient(135deg,#fef2f2,#fecaca);border:2px solid var(--modal-error);border-radius:var(--modal-radius-sm);padding:var(--modal-spacing-lg);color:#dc2626;display:flex;align-items:center;gap:var(--modal-spacing-sm);font-size:14px;line-height:1.6;font-weight:600;box-shadow:var(--modal-shadow-sm)}.error-message i{color:var(--modal-error);font-size:20px;flex-shrink:0}.cost-comparison,.change-summary,.optimization-tips{border-radius:var(--modal-radius-md);padding:var(--modal-spacing-lg);margin-bottom:var(--modal-spacing-lg);box-shadow:var(--modal-shadow-sm);border:2px solid transparent}.cost-comparison{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:#0ea5e9}.change-summary{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:var(--modal-success)}.optimization-tips{background:linear-gradient(135deg,#fefce8,#fef3c7);border-color:var(--modal-warning)}.cost-comparison h4,.change-summary h4,.optimization-tips h4{margin:0 0 var(--modal-spacing-md) 0;font-size:18px;font-weight:700;display:flex;align-items:center;gap:var(--modal-spacing-sm)}.cost-comparison h4{color:#0c4a6e}.change-summary h4{color:#15803d}.optimization-tips h4{color:#a16207}.cost-comparison h4 i,.change-summary h4 i,.optimization-tips h4 i{font-size:20px}.comparison-content p{margin:var(--modal-spacing-xs) 0;color:#0c4a6e;font-size:14px;line-height:1.6}.comparison-content strong{color:#1e40af;font-weight:700}.change-summary ul,.optimization-tips ul{margin:0;padding-left:0;list-style:none}.change-summary li,.optimization-tips li{font-size:14px;margin-bottom:var(--modal-spacing-xs);position:relative;line-height:1.5;padding-left:var(--modal-spacing-lg)}.change-summary li{color:#166534}.optimization-tips li{color:#854d0e}.change-summary li:before{content:"✓";position:absolute;left:0;top:0;color:var(--modal-success);font-weight:700;font-size:16px}.optimization-tips li:before{content:"💡";position:absolute;left:0;top:0;font-size:16px}.pricing-disclaimer{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:2px solid var(--modal-warning);border-radius:var(--modal-radius-sm);padding:var(--modal-spacing-lg);margin-top:var(--modal-spacing-xl);display:flex;align-items:flex-start;gap:var(--modal-spacing-md);box-shadow:var(--modal-shadow-sm)}.pricing-disclaimer i{color:var(--modal-warning);font-size:20px;margin-top:2px;flex-shrink:0;animation:disclaimerPulse 3s infinite}@keyframes disclaimerPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.pricing-disclaimer p{margin:0;color:#92400e;font-size:13px;line-height:1.6;font-weight:500}.pricing-disclaimer strong{color:#78350f;font-weight:700}.download-success-message{background:linear-gradient(135d,#d1fae5 0%,100%);border:2px solid var(--modal-success);border-radius:var(--modal-radius-sm);padding:var(--modal-spacing-sm) var(--modal-spacing-md);color:var(--modal-success);display:flex;align-items:center;gap:var(--modal-spacing-sm);margin:var(--modal-spacing-sm) 0;animation:slideInMessage .3s ease-out;font-weight:600;box-shadow:var(--modal-shadow-sm)}.download-error-message{background:linear-gradient(135deg,#fef2f2,#fecaca);border:2px solid var(--modal-error);border-radius:var(--modal-radius-sm);padding:var(--modal-spacing-sm) var(--modal-spacing-md);color:#dc2626;display:flex;align-items:center;gap:var(--modal-spacing-sm);margin:var(--modal-spacing-sm) 0;animation:slideInMessage .3s ease-out;font-weight:600;box-shadow:var(--modal-shadow-sm)}@keyframes slideInMessage{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.calculate-help-text{margin:var(--modal-spacing-sm) 0 0 0;font-size:13px;color:var(--modal-text-secondary);display:flex;align-items:center;justify-content:center;gap:var(--modal-spacing-xs);line-height:1.5;font-weight:500;font-style:italic}.calculate-help-text i{color:#9ca3af;font-size:12px;flex-shrink:0}.no-modifications-message{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid var(--modal-success);border-radius:var(--modal-radius-md);padding:var(--modal-spacing-xl);display:flex;align-items:center;gap:var(--modal-spacing-lg);text-align:left;box-shadow:var(--modal-shadow-sm)}.no-modifications-message i{color:var(--modal-success);font-size:32px;flex-shrink:0}.no-modifications-message h4{margin:0 0 var(--modal-spacing-xs) 0;color:#15803d;font-size:18px;font-weight:700}.no-modifications-message p{margin:0;color:#166534;font-size:14px;line-height:1.6}@media (max-width: 1200px){.cloud-configs{grid-template-columns:1fr}.usage-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.cloud-totals,.cloud-final-totals{grid-template-columns:1fr;gap:var(--modal-spacing-md)}.cloud-resource-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (max-width: 768px){.pricing-modal-content{width:95%;max-height:98vh;margin:1vh}.pricing-modal-header{padding:var(--modal-spacing-lg) var(--modal-spacing-lg) var(--modal-spacing-md)}.pricing-modal-header h2{font-size:24px}.pricing-configuration,.resource-analysis-results,.final-pricing-results{padding:var(--modal-spacing-lg)}.config-section{padding:var(--modal-spacing-lg);margin-bottom:var(--modal-spacing-md)}.cloud-config-content{padding:var(--modal-spacing-md)}.usage-grid{grid-template-columns:1fr;gap:var(--modal-spacing-sm)}.analyze-button{min-width:250px;padding:var(--modal-spacing-lg) var(--modal-spacing-xl);font-size:15px}.results-header{flex-direction:column;gap:var(--modal-spacing-md);align-items:flex-start}.results-actions{width:100%;justify-content:center}.cloud-resource-grid{grid-template-columns:1fr;padding:var(--modal-spacing-md)}.pricing-table{font-size:14px;min-width:600px}.no-modifications-message{flex-direction:column;text-align:center;padding:var(--modal-spacing-lg)}}@media (max-width: 480px){.pricing-modal-header{padding:var(--modal-spacing-md)}.pricing-modal-header h2{font-size:20px;flex-direction:column;gap:var(--modal-spacing-xs);text-align:center}.close-button{width:36px;height:36px;font-size:16px}.pricing-configuration,.resource-analysis-results,.final-pricing-results,.config-section{padding:var(--modal-spacing-md)}.analyze-button{min-width:200px;padding:var(--modal-spacing-md) var(--modal-spacing-lg);font-size:14px}.config-row{margin-bottom:var(--modal-spacing-sm)}.resource-item{margin-bottom:var(--modal-spacing-md)}.cost-comparison,.change-summary,.optimization-tips{padding:var(--modal-spacing-md);margin-bottom:var(--modal-spacing-md)}.pricing-disclaimer{padding:var(--modal-spacing-md);flex-direction:column;text-align:center}.pricing-disclaimer i{align-self:center;margin-top:0}}.pricing-modal-content::-webkit-scrollbar{width:8px}.pricing-modal-content::-webkit-scrollbar-track{background:var(--modal-bg-light);border-radius:4px}.pricing-modal-content::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:4px;transition:background-color .2s ease}.pricing-modal-content::-webkit-scrollbar-thumb:hover{background-color:#94a3b8}.spinner-small{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;display:inline-block}.pricing-modal-overlay:focus-within{outline:none}.pricing-modal-content{outline:none}button:focus,input:focus,select:focus,textarea:focus{outline:2px solid var(--modal-primary);outline-offset:2px}@media print{.pricing-modal-overlay{position:static;background:none;-webkit-backdrop-filter:none;backdrop-filter:none}.pricing-modal-content{box-shadow:none;max-height:none;overflow:visible}.close-button,.analyze-button,.download-excel-button,.reconfigure-button,.calculate-final-button,.edit-config-btn{display:none}}.close-button:hover{background:#ffffff40;transform:scale(1.05) rotate(90deg);box-shadow:0 4px 12px #00000026}.pricing-configuration{padding:var(--modal-spacing-xl);background:linear-gradient(135deg,#fafbfc,#f8fafc)}.config-section{background:#fff;border:2px solid var(--modal-border);border-radius:var(--modal-radius-md);padding:var(--modal-spacing-xl);margin-bottom:var(--modal-spacing-lg);position:relative;transition:all .3s ease;box-shadow:var(--modal-shadow-sm)}.config-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--modal-primary) 0%,#0ea5e9 100%);border-radius:var(--modal-radius-md) var(--modal-radius-md) 0 0}.config-section:hover{transform:translateY(-2px);box-shadow:var(--modal-shadow-md);border-color:#cbd5e1}.config-section h3{margin:0 0 var(--modal-spacing-lg) 0;color:var(--modal-text-primary);font-size:20px;font-weight:700;display:flex;align-items:center;gap:var(--modal-spacing-sm);padding-bottom:var(--modal-spacing-md);border-bottom:2px solid var(--modal-border);position:relative}.config-section h3 i{color:var(--modal-primary);font-size:22px}.config-section h3:after{content:"";position:absolute;bottom:-2px;left:0;width:80px;height:2px;background:linear-gradient(90deg,var(--modal-primary) 0%,#0ea5e9 100%);border-radius:2px}.config-group{margin-bottom:var(--modal-spacing-lg)}.config-group label{display:block;margin-bottom:var(--modal-spacing-xs);font-weight:600;color:var(--modal-text-primary);font-size:14px;letter-spacing:.025em}.config-select,.config-input,.config-textarea{width:100%;padding:var(--modal-spacing-sm) var(--modal-spacing-md);border:2px solid var(--modal-border);border-radius:var(--modal-radius-sm);font-size:14px;transition:all .3s cubic-bezier(.16,1,.3,1);background-color:#fff;box-sizing:border-box;font-family:inherit}.config-select:focus,.config-input:focus,.config-textarea:focus{outline:none;border-color:var(--modal-primary);box-shadow:0 0 0 4px var(--modal-primary-light);transform:translateY(-1px)}.config-textarea{resize:vertical;min-height:80px;font-family:SF Mono,Monaco,Consolas,monospace;line-height:1.6}.config-textarea::placeholder{color:var(--modal-text-secondary);font-style:italic;font-family:inherit}.usage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--modal-spacing-md);margin-top:var(--modal-spacing-md)}.usage-item{background:#fff;padding:var(--modal-spacing-md);border-radius:var(--modal-radius-sm);border:1px solid var(--modal-border);transition:all .3s ease;position:relative}.usage-item:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--modal-primary) 0%,#0ea5e9 100%);border-radius:var(--modal-radius-sm) var(--modal-radius-sm) 0 0;opacity:0;transition:opacity .3s ease}.usage-item:hover{border-color:#cbd5e1;box-shadow:var(--modal-shadow-sm);transform:translateY(-2px)}.usage-item:hover:before{opacity:1}.usage-item label{margin-bottom:var(--modal-spacing-xs);font-size:13px;color:var(--modal-text-secondary);font-weight:600;display:block;text-transform:uppercase;letter-spacing:.05em}.cloud-configs{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:var(--modal-spacing-lg);margin-top:var(--modal-spacing-lg)}.cloud-config-panel{background:#fff;border:2px solid var(--modal-border);border-radius:var(--modal-radius-md);overflow:hidden;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:var(--modal-shadow-sm);position:relative}.cloud-config-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;transition:all .3s ease}.cloud-config-panel.aws:before{background:var(--modal-aws)}.cloud-config-panel.azure:before{background:var(--modal-azure)}.cloud-config-panel.gcp:before{background:var(--modal-gcp)}.cloud-config-panel:hover{transform:translateY(-4px);box-shadow:var(--modal-shadow-md)}.cloud-config-panel.aws:hover{border-color:var(--modal-aws)}.cloud-config-panel.azure:hover{border-color:var(--modal-azure)}.cloud-config-panel.gcp:hover{border-color:var(--modal-gcp)}.cloud-config-header{padding:var(--modal-spacing-md) var(--modal-spacing-lg);background:linear-gradient(135deg,var(--modal-bg-light) 0%,var(--modal-bg-medium) 100%);border-bottom:1px solid var(--modal-border);position:relative}.cloud-config-panel.aws .cloud-config-header{background:linear-gradient(135deg,#fff8f0,#fed7aa)}.cloud-config-panel.azure .cloud-config-header{background:linear-gradient(135deg,#eff6ff,#bfdbfe)}.cloud-config-panel.gcp .cloud-config-header{background:linear-gradient(135deg,#f0f9ff,#bae6fd)}.cloud-config-header h4{margin:0;font-size:16px;font-weight:700;display:flex;align-items:center;gap:var(--modal-spacing-sm)}.cloud-config-panel.aws .cloud-config-header h4{color:#ea580c}.cloud-config-panel.azure .cloud-config-header h4{color:#1d4ed8}.cloud-config-panel.gcp .cloud-config-header h4{color:#1e40af}.cloud-config-content{padding:var(--modal-spacing-lg)}.config-row{margin-bottom:var(--modal-spacing-md)}.field-hint{display:block;margin-top:4px;font-size:11px;color:var(--modal-text-secondary);font-style:italic;line-height:1.4}.ai-info-banner{background:linear-gradient(135deg,#e0f2fe,#b3e5fc);border:2px solid #0ea5e9;border-radius:var(--modal-radius-md);padding:var(--modal-spacing-lg);display:flex;align-items:flex-start;gap:var(--modal-spacing-md);margin-bottom:var(--modal-spacing-lg);position:relative;overflow:hidden}.ai-info-banner:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#0ea5e9,#38bdf8)}.ai-info-banner:after{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:200%;background:radial-gradient(circle,rgba(14,165,233,.05) 0%,transparent 70%);pointer-events:none}.ai-info-banner i{color:#0ea5e9;font-size:28px;margin-top:2px;flex-shrink:0;animation:aiPulse 3s infinite;position:relative;z-index:1}@keyframes aiPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.ai-info-banner h3{margin:0 0 var(--modal-spacing-xs) 0;color:#0c4a6e;font-size:20px;font-weight:700;position:relative;z-index:1}.ai-info-banner p{margin:0;color:#0c4a6e;font-size:14px;line-height:1.6;position:relative;z-index:1}.analysis-button-container{display:flex;justify-content:center;margin-top:var(--modal-spacing-xl)}.analyze-button{background:linear-gradient(135deg,var(--modal-primary) 0%,#0ea5e9 100%);color:#fff;border:none;padding:20px 40px;border-radius:var(--modal-radius-md);font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:var(--modal-spacing-sm);transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 8px 20px #1486d140;min-width:300px;justify-content:center;position:relative;overflow:hidden}.analyze-button: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 .6s}.analyze-button:hover:not(:disabled){transform:translateY(-3px) scale(1.02);box-shadow:0 12px 28px #1486d159}.analyze-button:hover:not(:disabled):before{left:100%}.analyze-button.loading{background:linear-gradient(135deg,#93c5fd,#60a5fa);cursor:not-allowed;transform:none;box-shadow:0 4px 12px #93c5fd4d}.analyze-button.loading:before{display:none}.spinner{width:22px;height:22px;border:3px solid rgba(255,255,255,.3);border-top:3px solid white;border-radius:50%;animation:spin 1s linear infinite}.resource-analysis-results,.final-pricing-results{padding:var(--modal-spacing-xl);background:linear-gradient(135deg,#fafbfc,#f8fafc)}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--modal-spacing-xl);padding-bottom:var(--modal-spacing-lg);border-bottom:3px solid var(--modal-border);flex-wrap:wrap;gap:var(--modal-spacing-md)}.results-header h3{margin:0;color:var(--modal-text-primary);font-size:28px;font-weight:700;display:flex;align-items:center;gap:var(--modal-spacing-sm);flex:1;min-width:300px}.results-header i{color:var(--modal-primary);font-size:32px}.results-actions{display:flex;gap:var(--modal-spacing-sm);align-items:center}.download-excel-button,.reconfigure-button,.calculate-final-button{padding:var(--modal-spacing-sm) var(--modal-spacing-lg);border-radius:var(--modal-radius-sm);cursor:pointer;font-size:14px;font-weight:600;display:flex;align-items:center;gap:var(--modal-spacing-xs);transition:all .3s cubic-bezier(.16,1,.3,1);border:none;min-width:140px;justify-content:center;position:relative;overflow:hidden}.download-excel-button{background:linear-gradient(135deg,#fff,#fff);color:var(--modal-success);border:2px solid var(--modal-border)}.download-excel-button:hover:not(:disabled){transform:translateY(-2px)}.download-excel-button:disabled{background:linear-gradient(135deg,#94a3b8,#64748b);cursor:not-allowed;transform:none;box-shadow:none}.reconfigure-button{background:var(--modal-bg-light);color:var(--modal-text-primary);border:2px solid var(--modal-border)}.reconfigure-button:hover{background:var(--modal-bg-medium);border-color:#cbd5e1;transform:translateY(-1px)}.calculate-final-button{background:linear-gradient(135deg,var(--modal-primary) 0%,#0ea5e9 100%);color:#fff;padding:var(--modal-spacing-md) var(--modal-spacing-xl);font-size:16px;width:100%;box-shadow:0 8px 20px #1486d140}.calculate-final-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 28px #1486d159}.calculate-final-button:disabled{background:linear-gradient(135deg,#94a3b8,#64748b);cursor:not-allowed;transform:none;box-shadow:none}.pricing-container{margin-top:var(--modal-spacing-lg);padding:var(--modal-spacing-lg);background:#fff;border-radius:var(--modal-radius-md);box-shadow:var(--modal-shadow-md);overflow-x:auto;border:2px solid var(--modal-border)}.pricing-container h4{font-size:22px;font-weight:700;margin-bottom:var(--modal-spacing-md);color:var(--modal-text-primary);display:flex;align-items:center;gap:var(--modal-spacing-sm)}.pricing-table{width:100%;border-collapse:separate;border-spacing:0;min-width:700px;text-align:center;border-radius:var(--modal-radius-sm);overflow:hidden;box-shadow:var(--modal-shadow-sm)}.pricing-table thead th{padding:var(--modal-spacing-md);font-weight:700;color:#fff;font-size:16px;text-transform:uppercase;letter-spacing:.05em}.category-header{background:linear-gradient(135deg,var(--modal-text-primary) 0%,#334155 100%)}.aws-header{background:linear-gradient(135deg,var(--modal-aws) 0%,#e6800a 100%)}.azure-header{background:linear-gradient(135deg,var(--modal-azure) 0%,#0061a8 100%)}.gcp-header{background:linear-gradient(135deg,var(--modal-gcp) 0%,#346beb 100%)}.pricing-table td{padding:var(--modal-spacing-md);border:1px solid var(--modal-border);vertical-align:top;background:#fafafa;transition:all .3s ease}.pricing-table tbody tr:hover td{background:#f0f8ff;transform:scale(1.01)}.category-name{text-align:center;font-weight:600;background:var(--modal-bg-light);color:var(--modal-text-primary);font-size:15px}.aws-cell{background:#fffaf2;color:#c60}.azure-cell{background:#f2f8ff;color:#0057b8}.gcp-cell{background:#f2f6ff;color:#1a73e8}.price{font-size:18px;font-weight:700}.totals-row td{background:linear-gradient(135deg,#f3f6fb,#e0f2fe);font-weight:700;border-top:3px solid var(--modal-primary);color:var(--modal-text-primary);font-size:16px}.cloud-header-bar{display:flex;align-items:center;padding:var(--modal-spacing-md) var(--modal-spacing-lg);border-radius:var(--modal-radius-sm) var(--modal-radius-sm) 0 0;margin-bottom:var(--modal-spacing-sm);font-size:18px;font-weight:700;color:#fff;position:relative;overflow:hidden}.config-row.modified{background-color:#fff3cd;border-left:4px solid #ffc107;padding-left:12px}.modified-indicator{display:inline-block;background-color:#ffc107;color:#212529;font-size:.75rem;font-weight:600;padding:2px 6px;border-radius:3px;margin-left:8px}.cloud-header-bar:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.cloud-header-bar i{margin-right:var(--modal-spacing-sm);font-size:22px;position:relative;z-index:1}.cloud-title{flex:1;text-transform:uppercase;font-weight:800;letter-spacing:.1em;position:relative;z-index:1}.cloud-resource-count{font-size:14px;opacity:.9;position:relative;z-index:1}.cloud-header-bar.aws{background:linear-gradient(135deg,var(--modal-aws) 0%,#e6800a 100%)}.cloud-header-bar.azure{background:linear-gradient(135deg,var(--modal-azure) 0%,#0061a8 100%)}.cloud-header-bar.gcp{background:linear-gradient(135deg,var(--modal-gcp) 0%,#346beb 100%)}.cloud-resource-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--modal-spacing-lg);padding:var(--modal-spacing-lg);background:linear-gradient(135deg,#fafafa,#f5f5f5);border-radius:0 0 var(--modal-radius-sm) var(--modal-radius-sm)}.resource-card{background:#fff;border-radius:var(--modal-radius-md);padding:var(--modal-spacing-lg);box-shadow:var(--modal-shadow-sm);border-top:4px solid transparent;display:flex;flex-direction:column;justify-content:space-between;min-height:320px;position:relative;transition:all .3s cubic-bezier(.16,1,.3,1);text-align:left}.resource-card.modified{border:2px solid #f39c12;background-color:#fff7e6}.modifications-notice{background-color:#fef3c7;padding:10px;border:1px solid #f59e0b;border-radius:5px;margin-top:10px;color:#92400e;font-weight:700}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.document-viewer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;justify-content:center;align-items:center;padding:0;animation:fadeInUp .3s ease}.document-viewer{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a,0 0 0 1px #0000000d;width:100%;max-width:90%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.document-header-simple{background:#fff;padding:20px 24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.header-left{display:flex;align-items:center;gap:20px;flex:1}.header-title-simple{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600;color:#1f2937}.doc-icon-simple{font-size:20px}.document-actions-simple{display:flex;align-items:center;gap:12px}.action-btn{display:flex;align-items:center;gap:6px;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.action-btn:hover{background:#f9fafb;border-color:#9ca3af;transform:translateY(-1px)}.copy-btn.copied{background:#dcfce7;border-color:#16a34a;color:#16a34a}.download-btn.downloading{opacity:.8;cursor:not-allowed;transform:none}.doc-close-btn{border-color:#f87171;color:#dc2626;min-width:40px;padding:12px;justify-content:center}.doc-close-btn:hover{background:#fef2f2;border-color:#dc2626}.header-right{display:flex;align-items:center}.cloud-badge-simple{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;padding:12px 16px;text-align:center;min-width:140px}.cloud-label-simple{display:block;font-size:10px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.cloud-name-simple{display:block;font-size:14px;font-weight:700;color:var(--cloud-color, #1486d1)}.btn-icon{font-size:14px}.btn-text{font-weight:500}.document-content-area{flex:1;overflow-y:auto;background:#fafafa}.content-wrapper-simple{padding:32px;max-width:none;background:#fff;margin:20px;border-radius:12px;box-shadow:0 1px 3px #0000001a}.loading-state-simple{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 32px;text-align:center;color:#64748b}.loading-spinner-simple{width:32px;height:32px;border:3px solid #e2e8f0;border-top:3px solid var(--cloud-color, #1486d1);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.document-content-area .main-heading{font-size:clamp(2rem,5vw,2.5rem);margin:1.5rem 0 1rem;color:var(--cloud-color, #1486d1);font-weight:800;line-height:1.2;display:flex;align-items:center;gap:16px}.document-content-area .section-heading{font-size:clamp(1.25rem,4vw,1.8rem);margin:1.5rem 0 .8rem;color:#1f2937;font-weight:700;position:relative;display:flex;align-items:center;gap:12px}.document-content-area .sub-heading{font-size:clamp(1.1rem,3vw,1.4rem);margin:1.2rem 0 .6rem;color:#374151;font-weight:600}.document-content-area .paragraph{margin-bottom:1rem;line-height:1.6;color:#374151;font-size:16px}.document-content-area .numbered-item,.document-content-area .bullet-item{display:flex;align-items:flex-start;gap:12px;margin-bottom:10px;padding:12px 16px;background:#f8fafc;border-radius:8px;border-left:3px solid var(--cloud-color, #1486d1)}.document-content-area .numbered-item .number{background:var(--cloud-color, #1486d1);color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;flex-shrink:0}.document-content-area .bullet-item .bullet{color:var(--cloud-color, #1486d1);font-size:16px;font-weight:700;flex-shrink:0}.document-content-area .table-container{margin:1.5rem 0;border-radius:8px;overflow:hidden;border:1px solid #e5e7eb}.document-content-area .enhanced-table{width:100%;border-collapse:collapse;background:#fff}.document-content-area .header-row{background:var(--cloud-color, #1486d1)}.document-content-area .table-header{color:#fff;padding:12px 16px;text-align:left;font-weight:600;font-size:14px}.document-content-area .data-row:nth-child(2n){background:#f9fafb}.document-content-area .table-cell{padding:12px 16px;border-bottom:1px solid #e5e7eb;color:#374151}.document-content-area .cost-breakdown-container{margin:1.5rem 0;display:grid;gap:12px}.document-content-area .cost-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;transition:all .2s ease}.document-content-area .cost-card:hover{box-shadow:0 4px 12px #0000001a;border-color:var(--cloud-color, #1486d1)}.document-content-area .cost-header{display:flex;justify-content:space-between;align-items:center;gap:16px}.document-content-area .service-name{font-weight:600;color:#1f2937}.document-content-area .cost-badge{background:var(--cloud-color, #1486d1);color:#fff;padding:4px 12px;border-radius:6px;font-weight:600;font-size:14px}.diagram-section-simple{margin-top:2rem;padding-top:2rem;border-top:1px solid #e5e7eb}.diagram-header-simple{text-align:center;margin-bottom:1.5rem}.diagram-title-simple{font-size:1.5rem;color:var(--cloud-color, #1486d1);font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;margin:0}.diagram-container-simple{text-align:center;padding:1.5rem;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.diagram-image-simple{max-width:100%;height:auto;max-height:500px;border-radius:8px;box-shadow:0 4px 12px #0000001a}.document-content-area .enhanced-hr{height:2px;background:var(--cloud-color, #1486d1);border:none;border-radius:1px;margin:1.5rem 0}.document-content-area .section-separator{height:1px;background:linear-gradient(90deg,transparent,#e5e7eb,transparent);margin:1.5rem 0}.document-content-area .enhanced-bold{font-weight:700;color:#1f2937;background:#1486d10d;padding:1px 4px;border-radius:3px}.document-content-area .inline-code{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;background:#f3f4f6;color:#e11d48;padding:2px 6px;border-radius:4px;font-size:.9em;font-weight:500}.document-content-area .code-block{margin:1.5rem 0;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.document-content-area .code-block pre{background:#1f2937;color:#e5e7eb;padding:16px;margin:0;overflow-x:auto;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;line-height:1.5}.document-content-area .enhanced-link{color:var(--cloud-color, #1486d1);text-decoration:none;font-weight:500;border-bottom:1px solid transparent;transition:border-color .2s ease;display:inline-flex;align-items:center;gap:4px}.document-content-area .link-icon{font-size:.8em;opacity:.7}.document-content-area ul{margin-bottom:1rem;padding-left:0}.document-content-area li{margin-bottom:.5rem}.document-content-area strong{font-weight:600;color:#1f2937}.document-content-area em{font-style:italic;color:#6b7280}.document-content-area a{color:var(--cloud-color, #1486d1);text-decoration:none;font-weight:500}.document-content-area a:hover{text-decoration:underline}.document-content-area hr{margin:2rem 0;border:0;height:1px;background:linear-gradient(to right,transparent,#e5e7eb,transparent)}@media print{.document-viewer-overlay{position:static;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0}.document-viewer{box-shadow:none;max-height:none;border-radius:0}.document-header-simple{background:#fff!important;color:#000!important;border-bottom:2px solid #000}.document-actions-simple{display:none}.cloud-name-simple{color:#000!important}}.action-btn:focus{outline:2px solid var(--cloud-color, #1486d1);outline-offset:2px}.document-content-area a:focus{outline:2px solid var(--cloud-color, #1486d1);outline-offset:2px;border-radius:2px}@media (prefers-contrast: high){.document-viewer{border:2px solid #000}.document-header-simple{border-bottom:2px solid #000}.action-btn,.cloud-badge-simple{border:2px solid #000}}@media (max-width: 768px){.document-viewer-overlay{padding:12px}.document-header-simple{padding:16px;flex-direction:column;align-items:stretch;gap:12px}.header-left{justify-content:space-between}.document-actions-simple{gap:8px}.action-btn{padding:8px 12px;font-size:13px}.btn-text{display:none}.cloud-badge-simple{align-self:center;min-width:120px}.content-wrapper-simple{padding:20px;margin:16px}.document-content-area .cost-header{flex-direction:column;align-items:flex-start;gap:8px}.document-content-area .cost-badge{align-self:flex-end}}@media (max-width: 480px){.document-header-simple{padding:12px}.header-title-simple{font-size:16px}.action-btn{padding:6px 8px;min-width:36px}.content-wrapper-simple{padding:16px;margin:12px}.cloud-badge-simple{padding:8px 12px;min-width:100px}}.document-content-area .enhanced-bold{font-weight:700;color:#1f2937}.document-content-area .italic-text{font-style:italic;color:#6b7280}.document-content-area .inline-code{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;background:#f3f4f6;color:#e11d48;padding:2px 6px;border-radius:4px;font-size:.9em}.document-content-area .code-block{margin:1.5rem 0;border-radius:8px;overflow:hidden}.document-content-area .code-block pre{background:#1f2937;color:#e5e7eb;padding:16px;margin:0;overflow-x:auto;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace}.document-content-area .enhanced-link{color:var(--cloud-color, #1486d1);text-decoration:none;font-weight:500;border-bottom:1px solid transparent;transition:border-color .2s ease}.document-content-area .enhanced-link:hover{border-bottom-color:var(--cloud-color, #1486d1)}: flex; flex-direction: column; align-items: center; justify-content: center; padding: 80px 32px; text-align: center; color: #64748b; } .loading-spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top:4px solid var(--cloud-color, #1486d1);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.document-content .main-heading{font-size:clamp(2rem,5vw,3rem);margin:2rem 0 1.5rem;background:var(--cloud-gradient, linear-gradient(135deg, #1486d1, #0ea5e9));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800;line-height:1.2;position:relative;display:flex;align-items:center;gap:16px}.heading-icon{font-size:.8em;opacity:.8}.section-heading{font-size:clamp(1.5rem,4vw,2.2rem);margin:2rem 0 1rem;color:var(--cloud-color, #1486d1);font-weight:700;position:relative;display:flex;align-items:center;gap:12px}.heading-decorator{width:4px;height:24px;border-radius:2px}.sub-heading{font-size:clamp(1.25rem,3vw,1.8rem);margin:1.5rem 0 .8rem;color:#374151;font-weight:600}.minor-heading{font-size:clamp(1.1rem,2.5vw,1.4rem);margin:1rem 0 .6rem;color:#4b5563;font-weight:600}.paragraph{margin-bottom:1.2rem;line-height:1.7;color:#374151;font-size:16px}.numbered-item,.bullet-item{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px;padding:12px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:10px;border-left:4px solid var(--cloud-color, #1486d1);transition:all .3s ease}.numbered-item:hover,.bullet-item:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);transform:translate(4px);box-shadow:0 4px 12px #0000001a}.numbered-item .number{background:var(--cloud-gradient, linear-gradient(135deg, #1486d1, #0ea5e9));color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.bullet-item .bullet{color:var(--cloud-color, #1486d1);font-size:20px;font-weight:700;flex-shrink:0;line-height:1}.numbered-item .content,.bullet-item .content{flex:1;line-height:1.6;color:#374151}.enhanced-bold{font-weight:700;color:#1f2937;background:linear-gradient(135deg,#1486d11a,#1486d10d);padding:2px 6px;border-radius:4px}.italic-text{font-style:italic;color:#6b7280}.inline-code{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#e11d48;padding:4px 8px;border-radius:6px;font-size:.9em;font-weight:600;border:1px solid rgba(20,134,209,.2)}.code-block{margin:1.5rem 0;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a}.code-block pre{background:linear-gradient(135deg,#1e293b,#334155);color:#e2e8f0;padding:20px;margin:0;overflow-x:auto;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;line-height:1.6}.enhanced-link{color:var(--cloud-color, #1486d1);text-decoration:none;font-weight:600;border-bottom:2px solid transparent;transition:all .3s ease;display:inline-flex;align-items:center;gap:4px}.enhanced-link:hover{border-bottom-color:var(--cloud-color, #1486d1);transform:translateY(-1px)}.link-icon{font-size:.8em;opacity:.7}.table-container{margin:2rem 0;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #0000001a;border:1px solid #e2e8f0}.enhanced-table{width:100%;border-collapse:collapse;background:#fff}.header-row{background:var(--cloud-gradient, linear-gradient(135deg, #1486d1, #0ea5e9))}.table-header{color:#fff;padding:16px 20px;text-align:left;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.5px;border:none}.data-row{transition:all .3s ease}.data-row:nth-child(2n){background:#f8fafc}.data-row:hover{background:linear-gradient(135deg,#1486d10d,#1486d105);transform:scale(1.005)}.table-cell{padding:16px 20px;border-bottom:1px solid #e2e8f0;color:#374151;line-height:1.5;vertical-align:top}.cost-breakdown-container{margin:2rem 0;display:grid;gap:16px}.cost-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:12px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.cost-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--cloud-gradient, linear-gradient(135deg, #1486d1, #0ea5e9))}.cost-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000026;border-color:var(--cloud-color, #1486d1)}.cost-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:8px}.service-name{font-weight:600;color:#1f2937;flex:1}.cost-badge{background:var(--cloud-gradient, linear-gradient(135deg, #1486d1, #0ea5e9));color:#fff;padding:6px 12px;border-radius:20px;font-weight:700;font-size:14px;white-space:nowrap}.cost-description{color:#6b7280;font-size:14px;line-height:1.5;margin-top:8px}.diagram-section{margin-top:3rem;padding-top:2rem;border-top:2px dashed #e2e8f0}.diagram-header{text-align:center;margin-bottom:2rem}.diagram-title{font-size:clamp(1.5rem,4vw,2rem);color:var(--cloud-color, #1486d1);font-weight:700;display:flex;align-items:center;justify-content:center;gap:12px;margin:0}.diagram-icon{font-size:.9em}.diagram-container{text-align:center;padding:2rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:16px;border:2px dashed var(--cloud-color, #1486d1);position:relative;overflow:hidden}.diagram-container:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 2s infinite}.diagram-image{max-width:100%;height:auto;max-height:600px;border-radius:12px;box-shadow:0 12px 24px #00000026;transition:all .3s ease;border:1px solid #e2e8f0}.diagram-image:hover{transform:scale(1.02);box-shadow:0 16px 32px #0003}.enhanced-hr{height:3px;background:var(--cloud-gradient, linear-gradient(135deg, #1486d1, #0ea5e9));border:none;border-radius:2px;margin:2rem 0;position:relative}.enhanced-hr:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:12px;background:#fff;border:3px solid var(--cloud-color, #1486d1);border-radius:50%}.section-separator{height:1px;background:linear-gradient(90deg,transparent,#e2e8f0,transparent);margin:2rem 0}@media (max-width: 768px){.document-viewer-overlay{padding:8px}.document-viewer{max-height:98vh;border-radius:16px}.document-header{padding:12px 16px;border-radius:16px 16px 0 0}.header-content{flex-direction:row;gap:8px;align-items:center;margin-bottom:8px}.header-title{flex:1}.header-title h2{font-size:1.1rem}.cloud-provider-badge{padding:6px 8px;gap:6px}.cloud-label{font-size:10px}.cloud-name{font-size:12px}.document-actions{justify-content:flex-end;width:auto;gap:8px}.action-button{min-width:60px;padding:6px 8px;font-size:12px}.button-text{display:none}.close-button{min-width:32px;padding:6px}.content-wrapper{padding:20px}.cost-header{flex-direction:column;align-items:flex-start;gap:8px}.cost-badge{align-self:flex-end}.table-container{overflow-x:auto}.enhanced-table{min-width:500px}.main-heading{font-size:2rem}.section-heading{font-size:1.5rem}}@media (max-width: 480px){.document-header{padding:10px 12px}.header-content{margin-bottom:6px}.header-title h2{font-size:1rem}.doc-icon{font-size:18px}.cloud-provider-badge{padding:4px 6px}.cloud-icon{font-size:14px}.cloud-label{font-size:9px}.cloud-name{font-size:11px}.content-wrapper{padding:16px}.action-button{padding:6px;min-width:50px}.button-icon{font-size:16px}.diagram-container{padding:1rem}.cost-breakdown-container{gap:12px}.cost-card{padding:16px}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.document-viewer-overlay{position:static;background:none;-webkit-backdrop-filter:none;backdrop-filter:none}.document-viewer{box-shadow:none;max-height:none;border-radius:0}.document-header{background:#1486d1!important;-webkit-print-color-adjust:exact;color-adjust:exact}.document-actions{display:none}}.document-content-area .header-content-pair{display:flex;align-items:flex-start;gap:8px;margin-bottom:12px;padding:12px 16px;background:#f8fafc;border-radius:8px;border-left:3px solid var(--cloud-color, #1486d1);line-height:1.6}.document-content-area .header-content-pair .header-text{font-weight:700;color:#1f2937;flex-shrink:0}.document-content-area .header-content-pair .content-text{color:#374151;flex:1}.document-content-area .bullet-header-group{margin-bottom:16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;border-left:4px solid var(--cloud-color, #1486d1);overflow:hidden;transition:all .3s ease}.document-content-area .bullet-header-group:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.document-content-area .bullet-header{display:flex;align-items:center;gap:12px;padding:16px;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);font-weight:700;color:#1f2937;border-bottom:1px solid #e2e8f0}.document-content-area .bullet-header .bullet{color:var(--cloud-color, #1486d1);font-size:18px;font-weight:700;flex-shrink:0}.document-content-area .bullet-header .header-text{font-size:16px;font-weight:700}.document-content-area .bullet-content-group{padding:8px 16px 16px}.document-content-area .sub-bullet-item{display:flex;align-items:flex-start;gap:10px;margin-bottom:8px;padding:8px 12px;background:#ffffffb3;border-radius:6px;transition:all .2s ease}.document-content-area .sub-bullet-item:hover{background:#ffffffe6;transform:translate(4px)}.document-content-area .sub-bullet-item .sub-bullet{color:var(--cloud-color, #1486d1);font-size:14px;font-weight:600;flex-shrink:0;margin-top:2px}.document-content-area .sub-bullet-item .sub-content{color:#374151;line-height:1.5;flex:1}.document-content-area .sub-paragraph{margin:8px 0;padding:8px 12px;color:#4b5563;line-height:1.5;background:#ffffff80;border-radius:4px}.document-content-area .bullet-item-with-content{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px;padding:12px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:10px;border-left:4px solid var(--cloud-color, #1486d1);transition:all .3s ease;line-height:1.6}.document-content-area .bullet-item-with-content:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);transform:translate(4px);box-shadow:0 4px 12px #0000001a}.document-content-area .bullet-item-with-content .bullet{color:var(--cloud-color, #1486d1);font-size:20px;font-weight:700;flex-shrink:0;line-height:1}.document-content-area .bullet-item-with-content .header-text{font-weight:700;color:#1f2937;flex-shrink:0}.document-content-area .bullet-item-with-content .content-text{color:#374151;flex:1}@media (max-width: 768px){.document-content-area .header-content-pair,.document-content-area .bullet-item-with-content{flex-direction:column;gap:4px}.document-content-area .header-content-pair .header-text,.document-content-area .bullet-item-with-content .header-text{margin-bottom:4px}.document-content-area .bullet-header{padding:12px}.document-content-area .bullet-content-group{padding:8px 12px 12px}.document-content-area .sub-bullet-item{flex-direction:column;gap:4px;align-items:flex-start}}.editing-badge{display:inline-flex;align-items:center;gap:4px;background:#f59e0b;color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;margin-left:12px;animation:pulseGlow 2s ease-in-out infinite}@keyframes pulseGlow{0%,to{opacity:1}50%{opacity:.7}}.editing-toolbar{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e5e7eb;padding:12px 24px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;box-shadow:0 2px 8px #0000000d;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.toolbar-group{display:flex;align-items:center;gap:4px}.toolbar-divider{width:1px;height:28px;background:#d1d5db;margin:0 8px}.toolbar-btn{width:36px;height:36px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:14px}.toolbar-btn:hover{background:#f9fafb;border-color:var(--cloud-color, #1486d1);color:var(--cloud-color, #1486d1);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.toolbar-btn:active{transform:translateY(0)}.toolbar-select{height:36px;padding:0 12px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;font-size:13px;cursor:pointer;transition:all .2s ease;min-width:100px}.toolbar-select:hover{border-color:var(--cloud-color, #1486d1)}.toolbar-select:focus{outline:none;border-color:var(--cloud-color, #1486d1);box-shadow:0 0 0 3px #1486d11a}.color-picker-label{position:relative;width:36px;height:36px;border:1px solid #d1d5db;border-radius:6px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:#374151}.color-picker-label:hover{border-color:var(--cloud-color, #1486d1);color:var(--cloud-color, #1486d1);transform:translateY(-1px)}.color-picker-input{position:absolute;opacity:0;width:0;height:0;cursor:pointer}.editable-content{outline:none;min-height:300px;transition:all .3s ease}.editable-content.editing-mode{background:#fffef7;border:2px dashed var(--cloud-color, #1486d1);border-radius:8px;padding:24px;cursor:text;box-shadow:inset 0 2px 8px #1486d10d;position:relative}.editable-content.editing-mode:focus{background:#fff;box-shadow:inset 0 2px 8px #1486d11a}.editable-content.editing-mode:before{content:"✏️ Click to edit content";position:absolute;top:-32px;left:0;background:#f59e0b;color:#fff;padding:4px 12px;border-radius:6px 6px 0 0;font-size:11px;font-weight:600;letter-spacing:.5px;opacity:0;transition:opacity .3s ease;pointer-events:none}.editable-content.editing-mode:hover:before{opacity:1}.editable-content[contenteditable=true]:empty:before{content:"Start typing or editing your document...";color:#9ca3af;font-style:italic;pointer-events:none}.editing-mode ::selection{background:#1486d14d;color:inherit}.editable-content.editing-mode h1,.editable-content.editing-mode h2,.editable-content.editing-mode h3,.editable-content.editing-mode h4,.editable-content.editing-mode h5,.editable-content.editing-mode h6{margin:1rem 0}.editable-content.editing-mode p{margin-bottom:.8rem}.editable-content.editing-mode ul,.editable-content.editing-mode ol{padding-left:24px;margin:12px 0}.editable-content.editing-mode ul li,.editable-content.editing-mode ol li{margin-bottom:6px}@media (max-width: 768px){.editing-toolbar{padding:8px 12px;overflow-x:auto;flex-wrap:nowrap}.toolbar-btn{width:32px;height:32px;font-size:12px;flex-shrink:0}.toolbar-select{height:32px;font-size:12px;min-width:80px}.color-picker-label{width:32px;height:32px}.toolbar-divider{display:none}.editing-badge{font-size:10px;padding:3px 8px;margin-left:8px}.editable-content.editing-mode{padding:16px}}@media (max-width: 480px){.editing-toolbar{padding:6px 8px}.toolbar-btn{width:28px;height:28px;font-size:11px}.toolbar-select{height:28px;font-size:11px;min-width:70px;padding:0 8px}.color-picker-label{width:28px;height:28px}.toolbar-group{gap:2px}.editable-content.editing-mode{padding:12px}}@media print{.editing-toolbar{display:none}.editable-content.editing-mode{border:none;background:#fff;box-shadow:none}.editing-badge,.edit-btn,.save-btn,.cancel-edit-btn{display:none}}.toolbar-btn:focus,.toolbar-select:focus,.color-picker-label:focus-within{outline:2px solid var(--cloud-color, #1486d1);outline-offset:2px}.editable-content.editing-mode:focus-visible{outline:3px solid rgba(20,134,209,.3);outline-offset:2px}@media (prefers-color-scheme: dark){.editing-toolbar{background:linear-gradient(135deg,#1f2937,#374151);border-bottom-color:#4b5563}.toolbar-btn,.toolbar-select,.color-picker-label{background:#374151;border-color:#4b5563;color:#e5e7eb}.toolbar-btn:hover,.color-picker-label:hover{background:#4b5563;border-color:var(--cloud-color, #1486d1)}.editable-content.editing-mode{background:#1f2937;border-color:var(--cloud-color, #1486d1)}.toolbar-divider{background:#4b5563}}@media (prefers-contrast: high){.toolbar-btn,.toolbar-select,.color-picker-label{border:2px solid currentColor}.editable-content.editing-mode{border:3px solid var(--cloud-color, #1486d1)}.editing-toolbar{border-bottom:3px solid #000}}@media (prefers-reduced-motion: reduce){.editing-toolbar{animation:none}.toolbar-btn,.toolbar-select,.color-picker-label,.editable-content{transition:none}.editing-badge{animation:none}}.editing-toolbar::-webkit-scrollbar{height:4px}.editing-toolbar::-webkit-scrollbar-track{background:#f1f5f9}.editing-toolbar::-webkit-scrollbar-thumb{background:var(--cloud-color, #1486d1);border-radius:2px}.editing-toolbar::-webkit-scrollbar-thumb:hover{background:var(--cloud-color, #0c7db8)}.editable-content.editing-mode *,.editable-content.editing-mode .bullet,.editable-content.editing-mode .number,.editable-content.editing-mode .content,.editable-content.editing-mode .bullet-item,.editable-content.editing-mode .numbered-item,.editable-content.editing-mode .main-heading,.editable-content.editing-mode .section-heading,.editable-content.editing-mode .subsection-heading{color:inherit!important}.editable-content.editing-mode a.enhanced-link{color:#1486d1!important}.editable-content.editing-mode strong,.editable-content.editing-mode .enhanced-bold{color:inherit!important;font-weight:700}.editable-content.editing-mode font{color:inherit!important}.doc-generator-button-container{margin-top:15px;display:flex;justify-content:center}.doc-generator-button{background-color:#fff;color:#1486d1;border:1px solid #1486d1;border-radius:4px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:10px}.doc-generator-button:hover{background-color:#f0f7ff;transform:translateY(-2px);box-shadow:0 2px 4px #1486d133}.modal-header{padding:5px 20px;border-bottom:1px solid #eee;position:relative}.modal-header h3{margin:0;color:#1486d1;font-size:1.3rem}.info-icon-modal{cursor:pointer;position:relative;color:#1486d1}.tooltip{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:10px;background-color:#333;color:#fff;padding:8px 12px;border-radius:4px;font-size:12px;font-weight:400;width:250px;z-index:10;text-align:center;box-shadow:0 2px 8px #0003}.tooltip:before{content:"";position:absolute;top:-5px;left:50%;transform:translate(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #333}.tooltip-modal{transform:translate(-50%) translateY(5px);z-index:1001}.input-form{padding:5px}.input-label-group{margin-bottom:20px}label{display:block;margin-bottom:8px;font-weight:500;color:#444}.required-field:after{content:"*";color:#f44336;margin-left:4px}.textarea-container{position:relative}.description-input{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-size:14px;line-height:1.5;transition:border-color .2s ease;resize:vertical}.description-input:focus{border-color:#1486d1;outline:none;box-shadow:0 0 0 3px #1486d11a}.invalid-input{border-color:#f44336}.invalid-input:focus{border-color:#f44336;box-shadow:0 0 0 3px #f443361a}.validation-message{margin-top:8px;color:#f44336;font-size:12px;display:flex;align-items:center;gap:6px}.word-count{float:right;display:flex;align-items:center;gap:8px;font-size:12px;color:#666;font-weight:400}.word-count-progress{width:60px;height:6px;background-color:#eee;border-radius:3px;overflow:hidden}.word-count-bar{height:100%;background-color:#4caf50;transition:width .3s ease}.word-count-bar.partial{background-color:#ff9800}.word-count-bar.empty{background-color:#f44336}.options-container{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:25px;background-color:#f9f9f9;padding:15px;border-radius:8px}.option-group{display:flex;flex-direction:column;gap:8px;flex:1;min-width:200px}.radio-container{display:flex;flex-direction:column;gap:8px}.radio-label{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 12px;border-radius:4px;transition:background-color .2s}.radio-label:hover{background-color:#f0f0f0}.radio-label input[type=radio]{margin:0}.select-input,.text-input{padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .2s ease}.select-input:focus,.text-input:focus{border-color:#1486d1;outline:none;box-shadow:0 0 0 3px #1486d11a}.environment-info-container{margin-bottom:20px;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.environment-info-header{padding:12px 15px;background-color:#f5f5f5;display:flex;align-items:center;gap:8px;font-size:14px;color:#555;border-bottom:1px solid #e0e0e0}.environment-info-header i{color:#1486d1}.environment-info-content{padding:12px 15px;font-size:14px;color:#666;line-height:1.5}.error-message{color:#f44336;padding:10px 15px;background-color:#f443361a;border-radius:4px;margin-bottom:20px;display:flex;align-items:flex-start;gap:10px;font-size:14px}.error-message i{margin-top:2px}.architecture-summary{margin-bottom:20px;padding:15px;background-color:#f0f7ff;border-left:4px solid #1486d1;border-radius:4px;color:#333;font-size:14px;line-height:1.5}.architecture-summary p{margin:0}.architecture-summary strong{color:#1486d1}.info-text{display:flex;align-items:center;gap:10px;margin-bottom:20px;font-size:14px;color:#666}.info-text i{color:#1486d1}.button-container{display:flex;justify-content:center;gap:15px;margin-top:25px}.submit-button,.cancel-button{padding:10px 20px;border-radius:4px;font-weight:500;font-size:15px;cursor:pointer;display:flex;align-items:center;gap:5px;transition:all .2s ease}.submit-button{background-color:#1486d1;color:#fff;border:none}.submit-button:hover{background-color:#0e6fb3;transform:translateY(-2px);box-shadow:0 4px 8px #1486d133}.submit-button:disabled{background-color:#b0d6f5;cursor:not-allowed;transform:none;box-shadow:none}.cancel-button{background-color:#fff;color:#666;border:1px solid #ddd}.cancel-button:hover{background-color:#f0f0f0;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.loading-button{padding:10px 30px;background-color:#1486d1;color:#fff;border:none;border-radius:4px;font-weight:500;font-size:15px;display:flex;align-items:center;justify-content:center;gap:10px;cursor:not-allowed;opacity:.8}.spinner{width:18px;height:18px;border-radius:50%;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;animation:spin 1s infinite linear}.document-viewer-overlay,.presentation-viewer-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:flex;justify-content:center;align-items:center;animation:fadeIn .3s ease}@media (max-width: 768px){.options-container{flex-direction:column;gap:15px}.option-group{min-width:100%}.button-container{flex-direction:column}.submit-button,.cancel-button,.loading-button{width:100%;justify-content:center}}@media (max-width: 1199px){.sidebar{height:100px;padding-left:40px}.input-sidebar{width:250px;right:25%;z-index:9999}.modal-content{width:90%;max-width:700px}.unified-header{height:56px}.header-content{padding:0 15px;gap:15px}.header-left,.header-right{min-width:150px}.app-title{display:none}.navbar-tab.unified{padding:6px 12px;min-width:70px;font-size:13px}.convertButton.unified{padding:0 12px;min-width:80px;font-size:13px}.header-actions{gap:6px}.header-action-btn{padding:6px 10px;font-size:12px}.header-action-btn .btn-text{display:none}}@media (max-width: 767px){.sidebar{height:80px;padding-left:20px}.input-sidebar{width:200px;z-index:9999;right:25%}.modal-content{width:95%;max-width:500px;padding:20px}.submit-button,.cancel-button{min-width:100px;padding:10px 16px}.unified-header{height:52px}.header-content{padding:0 12px;gap:8px}.header-left,.header-right{min-width:100px}.app-logo{font-size:18px}.navbar-tabs.unified{gap:4px}.navbar-tab.unified{padding:5px 8px;min-width:50px;font-size:11px;border-radius:4px}.convertButton.unified{padding:0 8px;min-width:60px;font-size:12px}.header-action-btn{padding:6px;min-width:32px}.header-action-btn .btn-text,.file-status{display:none}.options-container{flex-direction:column;gap:15px;padding:10px}.option-group{min-width:100%}.button-container{flex-direction:column}.submit-button,.cancel-button,.loading-button{width:100%;justify-content:center}.word-document-preview,.powerpoint-preview,.environment-features{flex-direction:column}.environment-selection{flex-direction:column;align-items:flex-start}.env-badge{margin-top:8px}}@media (max-width: 479px){.unified-header{height:48px}.header-content{padding:0 8px;gap:6px}.header-left,.header-right{min-width:80px}.app-logo{font-size:16px}.navbar-tabs.unified{gap:2px}.navbar-tab.unified{padding:4px 6px;min-width:40px;font-size:10px}.convertButton.unified{padding:0 6px;min-width:50px;font-size:11px}.header-actions{gap:4px}.header-action-btn{padding:4px;min-width:28px}.sidebar{height:70px;padding-left:15px}.input-sidebar{width:180px;z-index:9999;right:25%}}@media (max-width: 767px){.navbar-tabs.unified{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.navbar-tabs.unified::-webkit-scrollbar{display:none}.navbar-tab.unified{white-space:nowrap;flex-shrink:0}}@media (max-width: 320px){.navbar-tab.unified{padding:3px 4px;min-width:35px;font-size:9px}.convertButton.unified{padding:0 4px;min-width:45px;font-size:10px}.header-action-btn{padding:3px;min-width:24px}}.bottom-section{display:grid;grid-template-columns:1fr 1fr;gap:20px}.options-stack{display:flex;flex-direction:column;gap:8px}.option-group-compact{background:#f8fafc;padding:12px 15px;border-radius:8px;border:1px solid #e2e8f0}.option-group-compact label{display:flex;align-items:center;gap:6px;font-weight:600;color:#374151;margin-bottom:8px;font-size:13px}.option-group-compact i{color:#1486d1;font-size:12px}.radio-container-compact{display:flex;flex-direction:column;gap:6px}.radio-label-compact{display:flex;align-items:center;gap:8px;padding:8px 10px;border:2px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:all .2s ease;background:#fff;position:relative;font-size:13px}.radio-label-compact:hover,.radio-label-compact.radio-selected{border-color:#1486d1;background:#f0f7ff}.radio-label-compact input[type=radio]{display:none}.radio-selected-indicator{position:absolute;right:10px;color:#1486d1;font-weight:700;font-size:12px}.select-input-compact,.text-input-compact{width:100%;padding:8px 10px;border:2px solid #e5e7eb;border-radius:6px;font-size:13px;background:#fff;box-sizing:border-box}.select-input-compact:focus,.text-input-compact:focus{outline:none;border-color:#1486d1;box-shadow:0 0 0 3px #1486d11a}.environment-description-only{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.environment-header-simple{padding:12px 15px;color:#fff;font-weight:600;display:flex;align-items:center;gap:8px;font-size:14px}.environment-header-simple.development{background:linear-gradient(135deg,#10b981,#059669)}.environment-header-simple.testing{background:linear-gradient(135deg,#f59e0b,#d97706)}.environment-header-simple.staging{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.environment-header-simple.production{background:linear-gradient(135deg,#ef4444,#dc2626)}.environment-header-simple.enterprise{background:linear-gradient(135deg,#1e293b,#0f172a)}.environment-description-content{padding:15px;flex-grow:1}.environment-description-text{margin:0;color:#374151;line-height:1.6;font-size:14px}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:1000px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #00000026}.environment-info-container{display:none}.location-selection-compact{position:relative}.region-help-button-compact{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:none;color:#6b7280;cursor:pointer;padding:2px;font-size:11px}@media (max-width: 1024px){.bottom-section{grid-template-columns:1fr;gap:15px}}@media (max-width: 768px){.modal-content{width:95%;margin:20px}.input-form{padding:20px}.button-container{flex-direction:column}.submit-button,.cancel-button{width:100%;justify-content:center}}.voice-interim-docs{background:linear-gradient(135deg,#e6f2ff,#d6ebff);border:1px solid #1486d1;border-radius:8px;padding:10px 14px;margin-bottom:10px;display:flex;align-items:center;gap:10px;font-size:13px;color:#1a202c;animation:voiceTextFadeInDocs .3s ease;box-shadow:0 2px 6px #1486d11f}@keyframes voiceTextFadeInDocs{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.pulse-icon-docs{color:#1486d1;font-size:14px;animation:pulseMicrophoneDocs 1.5s infinite}@keyframes pulseMicrophoneDocs{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.75}}.textarea-container-docs{position:relative;display:flex;gap:10px;align-items:flex-start}.voice-button-docs{width:44px;height:44px;min-width:44px;background:linear-gradient(135deg,#f7fafc,#fff);color:#1486d1;border:2px solid #e3e8ef;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0;font-size:16px;box-shadow:0 2px 4px #0000000d}.voice-button-docs:hover:not(:disabled){background:linear-gradient(135deg,#e6f2ff,#d6ebff);border-color:#1486d1;transform:scale(1.05);box-shadow:0 3px 8px #1486d12e}.voice-button-docs:active:not(:disabled){transform:scale(.98)}.voice-button-docs:disabled{background:#f7fafc;color:#cbd5e0;border-color:#e3e8ef;cursor:not-allowed;opacity:.6}.voice-button-docs.listening{background:linear-gradient(135deg,#1486d1,#0d6eaa);color:#fff;border-color:#1486d1;box-shadow:0 0 0 4px #1486d133;animation:listeningPulseDocs 2s infinite}@keyframes listeningPulseDocs{0%,to{box-shadow:0 0 0 4px #1486d133}50%{box-shadow:0 0 0 8px #1486d11a}}.voice-button-docs.listening i.pulse{animation:microphonePulseDocs 1.5s infinite}@keyframes microphonePulseDocs{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.textarea-container-docs .description-input{flex:1;width:100%}.voice-hint-docs{margin-top:8px;display:flex;align-items:center;justify-content:flex-start;gap:10px;font-size:12px;color:#1486d1;font-weight:600;animation:voiceHintFadeInDocs .3s ease;padding-left:54px}@keyframes voiceHintFadeInDocs{0%{opacity:0}to{opacity:1}}.voice-wave-docs{display:flex;gap:3px;align-items:center;height:18px}.voice-wave-docs span{width:3px;background:linear-gradient(180deg,#1486d1,#0d6eaa);border-radius:2px;animation:waveAnimationDocs 1.2s ease-in-out infinite}.voice-wave-docs span:nth-child(1){height:8px;animation-delay:0s}.voice-wave-docs span:nth-child(2){height:12px;animation-delay:.1s}.voice-wave-docs span:nth-child(3){height:16px;animation-delay:.2s}.voice-wave-docs span:nth-child(4){height:12px;animation-delay:.3s}.voice-wave-docs span:nth-child(5){height:8px;animation-delay:.4s}@keyframes waveAnimationDocs{0%,to{transform:scaleY(.5);opacity:.6}50%{transform:scaleY(1);opacity:1}}.voice-hint-text-docs{letter-spacing:.3px}@media (max-width: 768px){.voice-button-docs{width:40px;height:40px;min-width:40px;font-size:14px}.voice-interim-docs{font-size:12px;padding:8px 12px}.voice-hint-docs{font-size:11px;padding-left:50px}.voice-wave-docs{height:16px}.voice-wave-docs span{width:2px}.voice-wave-docs span:nth-child(1),.voice-wave-docs span:nth-child(5){height:6px}.voice-wave-docs span:nth-child(2),.voice-wave-docs span:nth-child(4){height:10px}.voice-wave-docs span:nth-child(3){height:14px}}@media (max-width: 480px){.textarea-container-docs{flex-direction:column;gap:8px}.voice-button-docs{width:36px;height:36px;min-width:36px;font-size:13px;align-self:flex-start}.voice-hint-docs{padding-left:0;justify-content:center}.voice-interim-docs{font-size:11px;padding:6px 10px}.pulse-icon-docs{font-size:12px}}@keyframes voiceButtonEntrance{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.voice-button-docs{animation:voiceButtonEntrance .3s ease}.voice-button-docs:focus{outline:none;box-shadow:0 0 0 3px #1486d14d}.voice-button-docs.listening:focus{box-shadow:0 0 0 4px #1486d133,0 0 0 7px #1486d11a}.textarea-container-docs .description-input{transition:all .3s ease}.textarea-container-docs .description-input:focus{border-color:#1486d1;box-shadow:0 0 0 3px #1486d11a}.voice-button-docs:before{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-8px);background:#333;color:#fff;padding:6px 10px;border-radius:4px;font-size:11px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:10}.voice-button-docs:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-2px);border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #333;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}.voice-button-docs:hover:before,.voice-button-docs:hover:after{opacity:1;transform:translate(-50%) translateY(-4px)}.textarea-container-docs{z-index:1}.voice-interim-docs{z-index:2}.voice-button-docs.processing{pointer-events:none;opacity:.7}.voice-button-docs.processing i{animation:spin 1s linear infinite}@keyframes voiceSuccessPulse{0%,to{transform:scale(1);background:linear-gradient(135deg,#10b981,#059669)}50%{transform:scale(1.1);background:linear-gradient(135deg,#34d399,#10b981)}}.voice-button-docs.success{animation:voiceSuccessPulse .6s ease;color:#fff}@keyframes voiceErrorShake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.voice-button-docs.error{animation:voiceErrorShake .4s ease;background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#ef4444;color:#ef4444}.tf-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:10000;animation:fadeIn .3s ease-out}.tf-modal-content{background-color:#fff;border-radius:16px;width:90%;max-width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 50px #0000004d;animation:slideUp .4s ease-out}.tf-modal-header{padding:24px 32px;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;border-radius:16px 16px 0 0;display:flex;justify-content:space-between;align-items:center}.tf-modal-header h3{margin:0;font-size:24px;font-weight:700;color:#0f172a;display:flex;align-items:center}.tf-cloud-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;margin-right:12px;font-size:20px}.tf-cloud-aws{background-color:#f90;color:#fff}.tf-cloud-azure{background-color:#0078d4;color:#fff}.tf-cloud-gcp{background-color:#4285f4;color:#fff}.tf-modal-close{background:none;border:none;color:#64748b;font-size:20px;cursor:pointer;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.tf-modal-close:hover{background-color:#f1f5f9;color:#334155}.tf-info-icon{margin-left:15px;color:#1486d1;cursor:pointer;position:relative;font-size:18px}.tf-cloud-aws~.tf-info-icon,.tf-cloud-aws+.tf-info-icon{color:#f90}.tf-cloud-azure~.tf-info-icon,.tf-cloud-azure+.tf-info-icon{color:#0078d4}.tf-cloud-gcp~.tf-info-icon,.tf-cloud-gcp+.tf-info-icon{color:#4285f4}.tf-tooltip{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%);background-color:#334155;color:#fff;padding:12px 16px;border-radius:10px;font-size:14px;width:280px;z-index:1001;box-shadow:0 10px 25px #0003;pointer-events:none;font-weight:400;line-height:1.5}.tf-tooltip:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border-width:8px;border-style:solid;border-color:transparent transparent #334155 transparent}.tf-form{padding:32px}.tf-option-group{margin-bottom:70px}.tf-label{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;color:#334155;margin-bottom:12px}.tf-label i{color:#1486d1}.tf-cloud-aws~.tf-option-group .tf-label i,.tf-cloud-aws~.tf-label i{color:#f90}.tf-cloud-azure~.tf-option-group .tf-label i,.tf-cloud-azure~.tf-label i{color:#0078d4}.tf-cloud-gcp~.tf-option-group .tf-label i,.tf-cloud-gcp~.tf-label i{color:#4285f4}.tf-required:after{content:"*";color:#ef4444;margin-left:4px}.tf-optional{font-weight:400;color:#94a3b8;font-size:14px;margin-left:4px}.tf-radio-container{display:flex;gap:20px;margin-top:10px}.tf-radio-label{flex:1;position:relative;cursor:pointer}.tf-radio-input{position:absolute;opacity:0;width:0;height:0}.tf-radio-card{background-color:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:24px 20px;transition:all .2s ease;display:flex;flex-direction:column;gap:16px}.tf-radio-label.active .tf-radio-card{background-color:#3b82f61a;border-color:#1486d1}.tf-cloud-aws~.tf-radio-container .tf-radio-label.active .tf-radio-card{background-color:#ff99001a;border-color:#f90}.tf-cloud-azure~.tf-radio-container .tf-radio-label.active .tf-radio-card{background-color:#0078d41a;border-color:#0078d4}.tf-cloud-gcp~.tf-radio-container .tf-radio-label.active .tf-radio-card{background-color:#4285f41a;border-color:#4285f4}.tf-radio-icon{width:48px;height:48px;background-color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#1486d1;box-shadow:0 4px 6px #0000000d}.tf-cloud-aws~.tf-radio-container .tf-radio-icon{color:#f90}.tf-cloud-azure~.tf-radio-container .tf-radio-icon{color:#0078d4}.tf-cloud-gcp~.tf-radio-container .tf-radio-icon{color:#4285f4}.tf-radio-content h4{font-size:18px;font-weight:600;color:#0f172a;margin:0 0 8px}.tf-radio-content p{margin:0;font-size:14px;color:#64748b;line-height:1.5}.tf-radio-check{position:absolute;top:12px;right:12px;width:22px;height:22px;border-radius:50%;background-color:#1486d1;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px}.tf-cloud-aws~.tf-radio-container .tf-radio-check{background-color:#f90}.tf-cloud-azure~.tf-radio-container .tf-radio-check{background-color:#0078d4}.tf-cloud-gcp~.tf-radio-container .tf-radio-check{background-color:#4285f4}.tf-text-input{width:100%;padding:14px 16px;background-color:#fff;border:2px solid #e2e8f0;border-radius:10px;font-size:16px;color:#0f172a;transition:all .2s ease;box-sizing:border-box;outline:none}.tf-text-input:focus{border-color:#1486d1;box-shadow:0 0 0 4px #3b82f633}.tf-cloud-aws~.tf-option-group .tf-text-input:focus{border-color:#f90;box-shadow:0 0 0 4px #f903}.tf-cloud-azure~.tf-option-group .tf-text-input:focus{border-color:#0078d4;box-shadow:0 0 0 4px #0078d433}.tf-cloud-gcp~.tf-option-group .tf-text-input:focus{border-color:#4285f4;box-shadow:0 0 0 4px #4285f433}.tf-text-input::placeholder{color:#94a3b8}.tf-region-helper{margin-top:12px;padding:16px;background-color:#f8fafc;border-radius:10px;border:1px dashed #cbd5e1}.tf-region-helper p{margin:0 0 10px;font-size:14px;color:#64748b;font-weight:500}.tf-region-chips{display:flex;flex-wrap:wrap;gap:8px}.tf-region-chip{background-color:transparent;border:1px solid #1486d1;color:#1486d1;border-radius:20px;padding:6px 12px;font-size:14px;font-family:monospace;cursor:pointer;transition:all .2s ease}.tf-region-chip:hover{background-color:#1486d1;color:#fff}.tf-cloud-aws~.tf-option-group .tf-region-chip{border-color:#f90;color:#f90}.tf-cloud-aws~.tf-option-group .tf-region-chip:hover{background-color:#f90;color:#fff}.tf-cloud-azure~.tf-option-group .tf-region-chip{border-color:#0078d4;color:#0078d4}.tf-cloud-azure~.tf-option-group .tf-region-chip:hover{background-color:#0078d4;color:#fff}.tf-cloud-gcp~.tf-option-group .tf-region-chip{border-color:#4285f4;color:#4285f4}.tf-cloud-gcp~.tf-option-group .tf-region-chip:hover{background-color:#4285f4;color:#fff}.tf-textarea{width:100%;padding:14px 16px;background-color:#fff;border:2px solid #e2e8f0;border-radius:10px;font-size:16px;color:#0f172a;line-height:1.5;resize:vertical;min-height:100px;box-sizing:border-box;transition:all .2s ease;outline:none}.tf-textarea:focus{border-color:#1486d1;box-shadow:0 0 0 4px #3b82f633}.tf-cloud-aws~.tf-option-group .tf-textarea:focus{border-color:#f90;box-shadow:0 0 0 4px #f903}.tf-cloud-azure~.tf-option-group .tf-textarea:focus{border-color:#0078d4;box-shadow:0 0 0 4px #0078d433}.tf-cloud-gcp~.tf-option-group .tf-textarea:focus{border-color:#4285f4;box-shadow:0 0 0 4px #4285f433}.tf-textarea::placeholder{color:#94a3b8}.tf-components-header{padding:20px;border-bottom:1px solid #e2e8f0;display:flex;align-items:flex-start;gap:12px}.tf-components-header-icon{width:32px;height:32px;background-color:#3b82f633;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#1486d1;font-size:16px;flex-shrink:0}.tf-cloud-aws~.tf-components-section .tf-components-header-icon{background-color:#f903;color:#f90}.tf-cloud-azure~.tf-components-section .tf-components-header-icon{background-color:#0078d433;color:#0078d4}.tf-cloud-gcp~.tf-components-section .tf-components-header-icon{background-color:#4285f433;color:#4285f4}.tf-components-header h4{margin:0 0 4px;font-size:18px;font-weight:600;color:#0f172a}.tf-components-header p{margin:0;font-size:14px;color:#64748b}.tf-components-section{background-color:#f8fafc;border-radius:12px;overflow:hidden;border:1px solid #e2e8f0;margin-bottom:32px;box-shadow:0 2px 6px #0000000d}.tf-components-list{padding:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:50px;max-height:600px;overflow-y:auto;margin-bottom:30px}.tf-component-item{background-color:#fff;border-radius:10px;padding:16px;box-shadow:0 1px 3px #0000000d;transition:all .2s ease;border:1px solid #e2e8f0;display:flex;flex-direction:column;height:100%}.tf-component-item:hover{box-shadow:0 4px 8px #00000014;border-color:#cbd5e1;transform:translateY(-2px)}.tf-component-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.tf-component-info{display:flex;flex-direction:column;flex:1;min-width:0}.tf-component-name{font-size:16px;font-weight:600;color:#0f172a;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tf-component-type{font-size:14px;color:#64748b;display:inline-block}.tf-component-cloud{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;font-size:16px;flex-shrink:0;margin-left:8px}.tf-component-textarea{width:100%;padding:12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#334155;resize:vertical;background-color:#f8fafc;box-sizing:border-box;transition:all .2s ease;outline:none;min-height:60px;margin-bottom:8px;flex:1}.tf-component-textarea:focus{border-color:#1486d1;background-color:#fff;box-shadow:0 0 0 2px #1486d11a}.tf-cloud-aws~.tf-components-section .tf-component-textarea:focus{border-color:#f90;box-shadow:0 0 0 2px #ff99001a}.tf-cloud-azure~.tf-components-section .tf-component-textarea:focus{border-color:#0078d4;box-shadow:0 0 0 2px #0078d41a}.tf-cloud-gcp~.tf-components-section .tf-component-textarea:focus{border-color:#4285f4;box-shadow:0 0 0 2px #4285f41a}.tf-component-features{border-top:1px solid #e2e8f0;margin-top:auto;width:100%}.tf-component-features-title{display:flex;align-items:center;font-size:14px;font-weight:500;color:#1e293b;white-space:nowrap}.tf-cloud-aws .tf-component-features-title i{color:#f90}.tf-cloud-azure .tf-component-features-title i{color:#0078d4}.tf-cloud-gcp .tf-component-features-title i{color:#4285f4}.tf-component-features-count{font-size:12px;padding:2px 6px;border-radius:12px;background-color:#e2e8f0;color:#475569;white-space:nowrap}.tf-component-features-content{padding:12px;background-color:#fff}.tf-component-features-actions{display:flex;gap:8px;margin-bottom:8px}.tf-component-features-list{max-height:180px;overflow-y:auto;padding-right:4px}.tf-feature-action-button{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:6px 10px;border-radius:6px;border:none;cursor:pointer;transition:all .2s ease;flex:1;justify-content:center}.tf-feature-action-button.select-all{background-color:#e6f7ff;color:#0284c7;border:1px solid #bae6fd}.tf-feature-action-button.select-all:hover{background-color:#bae6fd;box-shadow:0 1px 2px #0000000d}.tf-feature-action-button.clear-all{background-color:#fee2e2;color:#ef4444;border:1px solid #fecaca}.tf-feature-action-button.clear-all:hover{background-color:#fecaca;box-shadow:0 1px 2px #0000000d}.tf-feature-item{padding:6px 10px;background-color:#fff;border-radius:6px;border:1px solid #e2e8f0;transition:all .2s ease;margin-bottom:6px}.tf-feature-item:hover{box-shadow:0 1px 3px #0000000d;border-color:#cbd5e1}.tf-feature-checkbox{display:flex;align-items:flex-start;cursor:pointer;gap:10px;width:100%}.tf-feature-checkbox input{position:absolute;opacity:0;height:0;width:0}.tf-feature-checkbox-custom{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:18px;height:18px;margin-top:2px;border:2px solid #cbd5e1;border-radius:4px;transition:all .3s ease}.tf-feature-checkbox input:checked~.tf-feature-checkbox-custom{background-color:#1486d1;border-color:#1486d1}.tf-cloud-aws .tf-feature-checkbox input:checked~.tf-feature-checkbox-custom{background-color:#f90;border-color:#f90}.tf-cloud-azure .tf-feature-checkbox input:checked~.tf-feature-checkbox-custom{background-color:#0078d4;border-color:#0078d4}.tf-cloud-gcp .tf-feature-checkbox input:checked~.tf-feature-checkbox-custom{background-color:#4285f4;border-color:#4285f4}.tf-feature-checkbox input:checked~.tf-feature-checkbox-custom i{color:#fff;opacity:1;transform:scale(1)}.tf-feature-checkbox-custom i{font-size:10px;color:#fff;opacity:0;transform:scale(.6);transition:all .15s ease}.tf-feature-label{display:flex;flex-direction:column;flex:1;min-width:0}.tf-feature-name{font-size:13px;font-weight:600;color:#1e293b;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tf-feature-description{font-size:11px;color:#64748b;line-height:1.4}.tf-no-components{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:#94a3b8}.tf-no-components i{font-size:32px;color:#cbd5e1;margin-bottom:16px}.tf-no-components p{margin:0 0 8px}.tf-no-components p:first-of-type{font-size:16px;font-weight:600;color:#64748b}.tf-no-components p:last-of-type{font-size:14px;color:#94a3b8}.tf-feature-components{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.tf-feature-component{border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;background-color:#fff;transition:all .2s ease;display:flex;flex-direction:column;position:relative;box-shadow:0 2px 8px #00000008;height:100%}.tf-components-list::-webkit-scrollbar,.tf-component-features-list::-webkit-scrollbar{width:6px}.tf-components-list::-webkit-scrollbar-track,.tf-component-features-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.tf-components-list::-webkit-scrollbar-thumb,.tf-component-features-list::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:3px}.tf-components-list::-webkit-scrollbar-thumb:hover,.tf-component-features-list::-webkit-scrollbar-thumb:hover{background-color:#94a3b8}@media (max-width: 1400px){.tf-feature-components{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1200px){.tf-components-list{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.tf-components-list,.tf-feature-components{grid-template-columns:1fr}.tf-component-features-actions{flex-direction:column;gap:6px}}.tf-error-message{display:flex;align-items:flex-start;gap:12px;padding:16px;background-color:#fee2e2;color:#b91c1c;border-radius:8px;margin-bottom:24px}.tf-error-message i{font-size:18px}.tf-info-box{display:flex;align-items:flex-start;gap:12px;padding:16px;background-color:#3b82f61a;border-radius:8px;margin-bottom:24px}.tf-cloud-aws~.tf-info-box{background-color:#ff99001a}.tf-cloud-azure~.tf-info-box{background-color:#0078d41a}.tf-cloud-gcp~.tf-info-box{background-color:#4285f41a}.tf-info-box i{font-size:18px;color:#1486d1;margin-top:2px}.tf-cloud-aws~.tf-info-box i{color:#f90}.tf-cloud-azure~.tf-info-box i{color:#0078d4}.tf-cloud-gcp~.tf-info-box i{color:#4285f4}.tf-info-box p{margin:0;color:#0f172a;font-size:14px;line-height:1.6}.tf-button-container{display:flex;justify-content:flex-end;gap:16px;margin-top:32px}.tf-submit-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background-color:#1486d1;color:#fff;border:none;border-radius:8px;padding:14px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.tf-icon{width:100px;height:100px;vertical-align:middle;margin-right:5px}.tf-submit-button:hover{background-color:#1486d1;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb33}.tf-cloud-aws~.tf-button-container .tf-submit-button{background-color:#f90}.tf-cloud-aws~.tf-button-container .tf-submit-button:hover{background-color:#e68a00;box-shadow:0 4px 12px #f903}.tf-cloud-azure~.tf-button-container .tf-submit-button{background-color:#0078d4}.tf-cloud-azure~.tf-button-container .tf-submit-button:hover{background-color:#0062ad;box-shadow:0 4px 12px #0078d433}.tf-cloud-gcp~.tf-button-container .tf-submit-button{background-color:#4285f4}.tf-cloud-gcp~.tf-button-container .tf-submit-button:hover{background-color:#1a66ff;box-shadow:0 4px 12px #4285f433}.tf-submit-button:disabled{background-color:#cbd5e1;cursor:not-allowed;transform:none;box-shadow:none}.tf-cancel-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background-color:#f1f5f9;color:#64748b;border:none;border-radius:8px;padding:14px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.tf-cancel-button:hover{background-color:#e2e8f0;color:#334155}.tf-loading-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;background-color:#1486d1;color:#fff;border:none;border-radius:8px;padding:14px 24px;font-size:16px;font-weight:600;cursor:wait}.tf-cloud-aws~.tf-button-container .tf-loading-button{background-color:#f90}.tf-cloud-azure~.tf-button-container .tf-loading-button{background-color:#0078d4}.tf-cloud-gcp~.tf-button-container .tf-loading-button{background-color:#4285f4}.tf-spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}.tf-download-modal{background-color:#fff;border-radius:16px;width:90%;max-width:550px;padding:40px;animation:bounceIn .5s ease;text-align:center}.tf-download-icon{font-size:60px;color:#1486d1;margin-bottom:20px}.tf-cloud-aws~.tf-download-modal .tf-download-icon{color:#f90}.tf-cloud-azure~.tf-download-modal .tf-download-icon{color:#0078d4}.tf-cloud-gcp~.tf-download-modal .tf-download-icon{color:#4285f4}.tf-download-modal h3{font-size:24px;color:#333;margin:0 0 15px}.tf-download-modal p{color:#555;margin-bottom:20px}.tf-download-details{background-color:#f9f9f9;border-radius:8px;padding:15px;margin-bottom:20px;text-align:left}.tf-download-detail-item{display:flex;align-items:center;margin-bottom:10px;font-size:14px}.tf-download-detail-item:last-child{margin-bottom:0}.tf-download-detail-item i{color:#1486d1;margin-right:10px;min-width:20px;text-align:center}.tf-cloud-aws~.tf-download-modal .tf-download-detail-item i{color:#f90}.tf-cloud-azure~.tf-download-modal .tf-download-detail-item i{color:#0078d4}.tf-cloud-gcp~.tf-download-modal .tf-download-detail-item i{color:#4285f4}.tf-download-instructions{text-align:left;margin-bottom:25px}.tf-download-instructions h4{color:#333;margin:0 0 10px;font-size:16px}.tf-download-instructions ol{padding-left:25px;margin:0}.tf-download-instructions li{margin-bottom:5px;color:#555}.tf-download-instructions code{background-color:#f0f0f0;padding:2px 5px;border-radius:3px;font-family:Courier New,monospace;color:#333}.tf-download-actions{display:flex;justify-content:center;gap:15px;margin-top:10px}.tf-download-button{background-color:#1486d1;color:#fff;border:none;border-radius:6px;padding:12px 24px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.tf-download-button:hover{background-color:#1486d1;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.tf-cloud-aws~.tf-download-modal .tf-download-button{background-color:#f90}.tf-cloud-aws~.tf-download-modal .tf-download-button:hover{background-color:#e68a00;box-shadow:0 4px 8px #ff99004d}.tf-cloud-azure~.tf-download-modal .tf-download-button{background-color:#0078d4}.tf-cloud-azure~.tf-download-modal .tf-download-button:hover{background-color:#0062ad;box-shadow:0 4px 8px #0078d44d}.tf-cloud-gcp~.tf-download-modal .tf-download-button{background-color:#4285f4}.tf-cloud-gcp~.tf-download-modal .tf-download-button:hover{background-color:#1a66ff;box-shadow:0 4px 8px #4285f44d}.tf-close-button{background-color:#f5f5f5;color:#333;border:1px solid #ddd;border-radius:6px;padding:12px 24px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.tf-close-button:hover{background-color:#e0e0e0}.tf-success-badge{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;background-color:#10b981;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;border:2px solid white}.tf-section{margin-bottom:24px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;border:1px solid #e2e8f0;overflow:hidden}.tf-section-header{padding:16px 20px;background:linear-gradient(135deg,#fff,#f8fafc);border-bottom:1px solid #e2e8f0}.tf-section-header h4{margin:0 0 8px;font-size:16px;font-weight:600;color:#1e293b;display:flex;align-items:center;gap:10px}.tf-section-header h4 i{color:#1486d1;font-size:16px}.tf-section-header p{margin:0;font-size:14px;color:#64748b;line-height:1.4}.tf-form-row{display:flex;gap:16px;margin-bottom:16px}.tf-form-field{flex:1;min-width:0}.tf-required-tags .tf-form-row .tf-form-field{flex:1 1 0;min-width:200px}.tf-select-input{width:100%;padding:12px 40px 12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;background-color:#fff;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%231486d1' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;cursor:pointer}.tf-select-input:focus{border-color:#1486d1;outline:none;box-shadow:0 0 0 3px #1486d126}.tf-required-tags{margin-bottom:24px;padding:16px;background:linear-gradient(135deg,#fef3f2,#fef2f2);border-radius:8px;border:1px solid #fecaca}.tf-required-tags h5{margin:0 0 16px;font-size:14px;font-weight:600;color:#dc2626;display:flex;align-items:center;gap:8px}.tf-required-tags h5 i{color:#dc2626;font-size:10px}.tf-tag-preview-section{margin-bottom:24px}.tf-tag-preview-section h5{margin:0 0 12px;font-size:14px;font-weight:600;color:#374151;display:flex;align-items:center;gap:8px}.tf-tag-preview-section h5 i{color:#1486d1;font-size:12px}.tf-tag-preview{display:flex;flex-wrap:wrap;gap:8px;padding:12px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:8px;border:1px solid #bae6fd;min-height:44px;align-items:center}.tf-tag-item{background:#fff;padding:4px 8px;border-radius:4px;font-size:12px;border:1px solid #cbd5e1;box-shadow:0 1px 2px #0000000d;transition:all .2s ease}.tf-tag-item.tf-custom-tag{border-color:#059669;background:linear-gradient(135deg,#ecfdf5,#d1fae5)}.tf-tag-item.tf-custom-tag strong{color:#059669}.tf-custom-tags-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.tf-no-custom-tags{display:flex;align-items:center;gap:8px;padding:16px;background:#f9fafb;border:1px dashed #d1d5db;border-radius:8px;color:#6b7280;font-size:14px;margin-bottom:16px}.tf-tag-suggestions{padding:12px;background:#f8fafc;border-radius:6px;border:1px solid #e2e8f0}.tf-tag-suggestions p{margin:0 0 8px;font-size:12px;color:#6b7280;font-weight:500}.tf-tag-suggestion-chips{display:flex;flex-wrap:wrap;gap:6px}.tf-suggestion-chip{background:#fff;color:#374151;border:1px solid #d1d5db;padding:4px 8px;border-radius:4px;font-size:11px;cursor:pointer;transition:all .2s ease;font-weight:500}.tf-suggestion-chip:hover{background:#1486d1;color:#fff;border-color:#1486d1;transform:translateY(-1px)}@media (max-width: 992px){.tf-required-tags .tf-form-row{flex-wrap:wrap}.tf-required-tags .tf-form-row .tf-form-field{min-width:250px;flex:1 1 calc(50% - 8px)}.tf-required-tags .tf-form-row .tf-form-field:nth-child(3){flex:1 1 100%}}@media (max-width: 768px){.tf-form-row{flex-direction:column;gap:12px}.tf-required-tags .tf-form-row .tf-form-field{min-width:auto;flex:none}.tf-tag-preview{flex-direction:column;align-items:stretch}.tf-custom-tag-item{flex-direction:column;align-items:stretch;gap:8px}.tf-tag-key,.tf-tag-value{max-width:none;flex:none}.tf-tag-separator{display:none}.tf-custom-tags-header{flex-direction:column;align-items:stretch;gap:12px}.tf-tag-suggestion-chips{justify-content:center}}.tf-tag-preview:empty:after{content:"Tags will appear here as you fill in the form...";color:#9ca3af;font-style:italic;font-size:12px}.tf-tag-item{animation:fadeInUp .3s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tf-suggestion-chip:active{transform:translateY(-1px) scale(.95)}.tf-required-tags .tf-text-input:invalid,.tf-required-tags .tf-select-input:invalid{border-color:#fca5a5;background-color:#fef2f2}.tf-required-tags .tf-text-input:valid,.tf-required-tags .tf-select-input:valid{border-color:#86efac;background-color:#f0fdf4}@media (max-width: 480px){.tf-tags-content{padding:16px}.tf-required-tags{padding:12px}.tf-custom-tag-item{padding:10px}.tf-tag-suggestion-chips{gap:4px}.tf-suggestion-chip{font-size:10px;padding:3px 6px}}.tf-tags-content{padding:20px}.tf-default-tags{margin-bottom:24px}.tf-default-tags h5{margin:0 0 12px;font-size:14px;font-weight:600;color:#374151;display:flex;align-items:center;gap:8px}.tf-default-tags h5 i{color:#1486d1;font-size:12px}.tf-tag-preview{display:flex;flex-wrap:wrap;gap:8px;padding:12px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:8px;border:1px solid #bae6fd}.tf-tag-item{background:#fff;padding:4px 8px;border-radius:4px;font-size:12px;border:1px solid #cbd5e1;box-shadow:0 1px 2px #0000000d}.tf-tag-item strong{color:#1486d1}.tf-custom-tags h5{margin:0 0 12px;font-size:14px;font-weight:600;color:#374151;display:flex;align-items:center;gap:8px}.tf-custom-tags h5 i{color:#059669;font-size:12px}.tf-custom-tags-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.tf-add-tag-button{background:linear-gradient(135deg,#059669,#047857);color:#fff;border:none;padding:8px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.tf-add-tag-button:hover{background:linear-gradient(135deg,#047857,#065f46);transform:translateY(-1px);box-shadow:0 2px 8px #0596694d}.tf-custom-tags-list{display:flex;flex-direction:column;gap:12px}.tf-custom-tag-item{display:flex;align-items:center;gap:8px;padding:12px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;transition:all .2s ease}.tf-custom-tag-item:hover{border-color:#cbd5e1;box-shadow:0 2px 4px #0000000d}.tf-tag-input{flex:1;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background-color:#fff;transition:all .2s ease}.tf-tag-input:focus{border-color:#1486d1;outline:none;box-shadow:0 0 0 2px #1486d11a}.tf-tag-key{max-width:150px}.tf-tag-value{flex:2}.tf-tag-separator{color:#6b7280;font-weight:600;margin:0 4px}.tf-remove-tag-button{background:#ef4444;color:#fff;border:none;padding:8px;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:32px;height:32px}.tf-remove-tag-button:hover{background:#dc2626;transform:scale(1.05)}.tf-no-custom-tags{display:flex;align-items:center;gap:8px;padding:16px;background:#f9fafb;border:1px dashed #d1d5db;border-radius:8px;color:#6b7280;font-size:14px}.tf-no-custom-tags i{color:#9ca3af}@media (max-width: 768px){.tf-form-row{flex-direction:column;gap:12px}.tf-tag-preview{flex-direction:column}.tf-custom-tag-item{flex-direction:column;align-items:stretch;gap:8px}.tf-tag-key,.tf-tag-value{max-width:none;flex:none}.tf-tag-separator{display:none}.tf-custom-tags-header{flex-direction:column;align-items:stretch;gap:12px}.tf-section-title-row{flex-direction:column;align-items:flex-start;gap:8px}.tf-section-toggle{align-self:flex-end}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.8)}50%{opacity:1;transform:scale(1.05)}to{transform:scale(1)}}@keyframes pulse{0%{box-shadow:0 0 #5c4ee566}70%{box-shadow:0 0 0 10px #5c4ee500}to{box-shadow:0 0 #5c4ee500}}.tf-components-list::-webkit-scrollbar,.tf-modal-content::-webkit-scrollbar{width:8px}.tf-components-list::-webkit-scrollbar-track,.tf-modal-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.tf-components-list::-webkit-scrollbar-thumb,.tf-modal-content::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:4px}.tf-components-list::-webkit-scrollbar-thumb:hover,.tf-modal-content::-webkit-scrollbar-thumb:hover{background-color:#94a3b8}@media (max-width: 768px){.tf-radio-container{flex-direction:column;gap:16px}.tf-modal-content{width:95%;padding:0}.tf-form{padding:20px}.tf-modal-header{padding:16px 20px}.tf-modal-header h3{font-size:20px}.tf-cloud-icon{width:32px;height:32px;font-size:16px}.tf-button-container{flex-direction:column;gap:12px}.tf-submit-button,.tf-cancel-button,.tf-loading-button{width:100%;justify-content:center}.tf-download-modal{padding:24px;width:95%}.tf-download-actions{flex-direction:column;gap:12px}.tf-download-button,.tf-close-button{width:100%;justify-content:center}.tf-component-header{flex-direction:column;align-items:flex-start;gap:8px}}.tf-mt-8{margin-top:8px}.tf-mb-16{margin-bottom:16px}.tf-text-center{text-align:center}.tf-flex{display:flex}.tf-items-center{align-items:center}.tf-justify-center{justify-content:center}.tf-gap-8{gap:8px}.tf-provider-dropdown{position:relative;display:inline-block}.tf-provider-dropdown-button{display:flex;align-items:center;gap:8px;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:10px 16px;cursor:pointer;transition:all .2s ease}.tf-provider-dropdown-content{position:absolute;top:100%;left:0;background-color:#fff;min-width:160px;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:1002;display:none}.tf-provider-dropdown.open .tf-provider-dropdown-content{display:block}.tf-provider-option{padding:10px 16px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease}.tf-provider-option:hover{background-color:#f8fafc}.tf-provider-option.active{background-color:#f1f5f9}.tf-checkbox-container{display:flex;align-items:center;gap:8px;margin-bottom:12px}.tf-checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer}.tf-checkbox{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:20px;height:20px;border:2px solid #e2e8f0;border-radius:4px;background-color:#fff;display:inline-block;position:relative;cursor:pointer;transition:all .2s ease}.tf-checkbox:checked{background-color:#1486d1;border-color:#1486d1}.tf-checkbox:checked:before{content:"";position:absolute;top:4px;left:7px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.tf-cloud-aws~.tf-option-group .tf-checkbox:checked{background-color:#f90;border-color:#f90}.tf-cloud-azure~.tf-option-group .tf-checkbox:checked{background-color:#0078d4;border-color:#0078d4}.tf-cloud-gcp~.tf-option-group .tf-checkbox:checked{background-color:#4285f4;border-color:#4285f4}.tf-has-tooltip{position:relative}.tf-tooltip-text{visibility:hidden;position:absolute;z-index:1001;bottom:125%;left:50%;transform:translate(-50%);background-color:#334155;color:#fff;text-align:center;padding:8px 12px;border-radius:6px;font-size:14px;white-space:nowrap;opacity:0;transition:opacity .3s}.tf-tooltip-text:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#334155 transparent transparent transparent}.tf-has-tooltip:hover .tf-tooltip-text{visibility:visible;opacity:1}.tf-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500;background-color:#f1f5f9;color:#64748b}.tf-tag-aws{background-color:#ff99001a;color:#f90}.tf-tag-azure{background-color:#0078d41a;color:#0078d4}.tf-tag-gcp{background-color:#4285f41a;color:#4285f4}.dropdown-item.tf-option,.dropdown-item.tf-option i{color:#1486d1}.dropdown-item.tf-option:hover{background-color:#f0edff}.dropdown-item.tf-option .dropdown-description{color:#666}.tf-component-features{border-top:1px solid #e2e8f0;margin-top:4px}.tf-component-features-header{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background-color:#f8fafc;cursor:pointer;transition:all .2s ease}.tf-component-features-header:hover{background-color:#f1f5f9}.tf-component-features-header.expanded{border-bottom:1px solid #e2e8f0}.tf-component-features-title{display:flex;align-items:center;font-size:14px;font-weight:500;color:#1e293b}.tf-component-features-title i{color:#1486d1;margin-right:8px}.tf-component-features-stats{display:flex;align-items:center;gap:8px}.tf-component-features-count{font-size:12px;padding:2px 6px;background-color:#e2e8f0;border-radius:4px;color:#475569}.tf-cloud-aws .tf-component-features-count{background-color:#ff99001a;color:#f90}.tf-cloud-azure .tf-component-features-count{background-color:#0078d41a;color:#0078d4}.tf-cloud-gcp .tf-component-features-count{background-color:#4285f41a;color:#4285f4}.tf-component-features-toggle{width:20px;height:20px;border-radius:10px;background-color:#e2e8f0;display:flex;align-items:center;justify-content:center;font-size:10px;color:#64748b;transition:all .2s ease}.tf-component-features-header:hover .tf-component-features-toggle{background-color:#cbd5e1;color:#334155}.tf-component-features-content{padding:12px 16px;background-color:#fff}.tf-component-features-actions{display:flex;gap:8px;margin-bottom:10px}.tf-component-features-list{max-height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.tf-download-modal{background-color:#fff;padding:32px;border-radius:12px;width:90%;max-width:600px;text-align:center;animation:slideUp .3s ease-out}.voice-interim-terraform{background:linear-gradient(135deg,#e6f2ff,#d6ebff);border:1px solid #1486d1;border-radius:8px;padding:10px 14px;margin-bottom:10px;display:flex;align-items:center;gap:10px;font-size:13px;color:#1a202c;animation:voiceTextFadeInTerraform .3s ease;box-shadow:0 2px 6px #1486d11f}@keyframes voiceTextFadeInTerraform{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.pulse-icon-terraform{color:#1486d1;font-size:14px;animation:pulseMicrophoneTerraform 1.5s infinite}@keyframes pulseMicrophoneTerraform{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.75}}.textarea-container-terraform{position:relative;display:flex;gap:10px;align-items:flex-start}.voice-button-terraform{width:44px;height:44px;min-width:44px;background:linear-gradient(135deg,#f7fafc,#fff);color:#1486d1;border:2px solid #e3e8ef;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0;font-size:16px;box-shadow:0 2px 4px #0000000d}.voice-button-terraform:hover:not(:disabled){background:linear-gradient(135deg,#e6f2ff,#d6ebff);border-color:#1486d1;transform:scale(1.05);box-shadow:0 3px 8px #1486d12e}.voice-button-terraform:active:not(:disabled){transform:scale(.98)}.voice-button-terraform:disabled{background:#f7fafc;color:#cbd5e0;border-color:#e3e8ef;cursor:not-allowed;opacity:.6}.voice-button-terraform.listening{background:linear-gradient(135deg,#1486d1,#0d6eaa);color:#fff;border-color:#1486d1;box-shadow:0 0 0 4px #1486d133;animation:listeningPulseTerraform 2s infinite}@keyframes listeningPulseTerraform{0%,to{box-shadow:0 0 0 4px #1486d133}50%{box-shadow:0 0 0 8px #1486d11a}}.voice-button-terraform.listening i.pulse{animation:microphonePulseTerraform 1.5s infinite}@keyframes microphonePulseTerraform{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.textarea-container-terraform .tf-textarea{flex:1;width:100%}.voice-hint-terraform{margin-top:8px;display:flex;align-items:center;justify-content:flex-start;gap:10px;font-size:12px;color:#1486d1;font-weight:600;animation:voiceHintFadeInTerraform .3s ease;padding-left:54px}@keyframes voiceHintFadeInTerraform{0%{opacity:0}to{opacity:1}}.voice-wave-terraform{display:flex;gap:3px;align-items:center;height:18px}.voice-wave-terraform span{width:3px;background:linear-gradient(180deg,#1486d1,#0d6eaa);border-radius:2px;animation:waveAnimationTerraform 1.2s ease-in-out infinite}.voice-wave-terraform span:nth-child(1){height:8px;animation-delay:0s}.voice-wave-terraform span:nth-child(2){height:12px;animation-delay:.1s}.voice-wave-terraform span:nth-child(3){height:16px;animation-delay:.2s}.voice-wave-terraform span:nth-child(4){height:12px;animation-delay:.3s}.voice-wave-terraform span:nth-child(5){height:8px;animation-delay:.4s}@keyframes waveAnimationTerraform{0%,to{transform:scaleY(.5);opacity:.6}50%{transform:scaleY(1);opacity:1}}.voice-hint-text-terraform{letter-spacing:.3px}.voice-button-terraform:focus{outline:none;box-shadow:0 0 0 3px #1486d14d}.voice-button-terraform.listening:focus{box-shadow:0 0 0 4px #1486d133,0 0 0 7px #1486d11a}@media (max-width: 768px){.voice-button-terraform{width:40px;height:40px;min-width:40px;font-size:14px}.voice-interim-terraform{font-size:12px;padding:8px 12px}.voice-hint-terraform{font-size:11px;padding-left:50px}.voice-wave-terraform{height:16px}.voice-wave-terraform span{width:2px}.voice-wave-terraform span:nth-child(1),.voice-wave-terraform span:nth-child(5){height:6px}.voice-wave-terraform span:nth-child(2),.voice-wave-terraform span:nth-child(4){height:10px}.voice-wave-terraform span:nth-child(3){height:14px}}@media (max-width: 480px){.textarea-container-terraform{flex-direction:column;gap:8px}.voice-button-terraform{width:36px;height:36px;min-width:36px;font-size:13px;align-self:flex-start}.voice-hint-terraform{padding-left:0;justify-content:center}.voice-interim-terraform{font-size:11px;padding:6px 10px}.pulse-icon-terraform{font-size:12px}}.tf-loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;z-index:10000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .3s ease-out}.tf-loading-container{max-width:600px;padding:40px;border-radius:16px;background-color:#fff;box-shadow:0 8px 32px #0000001a;text-align:center;display:flex;flex-direction:column;align-items:center}.tf-loading-animation{position:relative;height:60px;width:100px;margin-bottom:24px;display:flex;flex-direction:column;align-items:center;justify-content:center}.tf-loading-bar{position:absolute;height:10px;border-radius:10px}.tf-icon{width:100px;height:80px;vertical-align:middle;margin-right:5px}.tf-loading-title{font-size:24px;color:#1e293b;margin-bottom:32px;font-weight:600}.tf-loading-features{display:flex;flex-direction:column;gap:16px;width:100%;max-width:500px;margin-bottom:32px;text-align:left}.tf-loading-feature-item{display:flex;align-items:center;gap:12px;animation:featureAppear .3s ease-out both}.tf-loading-feature-item:nth-child(1){animation-delay:.2s}.tf-loading-feature-item:nth-child(2){animation-delay:.4s}.tf-loading-feature-item:nth-child(3){animation-delay:.6s}.tf-loading-feature-item:nth-child(4){animation-delay:.8s}.tf-loading-feature-item:nth-child(5){animation-delay:1s}.tf-loading-feature-item:nth-child(6){animation-delay:1.2s}.tf-loading-feature-item:nth-child(7){animation-delay:1.4s}.tf-loading-check-circle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background-color:#1486d1;color:#fff;font-size:14px}.tf-loading-feature-text{font-size:16px;color:#334155;font-weight:500}.tf-loading-message{color:#64748b;font-size:15px;line-height:1.5;margin-top:8px}.tf-cloud-aws .tf-loading-check-circle{background-color:#f90}.tf-cloud-azure .tf-loading-check-circle{background-color:#0078d4}.tf-cloud-gcp .tf-loading-check-circle{background-color:#4285f4}@keyframes pulseGreen{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}@keyframes pulsePurpleMedium{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}@keyframes pulsePurpleDark{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}@keyframes featureAppear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.tf-loading-container{max-width:90%;padding:30px 20px}.tf-loading-title{font-size:20px}.tf-loading-feature-text{font-size:14px}}.image-upload-area{display:flex;flex-direction:column;align-items:center;padding:20px;border:2px dashed #1486d1;border-radius:8px;background-color:#f8f9fa;cursor:pointer;transition:all .3s ease;margin-bottom:20px;max-height:350px;overflow-y:auto}.image-upload-area:hover{background-color:#e9ecef;border-color:#0d6efd}.image-upload-area.active{background-color:#e2f2ff;border-color:#0d6efd}.image-preview-container{width:100%;margin-top:15px;display:flex;flex-direction:column;align-items:center}.image-preview{max-width:100%;max-height:250px;border-radius:4px;box-shadow:0 2px 4px #0000001a}.image-processing-controls{width:100%;margin-top:15px}.image-upload-icon{font-size:40px;color:#1486d1;margin-bottom:10px}.paste-instructions{margin-top:10px;font-size:13px;color:#6c757d;font-style:italic}.image-upload-button{background-color:#1486d1;color:#fff;border:none;padding:8px 15px;border-radius:4px;cursor:pointer;font-weight:500;margin-top:10px;transition:all .2s}.image-upload-button:hover{background-color:#0e6aad}.remove-image-button{background-color:#dc3545;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:14px;margin-top:10px}.remove-image-button:hover{background-color:#bb2d3b}.image-options-container{margin-top:15px;width:100%}.modal-content{max-height:95vh;overflow-y:auto}.input-form{overflow-y:visible}.button-container{position:sticky;bottom:0;background-color:#fff;padding:15px 0;margin-top:15px;box-shadow:0 -2px 10px #0000001a;z-index:10}@media (max-width: 768px){.image-upload-area{padding:15px;max-height:300px}.image-upload-icon{font-size:30px}.image-preview{max-height:180px}.modal-content{max-height:85vh}}.template-selector{background-color:#fff;border-radius:12px;box-shadow:0 8px 24px #0000002e;width:90%;max-width:1300px;max-height:95vh;overflow-y:auto;padding:20px;z-index:1010;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color:#333;scrollbar-width:thin;scrollbar-color:#1486d1 #f5f5f5;box-sizing:border-box}.template-selector::-webkit-scrollbar{width:6px;height:6px}.template-selector::-webkit-scrollbar-track{background:#f5f5f5;border-radius:10px}.template-selector::-webkit-scrollbar-thumb{background:#1486d1;border-radius:10px}.template-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-out}.template-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid #eaeaea}.template-header h2{margin:0;font-size:20px;font-weight:600;color:#1486d1}.temp-close-button{background:none;border:none;font-size:24px;cursor:pointer;color:#666;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;padding:0}.temp-close-button:hover{background-color:#f5f5f5}.provider-tabs{display:flex;border-bottom:1px solid #eaeaea;margin-bottom:20px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:2px}.provider-tabs::-webkit-scrollbar{display:none}.provider-tab{padding:10px 20px;background:none;border:none;border-bottom:3px solid transparent;margin-right:16px;cursor:pointer;font-weight:500;font-size:15px;color:#666;transition:all .2s ease;white-space:nowrap}.provider-tab:hover{color:#1486d1}.provider-tab.active{border-bottom-color:#1486d1;color:#1486d1;font-weight:600}.template-filters{display:flex;flex-direction:column;gap:14px;margin-bottom:20px}.search-container{position:relative;width:100%}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#999}.search-input{width:100%;padding:10px 12px 10px 36px;border:1px solid #ddd;border-radius:8px;font-size:14px;transition:all .2s ease;box-sizing:border-box}.search-input:focus{outline:none;border-color:#1486d1;box-shadow:0 0 0 2px #1486d11a}.category-filters{display:flex;flex-wrap:nowrap;gap:8px;margin-top:4px;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.category-filters::-webkit-scrollbar{height:4px}.category-filter{background-color:#f5f5f7;border:none;border-radius:20px;padding:7px 14px;font-size:13px;color:#555;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.category-filter:hover{background-color:#eaeaea}.category-filter.active{background-color:#1486d1;color:#fff;font-weight:500}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:25px;margin-bottom:24px}.template-card{border:2px solid transparent;border-radius:10px;padding:16px;cursor:pointer;transition:all .2s ease;background-color:#fafafa;display:flex;flex-direction:column;height:100%;position:relative;box-sizing:border-box}.template-card:hover{background-color:#f5f5f7;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.template-card.selected{border-color:#1486d1;background-color:#1486d10d;box-shadow:0 4px 12px #1486d126}.template-preview{height:140px;background-color:#f0f0f0;border-radius:8px;display:flex;justify-content:center;align-items:center;margin-bottom:14px;overflow:hidden}.template-preview img{max-width:100%;max-height:100%;object-fit:contain}.template-preview-placeholder{font-size:36px;font-weight:600;color:#aaa;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#eaeaea}.blank-preview{background-color:#fff;border:2px dashed #ddd}.blank-preview span{font-size:36px;color:#ccc;font-weight:300}.template-info{display:flex;flex-direction:column;flex-grow:1}.template-name{font-weight:600;font-size:15px;margin-bottom:6px;color:#222}.template-description{font-size:13px;color:#666;line-height:1.4;margin-bottom:12px}.template-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;width:100%}.template-category{background-color:#eaeaea;color:#555;font-size:12px;font-weight:500;padding:4px 10px;border-radius:12px}.template-open-button{background-color:#1486d1;color:#fff;border:none;border-radius:6px;padding:7px 14px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.template-open-button:hover{background-color:#0f6cb1;transform:translateY(-2px);box-shadow:0 2px 5px #1486d14d}.template-open-button:active{transform:translateY(0)}.template-open-button:disabled{background-color:#94a3b8;cursor:not-allowed;transform:none;box-shadow:none}.no-results{text-align:center;padding:25px;color:#666;font-style:italic;background-color:#f9f9f9;border-radius:8px;margin-bottom:20px}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fffc;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1020;border-radius:12px}.loading-spinner{width:36px;height:36px;border:3px solid rgba(20,134,209,.2);border-radius:50%;border-top-color:#1486d1;animation:spin 1s ease-in-out infinite;margin-bottom:12px}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-size:15px;color:#333;font-weight:500}.template-actions{display:flex;justify-content:flex-end;gap:14px;padding-top:14px;border-top:1px solid #eaeaea}.cancel-button{padding:9px 18px;background-color:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;color:#555;transition:all .2s ease}.cancel-button:hover{background-color:#f5f5f5;border-color:#ccc}@media (max-width: 1024px){.template-selector{width:95%;max-width:900px;padding:18px}.templates-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.template-header h2{font-size:18px}}@media (max-width: 768px){.template-backdrop{padding:20px 8px 8px;align-items:flex-start}.template-selector{width:100%;max-width:none;max-height:calc(100vh - 40px);padding:16px;margin:0;border-radius:12px 12px 0 0}.template-header{margin-bottom:16px;padding-bottom:12px;position:sticky;top:0;background-color:#fff;z-index:10}.template-header h2{font-size:18px}.temp-close-button{width:40px;height:40px;font-size:20px}.provider-tabs{margin-bottom:16px;gap:4px}.provider-tab{padding:8px 16px;margin-right:8px;font-size:14px;min-width:80px}.template-filters{gap:12px;margin-bottom:16px}.search-input{padding:12px 12px 12px 36px;font-size:16px}.category-filters{gap:6px;padding-bottom:6px}.category-filter{padding:7px 14px;font-size:13px;min-height:38px}.templates-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:20px}.template-card{padding:14px}.template-preview{height:120px;margin-bottom:12px}.template-name{font-size:14px;margin-bottom:5px}.template-description{font-size:12px;margin-bottom:10px;-webkit-line-clamp:2}.template-footer{gap:8px}.template-category{font-size:11px;padding:3px 8px}.template-open-button{padding:6px 12px;font-size:13px;min-height:32px}.template-actions{gap:12px;padding-top:12px;position:sticky;bottom:0;background-color:#fff;margin-top:16px;border-top:1px solid #eaeaea}.cancel-button{padding:8px 16px;min-height:40px}}@media (max-width: 600px){.template-backdrop{padding:10px 4px 4px}.template-selector{padding:14px;max-height:calc(100vh - 20px);border-radius:8px 8px 0 0}.template-header{margin-bottom:14px;padding-bottom:10px}.template-header h2{font-size:16px}.provider-tabs{margin-bottom:14px}.provider-tab{padding:6px 12px;font-size:13px;min-width:70px}.template-filters{gap:10px;margin-bottom:14px}.category-filter{padding:6px 12px;font-size:12px;min-height:36px}.templates-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.template-card{padding:12px}.template-preview{height:100px;margin-bottom:10px}.template-preview-placeholder,.blank-preview span{font-size:28px}.template-name{font-size:13px;margin-bottom:4px}.template-description{font-size:11px;margin-bottom:8px;-webkit-line-clamp:2}.template-category{font-size:10px;padding:2px 6px}.template-open-button{padding:5px 10px;font-size:12px;min-height:30px}}@media (max-width: 480px){.template-backdrop{padding:5px 2px 2px}.template-selector{padding:12px;max-height:calc(100vh - 10px);border-radius:6px 6px 0 0}.template-header{margin-bottom:12px;padding-bottom:8px}.template-header h2{font-size:15px}.temp-close-button{width:36px;height:36px;font-size:18px}.provider-tabs{margin-bottom:12px;gap:2px}.provider-tab{padding:5px 10px;font-size:12px;min-width:60px;margin-right:4px}.template-filters{gap:8px;margin-bottom:12px}.search-input{padding:10px 10px 10px 32px;font-size:16px}.search-icon{left:10px}.category-filters{gap:4px}.category-filter{padding:5px 10px;font-size:11px;min-height:34px}.templates-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.template-card{padding:10px}.template-preview{height:80px;margin-bottom:8px}.template-preview-placeholder,.blank-preview span{font-size:24px}.template-name{font-size:12px;margin-bottom:3px}.template-description{font-size:10px;margin-bottom:6px;-webkit-line-clamp:1}.template-footer{gap:6px}.template-category{font-size:9px;padding:2px 5px}.template-open-button{padding:4px 8px;font-size:11px;min-height:28px}.template-actions{gap:8px;padding-top:10px;margin-top:12px}.cancel-button{padding:6px 12px;font-size:13px;min-height:36px}}@media (max-width: 360px){.template-selector{padding:10px}.templates-grid{grid-template-columns:1fr 1fr;gap:8px}.template-card{padding:8px}.template-preview{height:70px;margin-bottom:6px}.template-preview-placeholder,.blank-preview span{font-size:20px}.template-name{font-size:11px;margin-bottom:2px}.template-description{font-size:9px;margin-bottom:5px}.template-footer{flex-direction:column;gap:4px;align-items:stretch}.template-category{font-size:8px;text-align:center}.template-open-button{width:100%;padding:4px 6px;font-size:10px;min-height:26px}.provider-tab{padding:4px 8px;font-size:11px;min-width:50px}.category-filter{padding:4px 8px;font-size:10px;min-height:32px}}@media (max-width: 320px){.template-selector{padding:8px;border-radius:4px 4px 0 0}.template-header h2{font-size:14px}.temp-close-button{width:32px;height:32px;font-size:16px}.templates-grid{grid-template-columns:1fr;gap:6px}.template-card{padding:6px}.template-preview{height:60px;margin-bottom:5px}.template-name{font-size:10px}.template-description{font-size:8px;margin-bottom:4px}.template-open-button{font-size:9px;min-height:24px}.template-actions{flex-direction:column;gap:6px}.cancel-button{width:100%;font-size:12px;min-height:36px}}@media (max-width: 768px) and (orientation: landscape){.template-backdrop{align-items:center;padding-top:8px}.template-selector{max-height:calc(100vh - 16px);border-radius:12px}.templates-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.template-preview{height:90px}}@media (max-width: 480px) and (orientation: portrait){.template-backdrop{align-items:flex-start;padding-top:10px}.template-selector{min-height:calc(100vh - 20px)}}@supports (-webkit-appearance: none){.template-selector{-webkit-overflow-scrolling:touch}.search-input{-webkit-appearance:none;border-radius:8px}.provider-tabs,.category-filters{-webkit-overflow-scrolling:touch}}@media screen and (-webkit-min-device-pixel-ratio: 0){.template-card:active{background-color:#1486d10d}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.template-card{border-width:1px}.template-selector::-webkit-scrollbar{width:4px;height:4px}.category-filters::-webkit-scrollbar{height:2px}}.compact-node-editor{position:fixed;top:55px;right:0;width:340px;background:#fff;border-radius:12px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid #e5e7eb;z-index:1000;animation:slideInRight .25s cubic-bezier(.4,0,.2,1);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;max-height:460px;overflow:hidden;display:flex;flex-direction:column}@keyframes slideInRight{0%{opacity:0;transform:translate(100%) scale(.98)}to{opacity:1;transform:translate(0) scale(1)}}.editor-header-compact{background:linear-gradient(135deg,#1486d1,#1486d1);color:#fff;padding:12px 16px;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;align-items:center}.editor-title i{font-size:14px}.close-btn{background:#fff;border:none;color:#fff;cursor:pointer;padding:6px;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.close-btn:hover{background:#ffffff40}.editor-body-compact{padding:16px;display:flex;flex-direction:column;gap:14px;flex:1;overflow-y:auto}.field-group{display:flex;flex-direction:column;gap:6px}.field-label{font-size:11px;font-weight:600;color:#374151;display:flex;align-items:center;gap:6px;text-transform:uppercase;letter-spacing:.3px}.field-label i{font-size:11px;color:#6b7280}.icon-controls{display:flex;align-items:center;gap:10px}.icon-preview-compact{width:40px;height:40px;border:2px solid #e5e7eb;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#f9fafb;flex-shrink:0}.icon-preview-img{width:28px;height:28px;object-fit:contain}.icon-preview-placeholder{color:#9ca3af;font-size:16px}.btn-browse-icons{background:#f3f4f6;border:1px solid #d1d5db;color:#374151;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s;display:flex;align-items:center;gap:6px;flex:1}.btn-browse-icons:hover{background:#e5e7eb;border-color:#9ca3af}.icon-info{font-size:10px;color:#6b7280;margin-top:2px;padding:4px 8px;background:#f9fafb;border-radius:4px;border:1px solid #f3f4f6}.icon-info-name{font-weight:500;color:#374151}.icon-info-provider{color:#6b7280;font-style:italic}.input-field{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;background:#fff;transition:all .2s;font-family:inherit}.input-field:focus{outline:none;border-color:#1486d1;box-shadow:0 0 0 2px #3b82f61a}.size-control{display:flex;flex-direction:column;gap:6px}.size-value{color:#1486d1;font-weight:600;margin-left:auto;font-size:12px}.size-slider{width:100%;height:6px;border-radius:3px;background:#e5e7eb;outline:none;-webkit-appearance:none;cursor:pointer}.size-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid #1486d1;cursor:pointer;box-shadow:0 1px 3px #0000001a;transition:all .2s}.size-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.size-markers{display:flex;justify-content:space-between;font-size:10px;color:#9ca3af;margin-top:2px}.editor-actions-compact{display:flex;gap:8px;margin-top:4px}.btn-save,.btn-delete{padding:8px 12px;border:none;border-radius:6px;font-weight:600;font-size:12px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px}.btn-save{background:#1486d1;color:#fff;flex:1}.btn-save:hover{background:#0278c6;transform:translateY(-1px)}.btn-delete{background:#ef4444;color:#fff;width:36px}.btn-delete:hover{background:#dc2626;transform:translateY(-1px)}.quick-suggestions{display:flex;gap:6px;flex-wrap:wrap}.quick-icon{width:32px;height:32px;border:1px solid #e5e7eb;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;background:#f9fafb}.quick-icon:hover{border-color:#1486d1;transform:scale(1.05)}.quick-icon.selected{border-color:#1486d1;background:#3b82f61a}.quick-icon img{width:20px;height:20px;object-fit:contain}.icon-browser-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.icon-browser-modal{background:#fff;border-radius:12px;width:100%;max-width:90%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 10px 25px #00000026}.browser-header{background:linear-gradient(135deg,#1486d1,#1486d1);color:#fff;padding:16px 20px;display:flex;justify-content:space-between;align-items:center}.browser-header h3{margin:0;font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px}.close-browser{background:#ffffff26;border:none;color:#fff;font-size:16px;cursor:pointer;padding:6px;border-radius:6px;transition:all .2s;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.close-browser:hover{background:#ffffff40}.browser-controls{padding:16px 20px;border-bottom:1px solid #f1f5f9;display:flex;gap:12px;align-items:center;background:#fafbfc}.search-box{position:relative;flex:1}.search-box i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:14px}.search-box input{width:100%;padding:8px 12px 8px 32px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;background:#fff;transition:all .2s}.search-box input:focus{outline:none;border-color:#1486d1;box-shadow:0 0 0 2px #3b82f61a}.clear-search{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:#f3f4f6;border:none;color:#6b7280;padding:4px;border-radius:4px;cursor:pointer;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.provider-select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;background:#fff;cursor:pointer;min-width:120px;font-weight:500}.icons-container{flex:1;overflow-y:auto;padding:16px 20px}.icons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:12px}.icon-card{display:flex;flex-direction:column;align-items:center;padding:12px 8px;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s;background:#fff;text-align:center}.icon-card:hover{border-color:#1486d1;box-shadow:0 4px 12px #3b82f626;transform:translateY(-2px)}.icon-card.selected{border-color:#1486d1;background:#3b82f60d;box-shadow:0 0 0 1px #3b82f633}.icon-display{width:32px;height:32px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.icon-display img{max-width:100%;max-height:100%;object-fit:contain}.icon-fallback{color:#9ca3af;font-size:16px;background:#f9fafb;width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;border:1px solid #f3f4f6}.icon-details{width:100%}.icon-name{font-size:11px;font-weight:600;color:#374151;margin-bottom:2px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-cat{font-size:9px;color:#6b7280;padding:1px 4px;background:#f3f4f6;border-radius:3px;display:inline-block}.loading-state,.no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#6b7280;text-align:center}.loading-spinner i{font-size:24px;color:#1486d1;margin-bottom:12px}.no-results-icon i{font-size:32px;color:#d1d5db;margin-bottom:12px}.no-results h4{margin:0 0 6px;font-size:14px;color:#6b7280;font-weight:600}.no-results p{margin:0 0 12px;font-size:12px;color:#9ca3af}.btn-clear-filters{background:#1486d1;color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer}.2,1); } @keyframes backdropFadeIn{from{opacity:0}to{opacity:1}}.icon-browser-modal{background:#fff;border-radius:20px;width:100%;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff1a;animation:modalSlideIn .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.browser-header{background:linear-gradient(135deg,#1486d1,#1486d1);color:#fff;padding:34px 28px;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden}.browser-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.browser-header h3{margin:0;font-size:20px;font-weight:600;display:flex;align-items:center;gap:12px;z-index:1}.close-browser{background:#ffffff1a;border:none;color:#fff;font-size:20px;cursor:pointer;padding:10px;border-radius:10px;transition:all .2s cubic-bezier(.4,0,.2,1);z-index:1;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.close-browser:hover{background:#fff3;transform:scale(1.05)}.browser-controls{padding:24px 28px;border-bottom:1px solid #f1f5f9;display:grid;grid-template-columns:7fr 3fr;gap:16px;align-items:center;background:#fafbfc;flex-wrap:wrap}.search-box{position:relative;flex:1;min-width:200px}.search-box i{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:16px;z-index:1}.search-box input{width:70%;padding:14px 16px 14px 48px;border:2px solid #e5e7eb;border-radius:12px;font-size:15px;background:#fff;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:inherit}.search-box input:focus{outline:none;border-color:#1486d1;box-shadow:0 0 0 3px #3b82f61a;background:#fefefe}.search-box input::placeholder{color:#9ca3af}.clear-search{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:#f3f4f6;border:none;color:#6b7280;padding:6px;border-radius:6px;cursor:pointer;transition:all .2s;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.clear-search:hover{background:#e5e7eb;color:#374151}.provider-select{padding:14px 16px;border:2px solid #e5e7eb;border-radius:12px;font-size:15px;background:#fff;cursor:pointer;min-width:140px;font-family:inherit;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1)}.provider-select:focus{outline:none;border-color:#1486d1;box-shadow:0 0 0 3px #3b82f61a}.icons-container{flex:1;overflow-y:auto;padding:24px 28px;-webkit-overflow-scrolling:touch}.icons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:16px;padding:4px}.icon-card{display:flex;flex-direction:column;align-items:center;padding:16px 12px;border:2px solid #f1f5f9;border-radius:12px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);background:#fff;text-align:center;position:relative;overflow:hidden}.icon-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent 0%,rgba(59,130,246,.03) 100%);opacity:0;transition:opacity .2s}.icon-card:hover{border-color:#1486d1;box-shadow:0 8px 25px #3b82f626;transform:translateY(-3px)}.icon-card:hover:before{opacity:1}.icon-card.selected{border-color:#1486d1;background:linear-gradient(135deg,#3b82f60d,#3b82f605);box-shadow:0 0 0 2px #3b82f633;transform:translateY(-2px)}.icon-display{width:40px;height:40px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;position:relative;z-index:1}.icon-display img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));transition:transform .2s}.icon-card:hover .icon-display img{transform:scale(1.1)}.icon-fallback{color:#9ca3af;font-size:20px;background:#f9fafb;width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;border:1px solid #f3f4f6}.icon-details{width:100%;min-height:36px;z-index:1}.icon-name{font-size:12px;font-weight:600;color:#374151;margin-bottom:4px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-cat{font-size:10px;color:#6b7280;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:2px 6px;background:#f3f4f6;border-radius:4px;display:inline-block}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#6b7280;text-align:center}.loading-spinner{margin-bottom:20px}.loading-spinner i{font-size:36px;color:#1486d1}.loading-state p{margin:0;font-size:16px;font-weight:500}.no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#9ca3af;text-align:center}.no-results-icon{margin-bottom:20px}.no-results-icon i{font-size:48px;color:#d1d5db}.no-results h4{margin:0 0 8px;font-size:18px;color:#6b7280;font-weight:600}.no-results p{margin:0 0 20px;font-size:14px;color:#9ca3af}.btn-clear-filters{background:linear-gradient(135deg,#1486d1,#1486d1);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-clear-filters:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.icons-container::-webkit-scrollbar,.editor-body-compact::-webkit-scrollbar{width:6px}.icons-container::-webkit-scrollbar-track,.editor-body-compact::-webkit-scrollbar-track{background:#f8fafc}.icons-container::-webkit-scrollbar-thumb,.editor-body-compact::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}@media (max-width: 768px){.compact-node-editor{position:fixed;bottom:20px;left:20px;right:20px;top:auto;width:auto;max-height:60vh;animation:slideInUp .25s cubic-bezier(.4,0,.2,1)}@keyframes slideInUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.editor-header-compact{padding:10px 14px}.editor-title{font-size:13px}.close-btn{width:22px;height:22px}.editor-body-compact{padding:14px;gap:12px}.icon-controls{gap:8px}.icon-preview-compact{width:36px;height:36px}.icon-preview-img{width:24px;height:24px}.btn-browse-icons{padding:6px 10px;font-size:11px}.quick-icon{width:28px;height:28px}.quick-icon img{width:18px;height:18px}.input-field{padding:6px 10px;font-size:12px}.btn-save,.btn-delete{padding:6px 10px;font-size:11px}.btn-delete{width:32px}.icon-browser-backdrop{padding:10px}.icon-browser-modal{max-width:100%;max-height:80vh}.browser-header{padding:12px 16px}.browser-header h3{font-size:14px}.browser-controls{padding:12px 16px;flex-direction:column;gap:8px}.search-box input{padding:6px 10px 6px 28px;font-size:12px}.provider-select{padding:6px 10px;font-size:12px;width:100%}.icons-container{padding:12px 16px}.icons-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:8px}.icon-card{padding:8px 6px}.icon-display{width:28px;height:28px}.icon-name{font-size:10px}.icon-cat{font-size:8px}}@media (max-width: 480px){.compact-node-editor{bottom:10px;left:10px;right:10px;max-height:65vh}.editor-body-compact{padding:12px;gap:10px}.icons-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:6px}.icon-card{padding:6px 4px}.icon-display{width:24px;height:24px}.loading-state,.no-results{padding:30px 15px}}@media (prefers-reduced-motion: reduce){.compact-node-editor,.icon-browser-modal,.icon-card,.quick-icon,.btn-save,.btn-delete,.btn-browse-icons{animation:none;transition:none}.icon-card:hover,.quick-icon:hover{transform:none}}.icon-card:focus,.quick-icon:focus,.btn-browse-icons:focus,.search-box input:focus,.provider-select:focus,.input-field:focus{outline:2px solid rgba(59,130,246,.3);outline-offset:1px}@media (hover: none) and (pointer: coarse){.icon-card,.quick-icon,.btn-save,.btn-delete,.btn-browse-icons,.close-btn{min-height:36px;min-width:36px}.icon-card:hover,.quick-icon:hover{transform:none;box-shadow:none}.icon-card:active,.quick-icon:active{transform:scale(.95);transition:transform .1s}}.node-force-update{animation:nodeUpdate .3s ease-in-out}@keyframes nodeUpdate{0%{transform:scale(1);opacity:1}50%{transform:scale(1.02);opacity:.9}to{transform:scale(1);opacity:1}}.react-flow__node img{transition:opacity .2s ease}.icon-preview-img{transition:all .1s ease}.react-flow__node[data-updated] img{transform:translateZ(0)}.react-flow__node.updating{position:relative}.react-flow__node.updating:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border:2px solid #1486d1;border-radius:4px;opacity:.6;animation:updateBorder .5s ease-in-out;pointer-events:none}@keyframes updateBorder{0%{opacity:0;transform:scale(.95)}50%{opacity:.8;transform:scale(1.02)}to{opacity:0;transform:scale(1)}}.left-shape-editor{position:fixed;top:55px;right:0;width:340px;height:calc(78h - 60px);background:#fff;border-right:1px solid #ddd;box-shadow:2px 0 8px #0000001a;z-index:100;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.shape-editor-header{background:#1486d1;color:#fff;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.editor-title{font-weight:600;font-size:14px;display:flex;align-items:center;gap:8px}.close-btn{background:#fff3;border:none;color:#fff;cursor:pointer;padding:6px;border-radius:4px;transition:background-color .2s;font-size:14px}.close-btn:hover{background:#ffffff4d}.editor-content{padding:5px 16px;flex:1;overflow-y:auto}.editor-field{margin-bottom:20px}.field-label{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:#666;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.field-label i{font-size:11px;color:#888}.shape-label-input{width:100%;padding:8px 10px;border:1px solid #ddd;border-radius:4px;font-size:13px;font-family:inherit;background:#fff;color:#333;box-sizing:border-box}.shape-label-input:focus{outline:none;border-color:#1486d1;box-shadow:0 0 0 2px #2196f333}.color-picker-row{display:flex;align-items:center;gap:10px}.shape-color-input{width:50px;height:32px;border:1px solid #ddd;border-radius:4px;cursor:pointer;padding:0;background:#fff}.shape-color-input::-webkit-color-swatch-wrapper{padding:2px}.shape-color-input::-webkit-color-swatch{border:none;border-radius:2px}.color-hex{font-family:Courier New,monospace;font-size:12px;color:#666;background:#f5f5f5;padding:3px 6px;border-radius:3px;border:1px solid #e0e0e0}.shape-color-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;margin-top:6px}.shape-color-swatch{width:24px;height:24px;border:2px solid #ddd;border-radius:3px;cursor:pointer;transition:all .15s ease;position:relative}.shape-color-swatch:hover{transform:scale(1.1);border-color:#1486d1;z-index:10}.shape-color-swatch.selected{border-color:#1486d1;border-width:3px;transform:scale(1.15);z-index:20}.shape-color-swatch.selected:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700;font-size:10px;text-shadow:0 1px 2px rgba(0,0,0,.8)}.shape-opacity-slider{width:100%;height:6px;border-radius:3px;background:linear-gradient(to right,#2196f333,#2196f3);outline:none;cursor:pointer;-webkit-appearance:none;margin-top:6px}.shape-opacity-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid #1486d1;cursor:pointer;box-shadow:0 1px 3px #0003}.shape-opacity-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid #1486d1;cursor:pointer;box-shadow:0 1px 3px #0003}.checkbox-field input[type=checkbox]{width:14px;height:14px;accent-color:#1486d1}.editor-actions{display:flex;gap:8px;padding:12px 16px;background:#f9f9f9;border-top:1px solid #eee;flex-shrink:0}.save-btn,.delete-btn{padding:8px 12px;border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:600;display:flex;align-items:center;gap:4px;transition:all .2s}.save-btn{background:#1486d1;color:#fff;flex:1}.save-btn:hover{background:#1486d1}.delete-btn{background:#f44336;color:#fff}.delete-btn:hover{background:#d32f2f}.cloud-editor-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;cursor:pointer}.cloud-editor-container{background:#fff;border-radius:12px;box-shadow:0 25px 50px #00000040;max-width:90vw;max-height:90vh;overflow:hidden;position:relative;z-index:20}.react-flow__node .react-flow__node-default,.react-flow__node .react-flow__node-input,.react-flow__node .react-flow__node-output{font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;text-transform:none;letter-spacing:normal}.left-shape-editor *{box-sizing:border-box}@media (max-width: 768px){.left-shape-editor{width:100%;height:50vh;top:auto;bottom:0;border-right:none;border-top:1px solid #ddd}.shape-color-grid{grid-template-columns:repeat(6,1fr)}.editor-actions{flex-direction:column}}@media (max-width: 480px){.left-shape-editor{width:100%;height:60vh}.shape-color-grid{grid-template-columns:repeat(5,1fr)}.shape-color-swatch{width:20px;height:20px}}.mobile-top-bar{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;padding:30px;background-color:#fff;gap:16px}@media (max-width: 768px){.mobile-top-bar{flex-direction:column;align-items:stretch}.input-sidebar,.ConvertButton,.UserProfile,.buttonConvert{width:100%}}@media (max-width: 768px){:root{--file-menu-width: 25%;--convert-button-width: 25%;--sketch-house-width: 25%;--profile-width: 25%;--header-height: 48px;--header-button-font-size: clamp(9px, 2.5vw, 11px);--header-button-padding: clamp(4px, 1vw, 8px)}.file-menu{position:fixed!important;top:0!important;left:0%!important;width:var(--file-menu-width)!important;height:var(--header-height);z-index:20}.file-dropdown{width:100%;height:100%;font-size:var(--header-button-font-size);padding:0 var(--header-button-padding);border-radius:0;border:none;background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.convertButton{position:fixed!important;top:0!important;left:25%!important;width:var(--convert-button-width)!important;height:var(--header-height);transform:none!important;font-size:var(--header-button-font-size);padding:0 var(--header-button-padding);border-radius:0;z-index:20;border:none;background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.input-sidebar{position:fixed!important;top:0!important;left:50%!important;width:var(--sketch-house-width)!important;height:var(--header-height);right:auto!important;z-index:20;border:none;border-radius:0;background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:0!important}.generate-button{height:calc(var(--header-height) - 8px);font-size:var(--header-button-font-size)!important;padding:0 var(--header-button-padding);width:calc(100% - 8px);margin:4px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600;display:flex;align-items:center;justify-content:center;border:none;background:transparent}.standalone-user-profile{position:fixed!important;top:0!important;left:75%!important;width:var(--profile-width)!important;height:var(--header-height);right:auto!important;z-index:20;border:none;border-radius:0}.standalone-profile-dropdown{height:100%;width:100%;padding:4px clamp(4px,1vw,8px);font-size:clamp(9px,2.5vw,11px);gap:clamp(3px,1vw,6px);border-radius:0;justify-content:space-between;border:none;background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.standalone-profile-name{display:block;max-width:60%;font-size:clamp(8px,2vw,10px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-dropdown-content{position:fixed;top:var(--header-height);left:0%;width:var(--file-menu-width);min-width:200px;max-width:calc(100vw - 20px);transform:none;z-index:1001}.standalone-profile-dropdown-content{position:fixed;top:var(--header-height);right:0;min-width:250px;max-width:calc(100vw - 10px);z-index:1001}.dropdown-menu,.dropdown-menu-viewport,.dropdown-menu-dynamic{position:fixed;top:var(--header-height);left:50%;transform:translate(-50%);width:calc(100vw - 40px);max-width:400px;flex-direction:column;z-index:1001}.main-content,.canvas-area{padding-top:var(--header-height)!important}.modal{padding-top:calc(var(--header-height) + 10px)}}@media (max-width: 768px) and (min-width: 601px){:root{--file-menu-width: 25%;--convert-button-width: 25%;--sketch-house-width: 25%;--profile-width: 25%;--header-height: 48px;--header-button-font-size: clamp(10px, 2.8vw, 12px);--header-button-padding: clamp(5px, 1.2vw, 9px)}}@media (max-width: 600px){:root{--file-menu-width: 25%;--convert-button-width: 25%;--sketch-house-width: 25%;--profile-width: 25%;--header-height: 44px;--header-button-font-size: clamp(9px, 2.6vw, 11px);--header-button-padding: clamp(4px, 1vw, 8px)}}@media (max-width: 480px){:root{--file-menu-width: 25%;--convert-button-width: 25%;--sketch-house-width: 25%;--profile-width: 25%;--header-height: 42px;--header-button-font-size: clamp(8px, 2.4vw, 10px);--header-button-padding: clamp(3px, .8vw, 7px)}}@media (max-width: 360px){:root{--file-menu-width: 25%;--convert-button-width: 25%;--sketch-house-width: 25%;--profile-width: 25%;--header-height: 40px;--header-button-font-size: clamp(7px, 2.2vw, 9px);--header-button-padding: clamp(2px, .6vw, 6px)}}@media (max-width: 320px){:root{--file-menu-width: 25%;--convert-button-width: 25%;--sketch-house-width: 25%;--profile-width: 25%;--header-height: 38px;--header-button-font-size: clamp(6px, 2vw, 8px);--header-button-padding: clamp(1px, .4vw, 5px)}}@media (max-width: 768px){.convertButton,.file-dropdown,.input-sidebar,.standalone-profile-dropdown{background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:none;border:none}.convertButton:hover{background-color:#f0f7fffa;transform:translateY(-1px);transition:all .2s ease}.file-dropdown:hover,.generate-button:hover,.standalone-profile-dropdown:hover{background-color:#f0f7fffa;transition:all .2s ease}.convertButton:active,.file-dropdown:active,.generate-button:active,.standalone-profile-dropdown:active{transform:scale(.98);transition:transform .1s ease}.convertButton,.file-dropdown{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--header-button-font-size)!important}.generate-button{font-size:var(--header-button-font-size)!important}}@media (max-width: 768px) and (orientation: landscape){:root{--header-height: 40px;--header-button-font-size: clamp(8px, 2.2vw, 10px);--header-button-padding: clamp(3px, .8vw, 6px)}.generate-button{height:32px;font-size:var(--header-button-font-size)!important}.file-dropdown-content,.standalone-profile-dropdown-content,.dropdown-menu,.dropdown-menu-viewport,.dropdown-menu-dynamic{top:var(--header-height)}}@media (max-width: 768px){.convertButton,.file-dropdown,.generate-button,.standalone-profile-dropdown{-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-height:44px}.convertButton:focus,.file-dropdown:focus,.generate-button:focus,.standalone-profile-dropdown:focus{outline:3px solid rgba(20,134,209,.4);outline-offset:2px;z-index:25}.convertButton:focus:not(:focus-visible),.file-dropdown:focus:not(:focus-visible),.generate-button:focus:not(:focus-visible),.standalone-profile-dropdown:focus:not(:focus-visible){outline:none}}@media (max-width: 768px){.convertButton,.file-menu,.input-sidebar,.standalone-user-profile{padding-top:env(safe-area-inset-top);height:calc(var(--header-height) + env(safe-area-inset-top))}.file-dropdown,.standalone-profile-dropdown{height:calc(var(--header-height) + env(safe-area-inset-top))}.main-content,.canvas-area{padding-top:calc(var(--header-height) + env(safe-area-inset-top))!important}.file-dropdown-content,.standalone-profile-dropdown-content,.dropdown-menu,.dropdown-menu-viewport,.dropdown-menu-dynamic{top:calc(var(--header-height) + env(safe-area-inset-top))}}@media (max-width: 768px){.convertButton,.file-dropdown,.generate-button,.standalone-profile-dropdown{will-change:background-color,transform;backface-visibility:hidden;transform:translateZ(0)}}@media (max-width: 768px) and (prefers-color-scheme: dark){.convertButton,.file-dropdown,.input-sidebar,.standalone-profile-dropdown{background:#1e293bfa}.convertButton,.file-dropdown,.generate-button{color:#60a5fa}.convertButton:hover,.file-dropdown:hover,.generate-button:hover,.standalone-profile-dropdown:hover{background:#334155fa}}@media (prefers-reduced-motion: reduce){@media (max-width: 768px){.convertButton,.convertButton:hover,.convertButton:active,.file-dropdown,.file-dropdown:hover,.file-dropdown:active,.generate-button,.generate-button:hover,.generate-button:active,.standalone-profile-dropdown,.standalone-profile-dropdown:hover,.standalone-profile-dropdown:active{transition:none;animation:none;transform:none}}}@media (max-width: 768px){.header-layout-extended .file-menu{width:15%!important}.header-layout-extended .convertButton{width:15%!important;left:15%!important}.header-layout-extended .input-sidebar{width:50%!important;left:30%!important}.header-layout-extended .standalone-user-profile{width:20%!important;left:80%!important}}@media (max-width: 768px){.header-layout-compact .file-menu{width:20%!important}.header-layout-compact .convertButton{width:20%!important;left:20%!important}.header-layout-compact .input-sidebar{width:30%!important;left:40%!important}.header-layout-compact .standalone-user-profile{width:30%!important;left:70%!important}}@media (max-width: 768px){.header-layout-three-buttons .file-menu{width:33.333%!important}.header-layout-three-buttons .convertButton{width:33.333%!important;left:33.333%!important}.header-layout-three-buttons .input-sidebar{width:33.333%!important;left:66.666%!important}.header-layout-three-buttons .standalone-user-profile{display:none}}@media (max-width: 768px){.generate-button[style*=font-size]{font-size:var(--header-button-font-size)!important}.file-dropdown,.convertButton,.generate-button,.standalone-profile-dropdown{font-weight:600!important}}@media (max-width: 768px){.sidebar{position:fixed;left:50%;transform:translate(-50%);width:calc(100% - 20px);max-width:600px;height:100px;padding:0 15px;box-shadow:0 -4px 20px #0000001a;bottom:0;top:auto}.sidebar-items{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:6px}.sidebar-item{height:65px;padding:5px 3px;min-height:55px}.icon-name{font-size:9px;margin-top:4px}}@media (max-width: 600px){:root{--header-height: 44px;--header-button-font-size: clamp(8px, 2.4vw, 10px)}.sidebar{height:90px;padding:0 12px}.sidebar-items{grid-template-columns:repeat(auto-fill,minmax(75px,1fr));gap:5px}.sidebar-item{height:60px;padding:4px 2px}.icon-name{font-size:8px;margin-top:3px}}@media (max-width: 480px){:root{--header-height: 42px;--header-button-font-size: clamp(7px, 2.2vw, 9px)}.generate-button{height:34px;font-size:var(--header-button-font-size)!important}.sidebar{height:85px;padding:0 10px}.sidebar-items{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:4px}.sidebar-item{height:55px;padding:3px 1px}.icon-name{font-size:7px;margin-top:2px}}@media (max-width: 360px){:root{--header-height: 40px;--header-button-font-size: clamp(6px, 2vw, 8px)}.sidebar{height:80px;padding:0 8px}.sidebar-items{grid-template-columns:repeat(auto-fill,minmax(65px,1fr));gap:3px}.sidebar-item{height:50px;padding:2px 1px}.icon-name{font-size:6px;margin-top:1px}}@media (max-width: 320px){:root{--header-height: 38px;--header-button-font-size: clamp(5px, 1.8vw, 7px)}.sidebar{height:75px;padding:0 6px}.sidebar-items{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:2px}.sidebar-item{height:45px;padding:1px}.icon-name{font-size:5px;margin-top:1px}}@media (max-width: 768px){.mobile-header-auto{--calculated-file-width: var(--file-menu-width);--calculated-convert-width: var(--convert-button-width);--calculated-sketch-width: var(--sketch-house-width);--calculated-profile-width: var(--profile-width)}.mobile-header-auto .file-menu{width:var(--calculated-file-width)!important}.mobile-header-auto .convertButton{width:var(--calculated-convert-width)!important;left:var(--calculated-file-width)!important}.mobile-header-auto .input-sidebar{width:var(--calculated-sketch-width)!important;left:calc(var(--calculated-file-width) + var(--calculated-convert-width))!important}.mobile-header-auto .standalone-user-profile{width:var(--calculated-profile-width)!important}}@media (max-width: 768px){.file-menu.has-long-text{width:calc(var(--file-menu-width) + 2%)!important}.file-menu.has-long-text+.convertButton{left:calc(var(--file-menu-width) + 2%)!important}.file-menu.has-long-text~.input-sidebar{left:calc(var(--file-menu-width) + var(--convert-button-width) + 2%)!important;width:calc(var(--sketch-house-width) - 2%)!important}}@media (max-width: 768px){.standalone-user-profile.has-long-name{width:calc(var(--profile-width) + 4%)!important}.standalone-user-profile.has-long-name~.input-sidebar{width:calc(var(--sketch-house-width) - 4%)!important}}.account-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}.account-popup-container{background:#fff;border-radius:16px;box-shadow:0 20px 40px #00000026;width:90%;max-width:700px;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease-out}.account-popup-header{display:flex;align-items:flex-start;justify-content:space-between;padding:32px 32px 24px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#1486d1,#0ea5e9);color:#fff;border-radius:16px 16px 0 0}.popup-title-section{display:flex;align-items:center;gap:16px;flex:1}.popup-title-section i{font-size:2.5rem;opacity:.9}.popup-title-section h2{margin:0 0 8px;font-size:1.5rem;font-weight:600}.popup-title-section p{margin:0;opacity:.9;font-size:.95rem;line-height:1.4}.popup-close-btn{background:#fff3;border:none;color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:1.2rem}.popup-close-btn:hover{background:#ffffff4d;transform:scale(1.05)}.popup-close-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.progress-container{padding:24px 32px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:1px solid #e5e7eb;display:flex;align-items:center;gap:16px}.progress-bar{flex:1;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(135deg,#1486d1,#0ea5e9);border-radius:4px;transition:width .3s ease}.progress-text{font-size:.875rem;font-weight:600;color:#374151;min-width:80px;text-align:right}.popup-content{padding:32px}.form-step{animation:slideInRight .3s ease-out}.step-title{display:flex;align-items:center;gap:12px;margin:0 0 32px;font-size:1.25rem;font-weight:600;color:#1f2937}.step-number{background:linear-gradient(135deg,#1486d1,#0ea5e9);color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700}.form-section{margin-bottom:32px;padding:24px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:12px;border:1px solid #e5e7eb}.section-subtitle{margin:0 0 20px;font-size:1.1rem;font-weight:600;color:#374151;display:flex;align-items:center;gap:8px}.section-subtitle:before{content:"";width:4px;height:20px;background:linear-gradient(135deg,#1486d1,#0ea5e9);border-radius:2px}.form-group{margin-bottom:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#374151;font-size:.875rem}.required{color:#dc2626;margin-left:2px}.form-input,.form-textarea{width:100%;padding:14px 18px;border:2px solid #e5e7eb;border-radius:10px;font-size:.875rem;transition:all .3s ease;background:#fff;box-sizing:border-box;font-family:inherit}.form-input:focus,.form-textarea:focus{outline:none;border-color:#1486d1;background-color:#fafbfc;box-shadow:0 0 0 4px #1486d11a;transform:translateY(-1px)}.form-input.error,.form-textarea.error{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.form-input:disabled,.form-textarea:disabled{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-color:#e5e7eb;color:#6b7280;cursor:not-allowed}.form-textarea{resize:vertical;min-height:80px;font-family:inherit;line-height:1.6}.form-help{display:block;margin-top:4px;font-size:.75rem;color:#6b7280}.error-text{display:block;margin-top:6px;font-size:.75rem;color:#dc2626;font-weight:500}.form-actions{display:flex;align-items:center;justify-content:flex-end;gap:16px;margin-top:32px;padding-top:24px;border-top:2px solid #f1f5f9}.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border:none;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;box-sizing:border-box;box-shadow:0 2px 8px #0000001a;min-width:140px;justify-content:center}.btn-primary{background:linear-gradient(135deg,#1486d1,#0ea5e9);color:#fff}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#0e6bad,#0284c7);transform:translateY(-2px);box-shadow:0 6px 20px #1486d14d}.btn-secondary{background:#fff;color:#1486d1;border:2px solid #1486d1}.btn-secondary:hover:not(:disabled){background:#1486d1;color:#fff;transform:translateY(-2px)}.btn-text{background:transparent;color:#6b7280;padding:14px 20px;box-shadow:none;min-width:auto}.btn-text:hover:not(:disabled){color:#374151;background:linear-gradient(135deg,#f9fafb,#f3f4f6)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 2px 8px #0000000d}.loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.popup-footer{padding:24px 32px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-top:1px solid #e5e7eb;border-radius:0 0 16px 16px}.footer-text{display:flex;align-items:center;gap:8px;margin:0;font-size:.875rem;color:#6b7280;text-align:center;justify-content:center}.footer-text i{color:#1486d1}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1024px){.account-popup-container{width:85%;max-width:600px}.account-popup-header{padding:28px 28px 20px}.popup-content{padding:28px}.form-section{padding:20px;margin-bottom:24px}.popup-footer{padding:20px 28px}}@media (max-width: 768px){.account-popup-container{width:95%;max-height:95vh;margin:20px}.account-popup-header{padding:24px 24px 20px}.popup-title-section{gap:12px}.popup-title-section i{font-size:2rem}.popup-title-section h2{font-size:1.25rem}.popup-title-section p{font-size:.875rem}.progress-container{padding:20px 24px}.popup-content{padding:24px}.form-section{padding:20px;margin-bottom:20px}.form-row{grid-template-columns:1fr;gap:16px}.form-input,.form-textarea{padding:12px 16px;font-size:15px}.form-actions{flex-direction:column;align-items:stretch;gap:12px}.btn{width:100%;justify-content:center}.popup-footer{padding:20px 24px}}@media (max-width: 480px){.account-popup-container{width:98%;margin:10px}.account-popup-header{padding:20px 20px 16px}.popup-title-section{flex-direction:column;text-align:center;gap:8px}.popup-title-section i{font-size:1.75rem}.popup-title-section h2{font-size:1.125rem}.popup-title-section p{font-size:.8rem}.popup-close-btn{position:absolute;top:16px;right:16px;width:32px;height:32px;font-size:1rem}.progress-container{padding:16px 20px}.popup-content{padding:20px}.step-title{font-size:1.125rem;margin-bottom:24px}.step-number{width:28px;height:28px;font-size:.75rem}.form-section{padding:16px;margin-bottom:16px}.section-subtitle{font-size:1rem}.form-input,.form-textarea{padding:10px 14px;font-size:14px}.btn{padding:12px 20px;font-size:.8rem;min-width:120px}.popup-footer{padding:16px 20px}.footer-text{font-size:.8rem}}.btn:focus-visible,.popup-close-btn:focus-visible{outline:3px solid #1486d1;outline-offset:2px}.form-input:focus-visible,.form-textarea:focus-visible{outline:none}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}.btn:hover,.popup-close-btn:hover{transform:none}.form-input:focus,.form-textarea:focus{transform:none}}@media (prefers-contrast: high){.form-input,.form-textarea{border-width:2px}.btn{border:2px solid currentColor}.popup-close-btn{border:2px solid white}}.onboarding-overlay{position:fixed;top:0;left:0;right:0;bottom:0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease-in;padding:20px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.onboarding-modal{background:#fff;border-radius:24px;box-shadow:0 30px 60px #1486d166;max-width:950px;width:92%;max-height:90vh;overflow-y:auto;overflow-x:hidden;position:relative;animation:slideUp .4s ease-out;border:2px solid rgba(20,134,209,.2);display:flex;flex-direction:column}.onboarding-modal::-webkit-scrollbar{width:8px}.onboarding-modal::-webkit-scrollbar-track{background:#f1f5f9;border-radius:0 24px 24px 0}.onboarding-modal::-webkit-scrollbar-thumb{background:#1486d1;border-radius:10px}.onboarding-modal::-webkit-scrollbar-thumb:hover{background:#0f6fb5}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.onboarding-header{display:flex;align-items:center;justify-content:space-between;padding:20px 30px;border-bottom:2px solid rgba(20,134,209,.1);background:linear-gradient(135deg,#f0f9ff,#fff);gap:20px;flex-shrink:0}.step-indicator{display:inline-flex;background:#1486d1;color:#fff;align-items:center;justify-content:center;padding:8px 12px;border-radius:24px;min-width:140px;font-size:13px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;box-shadow:0 4px 12px #1486d14d;margin:0;flex-shrink:0;white-space:nowrap}.onboarding-title{font-size:24px;font-weight:800;color:#1e293b;margin:0;line-height:1.3;flex:1;text-align:center;padding:0 20px}.skip-button{position:relative;top:0;right:0;background:transparent;border:2px solid #e2e8f0;color:#64748b;font-size:14px;cursor:pointer;padding:8px 16px;border-radius:8px;transition:all .2s ease;font-weight:600;flex-shrink:0;white-space:nowrap}.skip-button:hover{background:#f0f9ff;border-color:#1486d1;color:#1486d1}.onboarding-content{padding:30px 40px 40px;text-align:center;flex:1;display:flex;flex-direction:column}.onboarding-image{height:450px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:16px;margin:0;border:2px solid rgba(20,134,209,.1);flex-shrink:0}.onboarding-image img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 6px 12px rgba(20,134,209,.2))}.onboarding-description{font-size:17px;color:#475569;line-height:1.6;max-width:750px;margin:0 auto 20px}.progress-dots{display:flex;align-items:center;justify-content:center;gap:10px;margin:24px 0}.dot{width:10px;height:10px;border-radius:50%;background:#cbd5e1;cursor:pointer;transition:all .3s ease}.dot:hover{background:#94a3b8;transform:scale(1.3)}.dot.active{width:36px;border-radius:6px;background:#1486d1;box-shadow:0 2px 8px #1486d166}.dot.completed{background:#c434db;box-shadow:0 2px 6px #10b9814d}.onboarding-actions{display:flex;gap:16px;justify-content:center;margin-top:20px;padding-bottom:10px}.btn-primary,.btn-secondary{padding:12px 36px;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s ease;border:none;min-width:140px}.btn-primary{background:#1486d1;color:#fff;box-shadow:0 6px 16px #1486d166}.btn-primary:hover{background:#0f6fb5;transform:translateY(-2px);box-shadow:0 8px 20px #1486d180}.btn-primary:active{transform:translateY(-1px)}.btn-secondary{background:#f1f5f9;color:#475569;border:2px solid #e2e8f0}.btn-secondary:hover{background:#e2e8f0;color:#334155;border-color:#cbd5e1}.btn-secondary:disabled,.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.tutorial-highlight{position:relative;box-shadow:0 0 0 4px #1486d180,0 0 0 8px #1486d140!important;border-radius:8px!important;z-index:9999!important;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 4px #1486d180,0 0 0 8px #1486d140}50%{box-shadow:0 0 0 6px #1486d1b3,0 0 0 12px #1486d159}}@media (max-width: 1024px){.onboarding-modal{max-width:800px}.onboarding-content{padding:25px 30px 30px}.onboarding-title{font-size:22px}.onboarding-image{height:380px}.step-indicator{min-width:130px;font-size:12px}}@media (max-width: 768px){.onboarding-modal{max-width:650px;width:94%}.onboarding-header{padding:16px 20px;gap:12px}.onboarding-content{padding:20px 25px 25px}.onboarding-title{font-size:20px;padding:0 10px}.onboarding-description{font-size:15px}.onboarding-image{height:320px;padding:25px}.step-indicator{min-width:120px;font-size:11px;padding:6px 10px}.skip-button{font-size:13px;padding:6px 12px}}@media (max-width: 640px){.onboarding-overlay{padding:10px}.onboarding-modal{width:96%;max-height:94vh;border-radius:20px}.onboarding-header{flex-wrap:wrap;padding:14px 16px;gap:10px}.onboarding-content{padding:20px}.onboarding-title{font-size:18px;order:3;width:100%;text-align:center;margin-top:8px;padding:0}.onboarding-description{font-size:14px}.onboarding-image{height:260px;padding:20px}.progress-dots{margin:20px 0}.onboarding-actions{flex-direction:column;gap:12px}.btn-primary,.btn-secondary{width:100%;min-width:0}.step-indicator{min-width:110px;font-size:10px}}@media (max-width: 480px){.onboarding-modal{border-radius:16px}.onboarding-header{padding:12px 14px}.onboarding-content{padding:18px 16px 16px}.onboarding-title{font-size:16px}.step-indicator{min-width:100px;font-size:9px;padding:5px 8px}.onboarding-description{font-size:13px}.onboarding-image{height:220px;padding:18px}.progress-dots{gap:8px;margin:18px 0}.dot{width:8px;height:8px}.dot.active{width:28px}.btn-primary,.btn-secondary{padding:11px 28px;font-size:14px}.skip-button{font-size:12px;padding:5px 10px}}@media (max-height: 700px){.onboarding-modal{max-height:95vh}.onboarding-content{padding:20px 25px 25px}.onboarding-title{font-size:20px}.onboarding-description{font-size:14px}.progress-dots{margin:18px 0}}@media (max-width: 375px){.onboarding-content{padding:16px 14px 14px}.onboarding-title{font-size:15px}.onboarding-description{font-size:12px}.onboarding-image{height:180px;padding:15px}.step-indicator{min-width:90px;font-size:8px}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--background: oklch(1 0 0);--foreground: oklch(.145 0 0);--card: oklch(1 0 0);--card-foreground: oklch(.145 0 0);--popover: oklch(1 0 0);--popover-foreground: oklch(.145 0 0);--primary: oklch(.205 0 0);--primary-foreground: oklch(.985 0 0);--secondary: oklch(.97 0 0);--secondary-foreground: oklch(.205 0 0);--muted: oklch(.97 0 0);--muted-foreground: oklch(.556 0 0);--accent: oklch(.97 0 0);--accent-foreground: oklch(.205 0 0);--destructive: oklch(.577 .245 27.325);--destructive-foreground: oklch(.577 .245 27.325);--border: oklch(.922 0 0);--input: oklch(.922 0 0);--ring: oklch(.708 0 0);--chart-1: oklch(.646 .222 41.116);--chart-2: oklch(.6 .118 184.704);--chart-3: oklch(.398 .07 227.392);--chart-4: oklch(.828 .189 84.429);--chart-5: oklch(.769 .188 70.08);--radius: .625rem;--sidebar: oklch(.985 0 0);--sidebar-foreground: oklch(.145 0 0);--sidebar-primary: oklch(.205 0 0);--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.97 0 0);--sidebar-accent-foreground: oklch(.205 0 0);--sidebar-border: oklch(.922 0 0);--sidebar-ring: oklch(.708 0 0)}.react-flow__edge-textbg{fill:#f7f9fb}@tailwind base;@tailwind components;@tailwind utilities;html,body,#root{height:100%;margin:0}.react-flow__handle{opacity:0;z-index:100;border:2px solid #1486d1;background:#fff;width:10px;height:10px;border-radius:50%;transition:all .2s ease;transform:translate(-50%,-50%);position:absolute}.react-flow__handle.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__handle.react-flow__handle-bottom{bottom:0;left:50%;transform:translate(-50%,50%)}.react-flow__handle.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__node.selected .react-flow__handle,.react-flow__node:hover .react-flow__handle{opacity:1;transform:translate(-50%,-50%) scale(1.2)}.react-flow__node.selected .react-flow__handle.react-flow__handle-right,.react-flow__node:hover .react-flow__handle.react-flow__handle-right{transform:translate(50%,-50%) scale(1.2)}.react-flow__node.selected .react-flow__handle.react-flow__handle-bottom,.react-flow__node:hover .react-flow__handle.react-flow__handle-bottom{transform:translate(-50%,50%) scale(1.2)}.react-flow.connecting .react-flow__handle{opacity:1!important;box-shadow:0 0 0 2px #1486d14d}.react-flow.connecting .react-flow__handle.react-flow__handle-top{transform:translate(-50%,-50%) scale(1.3)}.react-flow.connecting .react-flow__handle.react-flow__handle-right{transform:translate(50%,-50%) scale(1.3)}.react-flow.connecting .react-flow__handle.react-flow__handle-bottom{transform:translate(-50%,50%) scale(1.3)}.react-flow.connecting .react-flow__handle.react-flow__handle-left{transform:translate(-50%,-50%) scale(1.3)}.react-flow{--background: #e2e8f0;--panel-background: #f8fafc;--panel-shadow: 0 0 4px 0 rgb(0 0 0 / .2);--text: #0a0a0a;background-color:var(--background)}.react-flow.dark{--background: #0f172a;--panel-background: #1e293b;--panel-shadow: 0 0 8px 0 rgb(0 0 0 / .4);--text: #fafafa}.react-flow__panel,.react-flow__node-toolbar{padding:8px;margin:0}.react-flow svg{display:block}.react-flow__edge{z-index:1000}.react-flow__minimap-mask{fill:var(--background);fill-opacity:.85}.react-flow__node-toolbar{display:flex;gap:8px}.react-flow__controls-button,.react-flow__controls-button:hover{background:var(--panel-background);border-bottom:none}.react-flow__controls-button>svg{fill:var(--text)}.react-flow__handle{opacity:0;z-index:10}.react-flow__node.selected .react-flow__handle{opacity:1}.react-flow__handle,.react-flow__resize-control.handle{border:1px solid var(--background)}.items::-webkit-scrollbar{display:none}.color-swatch{width:28px;height:45px;border-radius:50%;outline:none;box-shadow:none;border:3px solid var(--panel-background);cursor:pointer}.color-swatch.active{outline:2px solid var(--text)}.node-label{margin-top:22px;position:absolute;left:50%;transform:translate(-50%,-50%);text-align:center;background:none;border:none;outline:none;box-shadow:none;color:var(--text)}.node-label::placeholder{color:var(--text);opacity:1}.node-editor{position:fixed;top:58vh;right:0%;background:#fff;border:1px solid #1486d1;border-radius:4px;width:44vh;padding:15px;z-index:5;height:65px}.node-editor h4{margin:0 0 10px;font-size:16px;color:#1486d1}.node-editor input{width:100%;margin-bottom:10px;padding:5px;font-size:14px;border:1px solid #1486d1;border-radius:4px;color:#1486d1;outline:none}.node-editor input[type=number]{text-align:center;color:#1486d1}.shape-node{display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;font-size:16px}.shape-node img{width:40px;height:40px}.shape-node span{margin-top:5px;color:#333}.icon{font-size:22px}.button.enabled{border-color:#1486d1;color:#1486d1;background-color:#fff}.button.disabled{border-color:#d3d3d3;color:#636363;background-color:#f0f0f0;pointer-events:none;opacity:1}button[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;bottom:-100%;left:50%;transform:translate(-50%);background-color:#1486d1;color:#fff;padding:5px 20px;border-radius:18px;white-space:nowrap;font-size:14px;opacity:.8;z-index:10}.export-popup,.custom-popup,.modal,.confirm-dialog,h1,h2,h3,h4,h5,h6,button,label,.title-label,.note,.modal-content p,.checkbox-label,.checkbox-container{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.popup-content,.popup-buttons,.checkboxLabel,.modal-row,.note{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:auto}.note,.export-error,.error-message,.info-text{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}input[type=text],input[type=number],textarea{user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.icon,.format-icon,i[class*=fa-],.loading-spinner,img{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:none}button *{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.template-selector-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.template-button{background-color:#fff;border:1px solid #ddd;border-radius:4px;padding:6px 12px;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:5px;box-shadow:0 1px 3px #0000001a;margin-bottom:5px}.template-button:hover{background-color:#f8f8f8}.dark{--background: oklch(.145 0 0);--foreground: oklch(.985 0 0);--card: oklch(.145 0 0);--card-foreground: oklch(.985 0 0);--popover: oklch(.145 0 0);--popover-foreground: oklch(.985 0 0);--primary: oklch(.985 0 0);--primary-foreground: oklch(.205 0 0);--secondary: oklch(.269 0 0);--secondary-foreground: oklch(.985 0 0);--muted: oklch(.269 0 0);--muted-foreground: oklch(.708 0 0);--accent: oklch(.269 0 0);--accent-foreground: oklch(.985 0 0);--destructive: oklch(.396 .141 25.723);--destructive-foreground: oklch(.637 .237 25.331);--border: oklch(.269 0 0);--input: oklch(.269 0 0);--ring: oklch(.439 0 0);--chart-1: oklch(.488 .243 264.376);--chart-2: oklch(.696 .17 162.48);--chart-3: oklch(.769 .188 70.08);--chart-4: oklch(.627 .265 303.9);--chart-5: oklch(.645 .246 16.439);--sidebar: oklch(.205 0 0);--sidebar-foreground: oklch(.985 0 0);--sidebar-primary: oklch(.488 .243 264.376);--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.269 0 0);--sidebar-accent-foreground: oklch(.985 0 0);--sidebar-border: oklch(.269 0 0);--sidebar-ring: oklch(.439 0 0)}@theme inline{ --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); }@layer base{*{@apply border-border outline-ring/50;}body{@apply bg-background text-foreground;}}.react-flow__minimap{position:absolute;bottom:20px;right:20px;z-index:5;background-color:#ffffffe6;padding:9px}.react-flow__minimap-node{transition:opacity .2s ease;cursor:pointer}.react-flow__minimap-node:hover{opacity:.8}.react-flow__minimap-node.selected{opacity:1}@media (max-width: 1023px){.react-flow__minimap{display:none!important}}@media print{.react-flow__minimap{display:none}}