@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";.ql-container{box-sizing:border-box;height:100%;margin:0;font-family:Helvetica,Arial,sans-serif;font-size:13px;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked]>.ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked]>.ql-ui{cursor:pointer}.ql-clipboard{height:1px;position:absolute;top:50%;left:-100000px;overflow-y:hidden}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word;outline:none;height:100%;padding:12px 15px;line-height:1.42;overflow-y:auto}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0}@supports (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{padding-left:1.5em;list-style-type:none;position:relative}.ql-editor li>.ql-ui:before{text-align:right;white-space:nowrap;width:1.2em;margin-left:-1.5em;margin-right:.3em;display:inline-block}.ql-editor li[data-list=checked]>.ql-ui,.ql-editor li[data-list=unchecked]>.ql-ui{color:#777}.ql-editor li[data-list=bullet]>.ql-ui:before{content:"•"}.ql-editor li[data-list=checked]>.ql-ui:before{content:"☑"}.ql-editor li[data-list=unchecked]>.ql-ui:before{content:"☐"}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered]>.ql-ui:before{content:counter(list-0, decimal) ". "}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1>.ql-ui:before{content:counter(list-1, lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2>.ql-ui:before{content:counter(list-2, lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3>.ql-ui:before{content:counter(list-3, decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4>.ql-ui:before{content:counter(list-4, lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5>.ql-ui:before{content:counter(list-5, lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6>.ql-ui:before{content:counter(list-6, decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7>.ql-ui:before{content:counter(list-7, lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8>.ql-ui:before{content:counter(list-8, lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9>.ql-ui:before{content:counter(list-9, decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl>.ql-ui:before{text-align:left;margin-left:.3em;margin-right:-1.5em}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{max-width:100%;display:block}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{text-align:inherit;direction:rtl}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);pointer-events:none;font-style:italic;position:absolute;left:15px;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:"";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{cursor:pointer;float:left;background:0 0;border:none;width:28px;height:24px;padding:3px 5px;display:inline-block}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media (pointer:coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{vertical-align:middle;display:inline-block}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2px}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1px}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-top:5px;margin-bottom:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor .ql-code-block-container{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor .ql-code-block-container{margin-top:5px;margin-bottom:5px;padding:5px 10px}.ql-snow .ql-editor code{padding:2px 4px;font-size:85%}.ql-snow .ql-editor .ql-code-block-container{color:#f8f8f2;background-color:#23241f;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;float:left;vertical-align:middle;height:24px;font-size:14px;font-weight:500;display:inline-block;position:relative}.ql-snow .ql-picker-label{cursor:pointer;width:100%;height:100%;padding-left:8px;padding-right:2px;display:inline-block;position:relative}.ql-snow .ql-picker-label:before{line-height:22px;display:inline-block}.ql-snow .ql-picker-options{white-space:nowrap;background-color:#fff;min-width:100%;padding:4px 8px;display:none;position:absolute}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;padding-top:5px;padding-bottom:5px;display:block}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{z-index:1;margin-top:-1px;display:block;top:100%}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{width:24px;height:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{width:152px;padding:3px 5px}.ql-snow .ql-color-picker .ql-picker-item{float:left;border:1px solid #0000;width:16px;height:16px;margin:2px;padding:0}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{width:18px;margin-top:-9px;position:absolute;top:50%;right:0}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-code-block-container{position:relative}.ql-code-block-container .ql-ui{top:5px;right:5px}.ql-toolbar.ql-snow{box-sizing:border-box;border:1px solid #ccc;padding:8px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid #0000}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid #0000;box-shadow:0 2px 8px #0003}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{color:#444;white-space:nowrap;background-color:#fff;border:1px solid #ccc;padding:5px 12px;box-shadow:0 0 5px #ddd}.ql-snow .ql-tooltip:before{content:"Visit URL:";margin-right:8px;line-height:26px}.ql-snow .ql-tooltip input[type=text]{border:1px solid #ccc;width:170px;height:26px;margin:0;padding:3px 5px;font-size:13px;display:none}.ql-snow .ql-tooltip a.ql-preview{text-overflow:ellipsis;vertical-align:top;max-width:200px;display:inline-block;overflow-x:hidden}.ql-snow .ql-tooltip a.ql-action:after{content:"Edit";border-right:1px solid #ccc;margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{content:"Save";border-right:0;padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.react-flow{--xy-edge-stroke-default:#b1b1b7;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#555;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#ffffff80;--xy-minimap-background-color-default:#fff;--xy-minimap-mask-background-color-default:#f0f0f099;--xy-minimap-mask-stroke-color-default:transparent;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#e2e2e2;--xy-minimap-node-stroke-color-default:transparent;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:transparent;--xy-background-pattern-dots-color-default:#91919a;--xy-background-pattern-lines-color-default:#eee;--xy-background-pattern-cross-color-default:#e2e2e2;background-color:var(--xy-background-color,var(--xy-background-color-default));--xy-node-color-default:inherit;--xy-node-border-default:1px solid #1a192b;--xy-node-background-color-default:#fff;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #00000014;--xy-node-boxshadow-selected-default:0 0 0 .5px #1a192b;--xy-node-border-radius-default:3px;--xy-handle-background-color-default:#1a192b;--xy-handle-border-color-default:#fff;--xy-selection-background-color-default:#0059dc14;--xy-selection-border-default:1px dotted #0059dccc;--xy-controls-button-background-color-default:#fefefe;--xy-controls-button-background-color-hover-default:#f4f4f4;--xy-controls-button-color-default:inherit;--xy-controls-button-color-hover-default:inherit;--xy-controls-button-border-color-default:#eee;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#fff;--xy-edge-label-color-default:inherit;--xy-resize-background-color-default:#3367d9;direction:ltr}.react-flow.dark{--xy-edge-stroke-default:#3e3e3e;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#727272;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#96969640;--xy-minimap-background-color-default:#141414;--xy-minimap-mask-background-color-default:#3c3c3c99;--xy-minimap-mask-stroke-color-default:transparent;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#2b2b2b;--xy-minimap-node-stroke-color-default:transparent;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:#141414;--xy-background-pattern-dots-color-default:#555;--xy-background-pattern-lines-color-default:#333;--xy-background-pattern-cross-color-default:#333;--xy-node-color-default:#f8f8f8;--xy-node-border-default:1px solid #3c3c3c;--xy-node-background-color-default:#1e1e1e;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #ffffff14;--xy-node-boxshadow-selected-default:0 0 0 .5px #999;--xy-handle-background-color-default:#bebebe;--xy-handle-border-color-default:#1e1e1e;--xy-selection-background-color-default:#c8c8dc14;--xy-selection-border-default:1px dotted #c8c8dccc;--xy-controls-button-background-color-default:#2b2b2b;--xy-controls-button-background-color-hover-default:#3e3e3e;--xy-controls-button-color-default:#f8f8f8;--xy-controls-button-color-hover-default:#fff;--xy-controls-button-border-color-default:#5b5b5b;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#141414;--xy-edge-label-color-default:#f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props,var(--xy-background-color,var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__pane{z-index:1;touch-action:none}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width,var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke,var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width,var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{pointer-events:none;position:absolute;overflow:visible}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected,var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:.5s linear infinite dashdraw}svg.react-flow__connectionline{z-index:1001;position:absolute;overflow:visible}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{-webkit-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default;position:absolute}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:0 0;pointer-events:none}.react-flow__nodesselection-rect{pointer-events:all;cursor:grab;position:absolute}.react-flow__handle{pointer-events:none;background-color:var(--xy-handle-background-color,var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color,var(--xy-handle-border-color-default));border-radius:100%;width:6px;min-width:5px;height:6px;min-height:5px;position:absolute}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;bottom:0;left:50%;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{z-index:5;margin:15px;position:absolute}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px)translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px)translateY(-50%)}.react-flow__attribution{background:var(--xy-attribution-background-color,var(--xy-attribution-background-color-default));margin:0;padding:2px 3px;font-size:10px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10px}}.react-flow__edgelabel-renderer{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__viewport-portal{-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__minimap{background:var(--xy-minimap-background-color-props,var(--xy-minimap-background-color,var(--xy-minimap-background-color-default)))}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var(--xy-minimap-mask-background-color-props,var(--xy-minimap-mask-background-color,var(--xy-minimap-mask-background-color-default)));stroke:var(--xy-minimap-mask-stroke-color-props,var(--xy-minimap-mask-stroke-color,var(--xy-minimap-mask-stroke-color-default)));stroke-width:var(--xy-minimap-mask-stroke-width-props,var(--xy-minimap-mask-stroke-width,var(--xy-minimap-mask-stroke-width-default)))}.react-flow__minimap-node{fill:var(--xy-minimap-node-background-color-props,var(--xy-minimap-node-background-color,var(--xy-minimap-node-background-color-default)));stroke:var(--xy-minimap-node-stroke-color-props,var(--xy-minimap-node-stroke-color,var(--xy-minimap-node-stroke-color-default)));stroke-width:var(--xy-minimap-node-stroke-width-props,var(--xy-minimap-node-stroke-width,var(--xy-minimap-node-stroke-width-default)))}.react-flow__background-pattern.dots{fill:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-dots-color-default)))}.react-flow__background-pattern.lines{stroke:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-lines-color-default)))}.react-flow__background-pattern.cross{stroke:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-cross-color-default)))}.react-flow__controls{box-shadow:var(--xy-controls-box-shadow,var(--xy-controls-box-shadow-default));flex-direction:column;display:flex}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{background:var(--xy-controls-button-background-color,var(--xy-controls-button-background-color-default));border:none;border-bottom:1px solid var(--xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default)));width:26px;height:26px;color:var(--xy-controls-button-color-props,var(--xy-controls-button-color,var(--xy-controls-button-color-default)));cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:4px;display:flex}.react-flow__controls-button svg{fill:currentColor;width:100%;max-width:12px;max-height:12px}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{border-radius:var(--xy-node-border-radius,var(--xy-node-border-radius-default));width:150px;color:var(--xy-node-color,var(--xy-node-color-default));text-align:center;border:var(--xy-node-border,var(--xy-node-border-default));background-color:var(--xy-node-background-color,var(--xy-node-background-color-default));padding:10px;font-size:12px}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover,var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected,var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color,var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color,var(--xy-selection-background-color-default));border:var(--xy-selection-border,var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var(--xy-controls-button-background-color-hover-props,var(--xy-controls-button-background-color-hover,var(--xy-controls-button-background-color-hover-default)));color:var(--xy-controls-button-color-hover-props,var(--xy-controls-button-color-hover,var(--xy-controls-button-color-hover-default)))}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var(--xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default)))}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border:1px solid #fff;border-radius:1px;width:5px;height:5px;translate:-50% -50%}.react-flow__resize-control.handle.left{top:50%;left:0}.react-flow__resize-control.handle.right{top:50%;left:100%}.react-flow__resize-control.handle.top{top:0;left:50%}.react-flow__resize-control.handle.bottom{top:100%;left:50%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border-style:solid;border-width:0}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;height:100%;top:0;transform:translate(-50%)}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{width:100%;height:1px;left:0;transform:translateY(-50%)}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color,var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color,var(--xy-edge-label-color-default))}:root{--primary-color:#10b981;--primary-hover:#059669;--primary-light:#ecfdf5;--primary-rgb:16, 185, 129;--bg-body:#f9fafb;--bg-sidebar:#fff;--bg-navbar:#fff;--bg-card:#fff;--bg-card-hover:#f3f4f6;--border-color:#e5e7eb;--text-main:#1f2937;--text-muted:#4b5563;--text-light:#9ca3af;--bg-input:#fff;--bg-badge-pending-bg:#fef3c7;--bg-badge-pending-text:#d97706;--bg-badge-processing-bg:#dbeafe;--bg-badge-processing-text:#2563eb;--bg-badge-delivered-bg:#d1fae5;--bg-badge-delivered-text:#059669;--bg-badge-cancelled-bg:#fee2e2;--bg-badge-cancelled-text:#dc2626;--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--sidebar-width:240px;--sidebar-collapsed-width:72px;--navbar-height:64px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--shadow-lg:0 10px 15px -3px #0000000d, 0 4px 6px -2px #00000005;--shadow-premium:0 20px 25px -5px #0000000d, 0 10px 10px -5px #00000005;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--transition-fast:.15s ease;--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.35s ease}.dark-theme{--bg-body:#111827;--bg-sidebar:#1f2937;--bg-navbar:#1f2937;--bg-card:#1f2937;--bg-card-hover:#2d3748;--border-color:#374151;--text-main:#f9fafb;--text-muted:#9ca3af;--text-light:#6b7280;--bg-input:#1f2937;--primary-light:rgba(var(--primary-rgb), .15);--bg-badge-pending-bg:#d9770633;--bg-badge-pending-text:#fbbf24;--bg-badge-processing-bg:#2563eb33;--bg-badge-processing-text:#60a5fa;--bg-badge-delivered-bg:#05966933;--bg-badge-delivered-text:#34d399;--bg-badge-cancelled-bg:#dc262633;--bg-badge-cancelled-text:#f87171;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0000004d, 0 2px 4px -1px #0003;--shadow-lg:0 10px 15px -3px #0000004d, 0 4px 6px -2px #0003;--shadow-premium:0 20px 25px -5px #0006, 0 10px 10px -5px #0000004d}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-body);color:var(--text-main);transition:background-color var(--transition-normal), color var(--transition-normal);height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-light)}#app-wrapper{width:100%;min-height:100vh;display:flex}#app-wrapper.sidebar-collapsed{--sidebar-width:var(--sidebar-collapsed-width)}#main-content-layout{min-width:0;min-height:100vh;margin-left:var(--sidebar-width);transition:margin-left var(--transition-normal);flex-direction:column;flex:1;display:flex}aside{width:var(--sidebar-width);background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);z-index:100;height:100vh;min-height:0;transition:transform var(--transition-normal), background-color var(--transition-normal), border-color var(--transition-normal), width var(--transition-normal);flex-direction:column;display:flex;position:fixed}.sidebar-logo{height:var(--navbar-height);border-bottom:1px solid var(--border-color);color:var(--primary-color);transition:border-color var(--transition-normal), padding var(--transition-normal);flex-shrink:0;align-items:center;gap:8px;padding:12px 16px;text-decoration:none;display:flex}.sidebar-logo img{object-fit:cover;width:28px;height:28px;transition:transform var(--transition-normal);border-radius:6px}.sidebar-logo span{letter-spacing:.5px;text-transform:uppercase;color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:700;overflow:hidden}.sidebar-menu{overscroll-behavior:contain;flex-direction:column;flex:1;gap:2px;min-height:0;padding:8px;display:flex;overflow:hidden auto}.menu-label{text-transform:uppercase;color:var(--text-light);letter-spacing:.5px;opacity:.8;transition:opacity var(--transition-normal), padding var(--transition-normal);padding:12px 12px 4px;font-size:10px;font-weight:600}.menu-item{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;justify-content:space-between;align-items:center;padding:6px 10px;font-size:13px;font-weight:500;text-decoration:none;display:flex;position:relative}.menu-item:hover{background-color:var(--bg-card-hover);color:var(--text-main)}.menu-item.active{background-color:var(--primary-light);color:var(--primary-color);font-weight:600}.menu-item.active:before{content:"";background-color:var(--primary-color);border-radius:0 4px 4px 0;width:3px;position:absolute;top:6px;bottom:6px;left:-8px}.menu-item-link{white-space:nowrap;align-items:center;gap:8px;display:flex;overflow:hidden}.menu-item svg{stroke:currentColor;stroke-width:2px;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:16px;height:16px}.dropdown-arrow{transition:transform var(--transition-normal);flex-shrink:0;width:12px!important;height:12px!important}.menu-item.open .dropdown-arrow{transform:rotate(90deg)}.submenu-list{max-height:0;transition:max-height var(--transition-normal) ease-out, padding var(--transition-normal);border-left:1px solid var(--border-color);flex-direction:column;flex-shrink:0;gap:2px;margin-left:18px;padding-left:10px;display:flex;overflow:hidden}.submenu-list.open{max-height:400px;padding-top:2px;padding-bottom:4px}.submenu-item{color:var(--text-muted);border-radius:var(--radius-sm);transition:all var(--transition-fast);cursor:pointer;align-items:center;padding:5px 8px;font-size:12.5px;text-decoration:none;display:flex}.submenu-item:hover{background-color:var(--bg-card-hover);color:var(--text-main)}.submenu-item.active{background-color:var(--primary-light);color:var(--primary-color);font-weight:600}.sidebar-footer{border-top:1px solid var(--border-color);background-color:var(--bg-sidebar);transition:border-color var(--transition-normal), padding var(--transition-normal), flex-direction var(--transition-normal);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.sidebar-profile{align-items:center;gap:8px;min-width:0;display:flex}.sidebar-profile img{object-fit:cover;border:1.5px solid var(--primary-color);border-radius:50%;flex-shrink:0;width:28px;height:28px}.profile-info{flex-direction:column;min-width:0;display:flex}.profile-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:500;overflow:hidden}.profile-role{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;overflow:hidden}.footer-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.btn-toggle-collapse,.btn-logout{color:var(--text-light);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:6px;display:flex}.btn-toggle-collapse:hover{color:var(--primary-color);background-color:var(--primary-light)}.btn-logout:hover{color:var(--bg-badge-cancelled-text);background-color:var(--bg-badge-cancelled-bg)}.btn-toggle-collapse svg,.btn-logout svg{stroke:currentColor;stroke-width:2px;fill:none;width:14px;height:14px}.sidebar-collapsed aside{align-items:center}.sidebar-collapsed .sidebar-logo{justify-content:center;width:100%;padding:12px 0}.sidebar-collapsed .sidebar-logo span{display:none}.sidebar-collapsed .menu-label{background-color:var(--border-color);text-indent:-9999px;opacity:.5;width:40px;height:1px;margin:8px 12px;padding:0;overflow:hidden}.sidebar-collapsed .menu-item{justify-content:center;width:48px;height:38px;margin:0 auto;padding:8px}.sidebar-collapsed .menu-item.active:before{top:8px;bottom:8px;left:-12px}.sidebar-collapsed .menu-item-link{justify-content:center;gap:0;width:100%}.sidebar-collapsed .menu-item span,.sidebar-collapsed .menu-item .dropdown-arrow{display:none}.sidebar-collapsed .submenu-list{display:none!important}.sidebar-collapsed .sidebar-footer{justify-content:center;width:100%;padding:12px 0}.sidebar-collapsed .sidebar-profile{display:none!important}.sidebar-collapsed .menu-item[data-tooltip]{position:relative}.sidebar-collapsed .menu-item[data-tooltip]:after{content:attr(data-tooltip);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;z-index:1000;background-color:#1f2937;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:500;transition:opacity .15s,transform .15s;position:absolute;top:50%;left:100%;transform:translateY(-50%)translate(8px);box-shadow:0 4px 12px #00000026}.sidebar-collapsed .menu-item[data-tooltip]:hover:after{opacity:1;transform:translateY(-50%)translate(12px)}.menu-item-container{width:100%;position:relative}.submenu-floating-popover{background-color:var(--bg-sidebar);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;flex-direction:column;min-width:160px;margin-left:12px;padding:6px;animation:.15s popoverFadeIn;display:none;position:absolute;top:-4px;left:calc(100% - 10px)}@keyframes popoverFadeIn{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}.menu-item-container:hover .submenu-floating-popover,.menu-item-container:focus-within .submenu-floating-popover{display:flex}.submenu-floating-popover:before{content:"";width:12px;height:100%;position:absolute;top:0;left:-12px}.popover-header{text-transform:uppercase;color:var(--text-light);letter-spacing:.5px;padding:6px 8px 4px;font-size:10px;font-weight:600}.popover-divider{background-color:var(--border-color);height:1px;margin:4px 0}.popover-item{color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);align-items:center;padding:6px 10px;font-size:12.5px;text-decoration:none;display:flex}.popover-item:hover{background-color:var(--bg-card-hover);color:var(--text-main)}.popover-item.active{background-color:var(--primary-light);color:var(--primary-color);font-weight:600}.menu-item:focus-visible,.submenu-item:focus-visible,.popover-item:focus-visible,.btn-toggle-collapse:focus-visible,.btn-logout:focus-visible{outline:2px solid var(--primary-color);outline-offset:-2px}main{flex-direction:column;flex:1;min-height:100vh;display:flex}.top-navbar{height:var(--navbar-height);background-color:var(--bg-navbar);border-bottom:1px solid var(--border-color);z-index:90;transition:background-color var(--transition-normal), border-color var(--transition-normal);justify-content:space-between;align-items:center;padding:0 32px;display:flex;position:sticky;top:0}.nav-left{flex:1;align-items:center;gap:24px;display:flex}.btn-toggle-menu{color:var(--text-main);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:6px;display:none}.btn-toggle-menu svg{stroke:currentColor;stroke-width:2px;fill:none;width:20px;height:20px}.breadcrumbs{color:var(--text-main);align-items:center;gap:6px;font-size:14px;font-weight:500;display:flex}.search-container{width:220px;transition:width var(--transition-normal);position:relative}.search-container input{border:1px solid var(--border-color);background-color:var(--bg-input);width:100%;color:var(--text-main);border-radius:var(--radius-sm);transition:all var(--transition-fast);padding:8px 12px 8px 34px;font-size:12.5px}.search-container input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light);outline:none}.search-container svg{width:14px;height:14px;color:var(--text-light);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.nav-right{align-items:center;gap:12px;display:flex}.nav-actions-group{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);transition:all var(--transition-normal);align-items:center;gap:6px;padding:4px;display:flex}.nav-action-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);width:32px;height:32px;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:relative}.nav-action-btn:hover{background-color:var(--bg-card-hover);color:var(--text-main)}.nav-action-btn svg{stroke:currentColor;stroke-width:2px;fill:none;width:16px;height:16px}.nav-notification-dot{background-color:var(--bg-badge-cancelled-text);border:1.5px solid var(--bg-navbar);border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:6px}.nav-user-avatar{object-fit:cover;border:1.5px solid var(--border-color);border-radius:50%;flex-shrink:0;width:26px;height:26px;margin:0 4px}.nav-logout-btn-icon:hover{color:var(--bg-badge-cancelled-text);background-color:var(--bg-badge-cancelled-bg)}.content-body,.orders-page,.order-details-page,.store-dashboard,.stores-page,.warehouse-page,.inventory-page,.settings-page,.view-panel{flex:1;padding:16px 24px!important}.analytics-grid,.count-cards-grid,.sales-cards-grid,.cards-grid,.dashboard-grid,.grid-cols-1,.grid-cols-2,.grid-cols-3,.grid-cols-4{gap:16px!important}.view-header{margin-bottom:16px!important}.dashboard-section,.page-section,.section-wrapper,.content-section{margin-top:16px!important;margin-bottom:16px!important}.view-panel{animation:fadeIn var(--transition-slow);display:none}.view-panel.active-view{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.view-header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.view-title{color:var(--text-main);letter-spacing:-.5px;font-size:20px;font-weight:700}.view-actions{align-items:center;gap:12px;display:flex}.btn-primary{background:var(--primary-gradient);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);box-shadow:0 4px 10px rgba(var(--primary-rgb), .2);border:none;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;display:flex}.btn-primary:hover{background:var(--primary-gradient);filter:brightness(1.08);box-shadow:0 6px 14px rgba(var(--primary-rgb), .3);transform:translateY(-1px)}.btn-secondary{background-color:var(--bg-card);color:var(--text-main);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:500;display:flex}.btn-secondary:hover{background-color:var(--bg-card-hover);border-color:var(--text-light)}.btn-primary svg,.btn-secondary svg{stroke:currentColor;stroke-width:2px;fill:none;width:16px;height:16px}.sales-cards-grid{grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:24px;display:grid}.gradient-card{border-radius:var(--radius-lg);color:#fff;box-shadow:var(--shadow-md);transition:transform var(--transition-normal), box-shadow var(--transition-normal);padding:24px;position:relative;overflow:hidden}.gradient-card:hover{box-shadow:var(--shadow-premium);transform:translateY(-4px)}.gradient-card:after{content:"";pointer-events:none;background:#ffffff14;border-radius:50%;width:120px;height:120px;position:absolute;top:-20%;right:-10%}.card-g-1{background:linear-gradient(135deg,#2563eb,#7c3aed)}.card-g-2{background:linear-gradient(135deg,#0d9488,#10b981)}.card-g-3{background:linear-gradient(135deg,#ec4899,#f43f5e)}.card-g-4{background:linear-gradient(135deg,#d97706,#f59e0b)}.card-g-5{background:linear-gradient(135deg,#6366f1,#d946ef)}.card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.card-icon-container{background:#ffffff26;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.card-icon-container svg{stroke:#fff;stroke-width:2px;fill:none;width:18px;height:18px}.card-title{opacity:.9;text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:500}.card-amount{margin-bottom:14px;font-size:24px;font-weight:700}.card-details-row{opacity:.85;border-top:1px solid #ffffff26;justify-content:space-between;align-items:center;padding-top:8px;font-size:11px;display:flex}.card-detail-item{flex-direction:column;display:flex}.card-detail-item span:first-child{font-weight:600}.count-cards-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px;display:grid}.count-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);align-items:center;gap:16px;padding:20px;display:flex}.count-card:hover{box-shadow:var(--shadow-md);border-color:var(--text-light);transform:translateY(-2px)}.count-icon-wrap{border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.count-icon-wrap svg{width:20px;height:20px}.icon-orange{color:#d97706;background-color:#fef3c7}.icon-blue{color:#2563eb;background-color:#dbeafe}.icon-green{color:#059669;background-color:#d1fae5}.icon-red{color:#dc2626;background-color:#fee2e2}.dark-theme .icon-orange{color:#fbbf24;background-color:#d9770626}.dark-theme .icon-blue{color:#60a5fa;background-color:#2563eb26}.dark-theme .icon-green{color:#34d399;background-color:#05966926}.dark-theme .icon-red{color:#f87171;background-color:#dc262626}.count-content{flex-direction:column;display:flex}.count-label{color:var(--text-muted);margin-bottom:2px;font-size:13px;font-weight:500}.count-number{color:var(--text-main);font-size:20px;font-weight:700}.analytics-grid{grid-template-columns:3fr 2fr;gap:24px;margin-bottom:32px;display:grid}.analytics-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;height:380px;padding:24px;display:flex}.analytics-card-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.analytics-card-title{color:var(--text-main);font-size:15px;font-weight:600}.chart-legend-tabs{background-color:var(--bg-body);border-radius:var(--radius-sm);border:1px solid var(--border-color);padding:4px;display:flex}.chart-legend-btn{border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);transition:all var(--transition-fast);background:0 0;border:none;padding:4px 10px;font-size:11px;font-weight:600}.chart-legend-btn.active{background-color:var(--bg-card);color:var(--primary-color);box-shadow:var(--shadow-sm)}.chart-container-wrap{flex:1;width:100%;height:100%;position:relative}.table-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:24px;overflow:hidden}.table-card-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.table-card-title{color:var(--text-main);font-size:15px;font-weight:600}.table-responsive{width:100%;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}thead{background-color:var(--bg-body);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}th,td{border-bottom:1px solid var(--border-color);padding:14px 20px}tr:last-child td{border-bottom:none}tbody tr{transition:background-color var(--transition-fast)}.dark-theme tbody tr:hover{background-color:#ffffff04}.badge{text-transform:uppercase;border-radius:50px;align-items:center;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-pending{background-color:var(--bg-badge-pending-bg);color:var(--bg-badge-pending-text)}.badge-processing{background-color:var(--bg-badge-processing-bg);color:var(--bg-badge-processing-text)}.badge-delivered{background-color:var(--bg-badge-delivered-bg);color:var(--bg-badge-delivered-text)}.badge-cancelled{background-color:var(--bg-badge-cancelled-bg);color:var(--bg-badge-cancelled-text)}.user-info-td{align-items:center;gap:12px;display:flex}.user-avatar-sm{object-fit:cover;border:1px solid var(--border-color);border-radius:50%;width:32px;height:32px}.user-email{color:var(--text-muted);font-size:11px}.action-buttons-wrap{align-items:center;gap:8px;display:flex}.btn-action-icon{cursor:pointer;border-radius:var(--radius-sm);color:var(--text-muted);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:6px;display:flex}.btn-action-icon:hover{background-color:var(--bg-card-hover);color:var(--text-main)}.btn-action-icon.btn-delete:hover{background-color:var(--bg-badge-cancelled-bg);color:var(--bg-badge-cancelled-text)}.btn-action-icon svg{stroke:currentColor;stroke-width:2px;fill:none;width:16px;height:16px}.filter-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:24px;padding:20px}.filter-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (width<=1024px){.filter-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.filter-grid{grid-template-columns:1fr}}.order-detail-title-row{flex-wrap:wrap}.order-detail-title-row .badge{white-space:nowrap}.order-totals-card .order-grand-total{margin-top:6px}@media (width<=900px){.order-detail-grid-modern{grid-template-columns:1fr}}@media (width<=560px){.order-address-fields{grid-template-columns:repeat(2,1fr)}.order-detail-title-row{flex-direction:column;align-items:flex-start;gap:6px}.order-detail-header>button{width:100%}}@media (width<=1000px){.order-information-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=720px){.order-customer-grid,.order-information-grid,.order-lower-grid{grid-template-columns:1fr}.order-customer-grid .order-info-item:last-child{grid-column:auto}.order-lower-grid .order-totals-card{grid-row:auto}.order-lower-grid .order-timeline{grid-column:auto}}.content-drawer{width:760px}.content-drawer>form{flex-direction:column;flex:1;min-height:0;display:flex}.content-drawer .drawer-body{min-height:0}.content-drawer .drawer-footer{z-index:4;flex:none;position:sticky;bottom:0}.drawer-kicker{color:var(--primary-color);letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:700;display:block}.blog-drawer .drawer-title{font-size:19px}.blog-form-body{padding:22px 26px}.blog-form-section{border-bottom:1px solid var(--border-color);padding:20px 0}.blog-form-section:first-child{padding-top:0}.blog-form-section:last-child{border-bottom:0}.blog-form-section-heading{margin-bottom:16px}.blog-form-section-heading h3{color:var(--text-main);font-size:14px;font-weight:700}.blog-form-section-heading p{color:var(--text-muted);margin-top:4px;font-size:12px}.blog-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.blog-form-span-2{grid-column:span 2}.blog-drawer .form-group{gap:6px}.blog-drawer .form-group label{color:var(--text-main);font-size:12px;font-weight:600}.blog-drawer .form-group label span{color:var(--primary-color)}.blog-drawer .form-input,.blog-drawer .form-select{min-height:40px;padding:9px 11px;border-radius:8px!important}.blog-drawer textarea.form-input{resize:vertical;min-height:90px}.blog-drawer .blog-content-input{min-height:220px}.form-help{color:var(--text-light);font-size:11px;line-height:1.4;display:block}.blog-image-upload-row{border:1px dashed var(--border-color);background:var(--bg-body);border-radius:10px;align-items:center;gap:16px;padding:14px;display:flex}.blog-image-preview,.blog-image-empty{object-fit:cover;border:1px solid var(--border-color);border-radius:8px;flex:0 0 112px;width:112px;height:76px}.blog-image-empty{color:var(--text-light);text-align:center;justify-content:center;align-items:center;font-size:11px;display:flex}.blog-upload-control{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.image-upload-button{border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-main);cursor:pointer;font:inherit;border-radius:7px;padding:9px 13px;font-size:12px;font-weight:600}.image-upload-button:hover{color:var(--primary-color);border-color:var(--primary-color);background:var(--primary-light)}.image-upload-button:disabled{cursor:wait;opacity:.6}.upload-file-name{color:var(--primary-color);font-size:11px;font-weight:600}.form-tag-list{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.form-tag{background:var(--primary-light);color:var(--primary-color);cursor:pointer;font:inherit;border:0;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:600}.blog-publishing-grid{grid-template-columns:1.5fr .7fr}.drawer-loading{min-height:260px;color:var(--text-muted);place-items:center;font-size:13px;display:grid}.blog-page-header{z-index:2;position:relative}.blog-add-button{z-index:3;justify-content:center;align-items:center;min-width:112px;min-height:42px;position:relative;visibility:visible!important;opacity:1!important;display:inline-flex!important}.blogs-filter-card .filter-grid{grid-template-columns:minmax(220px,1.5fr) minmax(180px,1fr) auto;align-items:end;gap:12px}.blogs-filter-card .filter-item:last-child{align-self:end}.blogs-filter-card .filter-item:last-child button{min-width:120px;height:42px}.blogs-filter-card .filter-item:last-child button:disabled{cursor:not-allowed;opacity:.45}.banners-filter-card .filter-grid{grid-template-columns:minmax(220px,1.5fr) auto;align-items:end;gap:12px}.banners-filter-card .filter-item:last-child button{min-width:120px;height:42px}.banners-filter-card .filter-item:last-child button:disabled{cursor:not-allowed;opacity:.45}.products-filter-card .filter-grid{grid-template-columns:minmax(220px,1.5fr) repeat(2,minmax(160px,1fr)) auto;align-items:end;gap:12px}.products-filter-card .filter-item:last-child button{min-width:120px;height:42px}.products-filter-card .filter-item:last-child button:disabled{cursor:not-allowed;opacity:.45}@media (width<=640px){.blogs-filter-card .filter-grid{grid-template-columns:1fr}.blogs-filter-card .filter-item:last-child button{width:100%}.banners-filter-card .filter-grid{grid-template-columns:1fr}.banners-filter-card .filter-item:last-child button{width:100%}.products-filter-card .filter-grid{grid-template-columns:1fr}.products-filter-card .filter-item:last-child button,.content-drawer{width:100%}.blog-form-body{padding:20px 16px}.blog-form-grid,.blog-publishing-grid{grid-template-columns:1fr}.blog-form-span-2{grid-column:auto}.blog-image-upload-row{flex-direction:column;align-items:flex-start}}.order-products-table th:first-child,.order-products-table td:first-child{width:90px}@media (width<=1000px){.order-information-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=720px){.order-customer-grid,.order-information-grid,.order-lower-grid{grid-template-columns:1fr}.order-customer-grid .order-info-item:last-child{grid-column:auto}.order-lower-grid .order-totals-card{grid-row:auto}.order-lower-grid .order-timeline{grid-column:auto}}.filter-item{flex-direction:column;gap:6px;display:flex}.filter-item label{color:var(--text-muted);font-size:12px;font-weight:600}.form-select,.form-input{border:1px solid var(--border-color);background-color:var(--bg-input);width:100%;color:var(--text-main);border-radius:var(--radius-md);transition:all var(--transition-fast);font-size:13px;font-family:var(--font-sans);padding:10px 14px}.form-select:focus,.form-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light);outline:none}.table-pagination-footer{border-top:1px solid var(--border-color);background-color:var(--bg-card);border-radius:0 0 var(--radius-lg) var(--radius-lg);color:var(--text-muted);justify-content:space-between;align-items:center;padding:16px 24px;font-size:13px;display:flex}.pagination-controls{align-items:center;gap:8px;display:flex}.btn-page{background-color:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;width:36px;height:36px;color:var(--text-muted);border-radius:8px;justify-content:center;align-items:center;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.btn-page:not(:disabled):hover{background-color:var(--bg-card-hover);color:var(--text-main);border-color:#cbd5e1;transform:translateY(-1px)}.dark-theme .btn-page:not(:disabled):hover{border-color:#475569}.btn-page.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color);box-shadow:0 4px 12px rgba(var(--primary-rgb), .3);transform:translateY(-1px)}.btn-page:disabled{opacity:.4;cursor:not-allowed;background-color:var(--bg-body)}.btn-page svg{stroke:currentColor;stroke-width:2.5px;fill:none;width:16px;height:16px}.truncate-cell{white-space:nowrap;text-overflow:ellipsis;max-width:220px;overflow:hidden}.truncate-text{white-space:nowrap;text-overflow:ellipsis;width:100%;display:block;overflow:hidden}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity var(--transition-normal);background-color:#0006;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.modal-overlay.open{opacity:1;pointer-events:auto}.modal-container{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-premium);width:540px;max-width:90vw;max-height:85vh;transition:transform var(--transition-normal);flex-direction:column;display:flex;overflow:hidden;transform:translateY(20px)}.modal-overlay.open .modal-container{transform:translateY(0)}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-title{color:var(--text-main);font-size:16px;font-weight:600}.btn-close-modal{cursor:pointer;color:var(--text-light);width:28px;height:28px;transition:all var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.btn-close-modal:hover{background-color:var(--bg-card-hover);color:var(--text-main)}.btn-close-modal svg{stroke:currentColor;stroke-width:2px;fill:none;width:18px;height:18px}.modal-body{flex:1;padding:24px;overflow-y:auto}.modal-footer{border-top:1px solid var(--border-color);background-color:var(--bg-body);justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.form-group-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-group label{color:var(--text-muted);font-size:13px;font-weight:600}.form-group textarea{border:1px solid var(--border-color);background-color:var(--bg-input);width:100%;color:var(--text-main);border-radius:var(--radius-md);font-size:13px;font-family:var(--font-sans);resize:vertical;min-height:80px;transition:all var(--transition-fast);padding:10px 14px}.form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light);outline:none}.settings-section-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:24px;padding:24px}.settings-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (width<=768px){.settings-grid{grid-template-columns:1fr}}.logo-preview-box{border:1px dashed var(--border-color);border-radius:var(--radius-md);align-items:center;gap:16px;margin-top:6px;padding:14px;display:flex}.logo-preview-box img{object-fit:contain;max-width:140px;max-height:44px}#toast-container{z-index:999;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.toast{pointer-events:auto;background-color:var(--bg-card);border-left:4px solid var(--primary-color);box-shadow:var(--shadow-lg);border-radius:var(--radius-md);color:var(--text-main);animation:toastSlideIn var(--transition-normal) forwards;align-items:center;gap:12px;min-width:280px;padding:14px 18px;font-size:13px;font-weight:500;display:flex}.toast-success-icon{color:var(--primary-color)}.toast-error-icon{color:var(--bg-badge-cancelled-text)}.toast svg{stroke:currentColor;stroke-width:2px;fill:none;flex-shrink:0;width:18px;height:18px}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast.fade-out{animation:toastFadeOut var(--transition-normal) forwards}@keyframes toastFadeOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(40px)}}.invoice-modal-container{width:800px;max-width:95vw}.invoice-header-sheet{border-bottom:2px solid var(--border-color);justify-content:space-between;margin-bottom:20px;padding-bottom:20px;display:flex}.invoice-logo-title{flex-direction:column;gap:6px;display:flex}.invoice-logo-title h2{color:var(--primary-color);font-size:24px;font-weight:700}.invoice-logo-title span{color:var(--text-muted);font-size:12px}.invoice-meta{text-align:right}.invoice-meta h3{margin-bottom:6px;font-size:18px;font-weight:600}.invoice-meta p{color:var(--text-muted);font-size:12px}.invoice-details-grid{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px;display:grid}.invoice-details-card h4{text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:600}.invoice-details-card p{font-size:13px;line-height:1.5}.invoice-summary-sheet{border-top:2px solid var(--border-color);justify-content:flex-end;margin-top:24px;padding-top:16px;display:flex}.invoice-summary-table{width:280px}.invoice-summary-row{justify-content:space-between;padding:6px 0;font-size:13px;display:flex}.invoice-summary-row:last-child{border-top:1px solid var(--border-color);color:var(--text-main);padding-top:10px;font-size:15px;font-weight:700}@media (width<=1200px){.sales-cards-grid{grid-template-columns:repeat(3,1fr)}.sales-cards-grid .gradient-card:nth-child(4),.sales-cards-grid .gradient-card:nth-child(5){grid-column:span 1}}@media (width<=992px){.sales-cards-grid{grid-template-columns:repeat(2,1fr)}.sales-cards-grid .gradient-card:last-child{grid-column:span 2}.count-cards-grid{grid-template-columns:repeat(2,1fr)}.analytics-grid{grid-template-columns:1fr}.analytics-card{height:350px}}@media (width<=768px){aside{transform:translate(-100%)}aside.sidebar-mobile-open{transform:translate(0)}#main-content-layout{margin-left:0}.top-navbar{padding:0 16px}.btn-toggle-menu{justify-content:center;align-items:center;display:flex}.search-container{width:200px}.content-body{padding:16px}.view-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:20px}}@media (width<=480px){.sales-cards-grid{grid-template-columns:1fr}.sales-cards-grid .gradient-card:last-child{grid-column:span 1}.count-cards-grid{grid-template-columns:1fr}.search-container{display:none}}.orders-page,.order-details-page{padding:28px 32px 40px}.orders-page-heading,.order-detail-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;display:flex}.eyebrow-label{color:var(--primary-color);letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:700}.orders-page-subtitle{color:var(--text-muted);margin-top:5px;font-size:13px}.orders-count-summary{color:var(--text-muted);white-space:nowrap;align-items:baseline;gap:7px;font-size:12px;display:flex}.orders-count-summary strong{color:var(--text-main);font-size:22px}.orders-filter-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-panel);box-shadow:var(--shadow-sm);margin-bottom:18px;padding:14px 16px 16px}.orders-filter-grid{grid-template-columns:minmax(190px,1.35fr) repeat(3,minmax(150px,1fr)) auto;align-items:end;gap:12px;display:grid}.orders-filter-grid-owner{grid-template-columns:minmax(220px,1.5fr) repeat(2,minmax(160px,1fr)) auto}.orders-filter-card .filter-item{gap:5px;min-width:0}.orders-filter-card .filter-item label{letter-spacing:.02em;font-size:11px}.orders-filter-card .form-input,.orders-filter-card .form-select{height:36px;min-height:36px;padding:7px 10px;font-size:12px;border-radius:7px!important}.orders-filter-action{align-self:end}.orders-clear-filters{border:1px solid var(--border-color);height:36px;color:var(--text-muted);cursor:pointer;font:inherit;white-space:nowrap;background:0 0;border-radius:7px;padding:0 12px;font-size:12px;font-weight:600}.orders-clear-filters:not(:disabled):hover{color:var(--primary-color);border-color:var(--primary-color);background:var(--primary-light)}.orders-clear-filters:disabled{cursor:not-allowed;opacity:.45}.orders-table-card{overflow:visible}.orders-table-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:17px 20px;display:flex}.orders-table-header h2{font-size:15px}.orders-table-header p,.orders-table-meta{color:var(--text-muted);margin-top:3px;font-size:12px}.orders-table-meta{margin-top:0}.orders-table-responsive{max-height:min(62vh,680px);overflow:auto}.orders-table{min-width:1080px}.orders-table thead{z-index:1;position:sticky;top:0}.orders-table th{background:var(--bg-body);padding:11px 16px;font-size:10px}.orders-table td{vertical-align:middle;padding:13px 16px}.orders-table tbody tr:nth-child(2n){background:color-mix(in srgb, var(--bg-body) 48%, var(--bg-card))}.orders-table tbody tr:hover{background:var(--primary-light)}.orders-id-cell{color:var(--primary-color);white-space:nowrap;font-weight:700}.orders-date-cell{color:var(--text-muted);white-space:nowrap;font-size:12px}.orders-customer-cell{flex-direction:column;gap:2px;min-width:150px;display:flex}.orders-customer-cell strong{font-size:13px}.orders-customer-cell span,.orders-payment-cell{color:var(--text-muted);font-size:11px}.orders-address-cell{text-overflow:ellipsis;white-space:nowrap;max-width:220px;color:var(--text-muted);font-size:12px;display:block;overflow:hidden}.orders-amount-cell{white-space:nowrap}.orders-view-column{text-align:center;width:66px}.orders-view-button{border:1px solid var(--border-color);background:var(--bg-card);width:30px;height:30px;color:var(--text-muted);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;display:inline-flex}.orders-view-button:hover{color:var(--primary-color);border-color:var(--primary-color);background:var(--primary-light)}.orders-view-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:16px;height:16px}.orders-state-card{border:1px dashed var(--border-color);border-radius:var(--radius-panel);background:var(--bg-card);text-align:center;margin:18px 0;padding:48px 24px}.orders-state-card h2{margin:10px 0 5px;font-size:16px}.orders-state-card p{color:var(--text-muted);font-size:13px}.orders-state-icon{background:var(--primary-light);width:34px;height:34px;color:var(--primary-color);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.orders-error-state .orders-state-icon{background:var(--bg-badge-cancelled-bg);color:var(--bg-badge-cancelled-text)}.order-error-actions{justify-content:center;gap:10px;margin-top:18px;display:flex}.orders-table-skeleton{border:1px solid var(--border-color);border-radius:var(--radius-panel);background:var(--bg-card);overflow:hidden}.orders-skeleton-row{border-bottom:1px solid var(--border-color);grid-template-columns:repeat(8,1fr);gap:16px;padding:18px;display:grid}.orders-skeleton-row span,.order-detail-skeleton span{background:linear-gradient(90deg, var(--bg-body), var(--border-color), var(--bg-body));background-size:200% 100%;border-radius:4px;height:14px;animation:1.3s infinite orderShimmer}@keyframes orderShimmer{to{background-position:-200% 0}}.order-detail-breadcrumbs{color:var(--text-muted);gap:8px;margin-bottom:16px;font-size:12px;display:flex}.order-detail-breadcrumbs button{color:var(--primary-color);cursor:pointer;font:inherit;background:0 0;border:0;padding:0}.order-detail-title-row{align-items:center;gap:10px;display:flex}.order-detail-header{border-bottom:1px solid var(--border-color);align-items:center;padding-bottom:20px}.order-detail-header .detail-page-actions svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:15px;height:15px}.order-detail-grid{grid-template-columns:minmax(0,1.75fr) minmax(280px,.9fr);align-items:start;gap:20px;display:grid}.order-detail-main,.order-detail-sidebar{flex-direction:column;gap:20px;min-width:0;display:flex}.order-detail-page .detail-card{border-radius:var(--radius-panel);padding:20px}.order-summary-count{color:var(--text-muted);font-size:12px}.order-items-list{flex-direction:column;display:flex}.order-item-row{border-bottom:1px solid var(--border-color);grid-template-columns:52px minmax(0,1fr) 55px 130px;align-items:center;gap:14px;padding:14px 0;display:grid}.order-item-row:last-child{border-bottom:0}.order-item-media{background:var(--bg-body);width:52px;height:52px;color:var(--text-light);border-radius:8px;justify-content:center;align-items:center;font-size:10px;display:flex;overflow:hidden}.order-item-media img{object-fit:cover;width:100%;height:100%}.order-item-description{flex-direction:column;gap:3px;min-width:0;display:flex}.order-item-description strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.order-item-description span,.order-item-quantity,.order-item-price span{color:var(--text-muted);font-size:11px}.order-item-price{flex-direction:column;align-items:flex-end;gap:3px;display:flex}.order-item-price strong{font-size:13px}.order-totals{width:min(100%,380px);margin-left:auto}.order-totals>div{color:var(--text-muted);justify-content:space-between;gap:16px;padding:6px 0;font-size:12px;display:flex}.order-totals strong{color:var(--text-main);font-weight:600}.order-totals .order-grand-total{border-top:1px solid var(--border-color);color:var(--text-main);margin-top:8px;padding-top:14px;font-size:15px;font-weight:700}.order-totals .order-grand-total strong{color:var(--primary-color);font-size:17px}.order-info-list{gap:14px;margin-top:18px;display:grid}.order-info-item{flex-direction:column;gap:4px;min-width:0;display:flex}.order-info-label{color:var(--text-light);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:700}.order-info-value{color:var(--text-main);overflow-wrap:anywhere;font-size:13px}.order-status-select{min-height:38px;margin-top:7px}.order-address-list{border-top:1px solid var(--border-color);gap:16px;margin-top:20px;padding-top:18px;display:grid}.order-address-block p,.order-notes{color:var(--text-muted);margin-top:5px;font-size:13px;line-height:1.55}.order-timeline{gap:0;display:grid}.order-timeline-entry{gap:12px;min-height:55px;display:flex;position:relative}.order-timeline-entry:not(:last-child):before{content:"";background:var(--border-color);width:1px;position:absolute;top:11px;bottom:-2px;left:4px}.order-timeline-dot{z-index:1;border:2px solid var(--primary-color);background:var(--bg-card);border-radius:50%;flex:0 0 9px;height:9px;margin-top:4px;position:relative}.order-timeline-entry div{flex-direction:column;gap:4px;display:flex}.order-timeline-entry strong{font-size:12px}.order-timeline-entry span:last-child{color:var(--text-muted);font-size:11px}.order-detail-na{color:var(--text-muted);padding:8px 0;font-size:13px}.order-detail-skeleton{border:1px solid var(--border-color);border-radius:var(--radius-panel);background:var(--bg-card);gap:14px;padding:28px;display:grid}.order-detail-skeleton span{height:56px}@media (width<=1200px){.orders-filter-grid,.orders-filter-grid-owner{grid-template-columns:repeat(3,minmax(150px,1fr))}.orders-filter-grid .orders-filter-action{grid-column:3}}@media (width<=900px){.orders-page,.order-details-page{padding:20px 16px 32px}.order-detail-grid{grid-template-columns:1fr}}@media (width<=640px){.orders-page-heading,.order-detail-header{flex-direction:column;align-items:flex-start}.orders-filter-grid,.orders-filter-grid-owner{grid-template-columns:1fr}.orders-filter-grid .orders-filter-action{grid-column:auto}.orders-filter-action,.orders-clear-filters{width:100%}.order-item-row{grid-template-columns:44px minmax(0,1fr)}.order-item-media{width:44px;height:44px}.order-item-quantity,.order-item-price{grid-column:2;align-items:flex-start}.order-item-price{margin-top:-9px}.detail-page-actions{width:100%}.detail-page-actions button{flex:1}}@media print{body *{visibility:hidden}.modal-overlay.open,.modal-overlay.open .modal-container,.modal-overlay.open .modal-container .modal-body,.modal-overlay.open .modal-container .modal-body *{visibility:visible}.modal-overlay.open{-webkit-backdrop-filter:none;backdrop-filter:none;z-index:9999;background:#fff;width:100%;height:auto;position:absolute;top:0;left:0}.modal-container{box-shadow:none;border:none;width:100%;max-width:100%;max-height:none;overflow:visible;transform:none}.modal-header,.modal-footer{display:none!important}}.drawer-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:200;opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity var(--transition-normal);background-color:#0006;justify-content:flex-end;display:flex;position:fixed;top:0;left:0}.drawer-overlay.open{opacity:1;pointer-events:auto}.drawer-container{background-color:var(--bg-card);border-left:1px solid var(--border-color);width:680px;max-width:90vw;height:100vh;transition:transform var(--transition-normal) cubic-bezier(.16, 1, .3, 1);flex-direction:column;display:flex;transform:translate(100%);box-shadow:-10px 0 25px #0000000d}.drawer-overlay.open .drawer-container{transform:translate(0)}.drawer-header{border-bottom:1px solid var(--border-color);background-color:var(--bg-sidebar);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.drawer-title{color:var(--text-main);font-size:16px;font-weight:600}.drawer-body{flex:1;padding:24px;overflow-y:auto}.drawer-footer{border-top:1px solid var(--border-color);background-color:var(--bg-body);gap:12px;padding:16px 24px;display:flex}.drawer-footer button{flex:1}.btn-close-drawer{cursor:pointer;color:var(--text-light);width:28px;height:28px;transition:all var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.btn-close-drawer:hover{background-color:var(--bg-card-hover);color:var(--text-main)}.btn-close-drawer svg{stroke:currentColor;stroke-width:2px;fill:none;width:18px;height:18px}.drawer-tabs{border-bottom:1px solid var(--border-color);gap:24px;margin-bottom:24px;display:flex}.drawer-tab-btn{color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 4px;font-size:14px;font-weight:500}.drawer-tab-btn:hover{color:var(--text-main)}.drawer-tab-btn.active{color:var(--primary-color);border-bottom-color:var(--primary-color);font-weight:600}.drawer-tab-content{display:none}.drawer-tab-content.active-tab{display:block}.toggle-switch{width:44px;height:22px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:#f43f5e;border-radius:34px;transition:all .25s;position:absolute;inset:0}.toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:16px;height:16px;transition:all .25s;position:absolute;bottom:3px;left:3px;box-shadow:0 1px 3px #00000026}.toggle-switch input:checked+.toggle-slider{background-color:#06b6d4}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px)}.image-uploader-box{border:2px dashed var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background-color:var(--bg-body);color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:32px;display:flex}.image-uploader-box:hover{border-color:var(--primary-color);background-color:var(--primary-light)}.image-uploader-icon{color:var(--text-light);stroke:currentColor;stroke-width:1.5px;fill:none;width:36px;height:36px}.tag-pill{background-color:var(--bg-body);border:1px solid var(--border-color);color:var(--text-main);border-radius:var(--radius-sm);align-items:center;gap:6px;padding:3px 8px;font-size:11px;font-weight:500;display:inline-flex}.tag-pill-close{color:var(--text-light);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:12px;height:12px;padding:0;font-size:14px;line-height:1;display:flex}.tag-pill-close:hover{color:var(--bg-badge-cancelled-text)}.tags-input-field{min-width:120px;color:var(--text-main);flex:1;padding:2px 0;font-size:13px;background:0 0!important;border:none!important;outline:none!important}.menu-item.active{font-weight:600;border-color:var(--text-main)!important;color:var(--text-main)!important;background-color:#0000!important}.dark-theme .menu-item.active{color:#fff!important;border-color:#fff!important}.table-toolbar-actions{align-items:center;gap:10px;display:flex}.login-screen-container{z-index:9999;background:radial-gradient(circle at 15% 20%,#10b9810d 0%,#0000 45%),radial-gradient(circle at 85% 80%,#3b82f60d 0%,#0000 45%),linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:24px;display:flex;position:fixed;inset:0;overflow-y:auto}.login-card{-webkit-backdrop-filter:blur(24px)saturate(140%);backdrop-filter:blur(24px)saturate(140%);text-align:center;color:#1e293b;background:#ffffffbf;border:1px solid #fff9;border-radius:24px;width:100%;max-width:440px;padding:48px 40px;transition:all .3s;box-shadow:0 20px 40px -15px #0f172a1a,0 0 40px #10b98105}.login-logo{background:#10b98114;border:1px solid #10b98126;border-radius:16px;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:24px;transition:transform .3s;display:inline-flex;overflow:hidden;box-shadow:0 8px 24px #10b9811a}.login-logo:hover{transform:scale(1.05)}.login-logo img{object-fit:cover;width:100%;height:100%}.login-logo svg{width:36px;height:36px;fill:var(--primary-color)}.login-pre-title{letter-spacing:.25em;color:var(--primary-hover);text-transform:uppercase;margin-bottom:8px;font-size:10px;font-weight:700}.login-title{color:#0f172a;letter-spacing:-.03em;margin-bottom:10px;font-size:26px;font-weight:700}.login-subtitle{color:#475569;margin-bottom:36px;font-size:14px;line-height:1.5}.login-form-group{text-align:left;flex-direction:column;gap:8px;margin-bottom:22px;display:flex}.login-form-group label{color:#cbd5e1;letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:600;display:block}.login-input-wrapper{align-items:center;display:flex;position:relative}.login-input{outline:none;width:100%;height:48px;transition:all .2s;color:#0f172a!important;background:#fff9!important;border:1px solid #cbd5e1!important;border-radius:12px!important;padding:12px 44px!important;font-size:14px!important}.login-input::placeholder{color:#94a3b8}.login-input:focus{border-color:var(--primary-color)!important;background:#fff!important;box-shadow:0 0 0 3px #10b98126!important}.login-input-left-icon{color:#64748b;pointer-events:none;z-index:10;justify-content:center;align-items:center;display:flex;position:absolute;left:14px}.login-input-left-icon svg{stroke:currentColor;stroke-width:2px;fill:none;width:18px;height:18px}.password-requirements{text-align:left;background:#fff6;border:1px solid #00000008;border-radius:12px;flex-direction:column;gap:8px;margin-top:14px;margin-bottom:24px;padding:16px;display:flex}.requirement-item{color:#64748b;align-items:center;gap:8px;font-size:12px;transition:all .2s;display:flex}.requirement-item.met{color:#059669}.requirement-icon{stroke:currentColor;stroke-width:3px;fill:none;opacity:.5;width:14px;height:14px;transition:transform .2s}.requirement-item.met .requirement-icon{opacity:1;transform:scale(1.1)}.login-input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#0f172a!important;box-shadow:inset 0 0 0 1000px #f8fafc!important}.login-input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#0f172a!important;box-shadow:inset 0 0 0 1000px #f8fafc!important}.login-input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#0f172a!important;box-shadow:inset 0 0 0 1000px #f8fafc!important}.login-input:-webkit-autofill:active{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#0f172a!important;box-shadow:inset 0 0 0 1000px #f8fafc!important}.login-input-icon{color:#64748b;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:color .2s;display:flex;position:absolute;right:14px}.login-input-icon:hover{color:#475569}.login-input-icon svg{stroke:currentColor;stroke-width:2px;fill:none;width:20px;height:20px}.login-remember-row{justify-content:space-between;align-items:center;margin-top:18px;margin-bottom:32px;font-size:13px;display:flex}.login-checkbox-label{color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-weight:500;display:flex}.login-checkbox-label input[type=checkbox]{accent-color:var(--primary-color);cursor:pointer;border-radius:4px;width:16px;height:16px}.login-forgot-link{color:var(--primary-color);font-weight:600;text-decoration:none;transition:all .2s}.login-forgot-link:hover{color:var(--primary-hover);opacity:.9}.login-btn{background:linear-gradient(135deg, var(--primary-color), var(--primary-hover));color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;height:48px;font-size:14px;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 14px #10b98140}.login-btn:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 6px 18px #10b98159}.login-btn:active{transform:translateY(0)}.login-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.login-error-alert{color:#dc2626;text-align:left;background:#ef44440d;border:1px solid #ef444426;border-radius:12px;align-items:flex-start;gap:10px;margin-bottom:28px;padding:14px;font-size:13px;font-weight:500;line-height:1.4;display:flex}.login-error-alert svg{stroke:#f87171;stroke-width:2px;fill:none;flex-shrink:0;width:18px;height:18px;margin-top:1px}.login-success-alert{color:#34d399;text-align:left;background:#10b98114;border:1px solid #10b98126;border-radius:12px;margin-bottom:28px;padding:14px;font-size:13px;font-weight:500;line-height:1.4}@keyframes spin{to{transform:rotate(360deg)}}tbody tr.selected-row{background-color:#4361ee14!important}.dark-theme tbody tr.selected-row{background-color:#4361ee26!important}:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--radius-control:8px;--radius-panel:12px;--shadow-focus:0 0 0 3px rgba(var(--primary-rgb), .18);--shadow-card-premium:0 1px 2px #1018280a, 0 12px 32px #1018280f;--shadow-card-hover:0 20px 45px #1018281c}body{letter-spacing:0;text-rendering:optimizelegibility}:focus-visible{outline:2px solid var(--primary-color);outline-offset:3px}.content-body,.content-scroll-area{background:radial-gradient(circle at top right, rgba(var(--primary-rgb), .07), transparent 30%), var(--bg-body)}.top-navbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background-color:color-mix(in srgb, var(--bg-navbar) 88%, transparent)}.breadcrumbs{letter-spacing:0}.search-container input,.form-input,.form-select,.form-group textarea,.login-input{border-color:var(--border-color);min-height:42px;border-radius:var(--radius-control)!important}.search-container input:focus,.form-input:focus,.form-select:focus,.form-group textarea:focus,.login-input:focus{box-shadow:var(--shadow-focus)!important}.btn-primary,.btn-secondary,.login-btn,.btn-page,.btn-action-icon,.nav-action-btn,.btn-toggle-menu{border-radius:var(--radius-control);transition:transform .16s,box-shadow .16s,background-color .16s,border-color .16s,color .16s,opacity .16s}.btn-primary,.login-btn{letter-spacing:.01em;min-height:42px;font-weight:700}.btn-primary:hover,.login-btn:hover{box-shadow:0 12px 24px rgba(var(--primary-rgb), .22);transform:translateY(-1px)}.btn-primary:active,.btn-secondary:active,.login-btn:active,.btn-page:active,.btn-action-icon:active{transform:translateY(1px)}button:disabled,.btn-page:disabled,.btn-page.disabled{opacity:.52;cursor:not-allowed!important;box-shadow:none!important;transform:none!important}aside{box-shadow:1px 0 #10182808}.sidebar-header{height:var(--navbar-height);min-height:var(--navbar-height);border-bottom:1px solid var(--border-color);background:var(--bg-sidebar);align-items:center;display:flex}.sidebar-header .sidebar-logo{border-bottom:0;flex:1;height:100%;min-height:0;padding:0 12px 0 20px}.sidebar-header-collapse{flex:none;width:32px;height:32px;margin-right:12px}.top-navbar{height:var(--navbar-height);min-height:var(--navbar-height);box-sizing:border-box;padding:0 28px}.nav-left{gap:16px}.search-container{width:280px}.search-container:focus-within{width:320px}.search-container input{background:color-mix(in srgb, var(--bg-input) 94%, var(--bg-body));height:40px;min-height:40px;padding:0 14px 0 42px;font-size:14px;font-weight:500;border-radius:12px!important}.search-container svg{width:18px;height:18px;stroke:var(--text-muted);stroke-width:2px;fill:none;left:15px}.search-container input::placeholder{color:var(--text-muted);opacity:.78}.nav-user-avatar{width:34px;height:34px;margin:0 3px}.nav-avatar-btn:hover .nav-user-avatar{border-color:var(--primary-color)}.sidebar-collapsed .sidebar-header{justify-content:center}.sidebar-collapsed .sidebar-header .sidebar-logo{flex:none;width:40px;padding:0}.sidebar-collapsed .sidebar-header-collapse{border:1px solid var(--border-color);background:var(--bg-sidebar);width:32px;height:32px;box-shadow:var(--shadow-sm);border-radius:50%;margin:0;position:absolute;top:16px;right:-16px}.menu-item,.submenu-item{border-radius:var(--radius-control);min-height:38px}.menu-item{border:1px solid #0000;width:100%}.menu-item:hover,.submenu-item:hover{transform:translate(2px)}.menu-label{margin-top:8px}.nav-action-btn:hover,.btn-action-icon:hover{transform:translateY(-1px)}.view-header{align-items:flex-start;gap:16px}.view-title{letter-spacing:-.02em;font-size:clamp(20px,2vw,26px)}.view-title:after{content:"";background:var(--primary-gradient);border-radius:999px;width:42px;height:3px;margin-top:10px;display:block}.filter-card,.table-card,.settings-section-card,.analytics-card,.count-card{border-radius:var(--radius-panel);border-color:color-mix(in srgb, var(--border-color) 84%, transparent);box-shadow:var(--shadow-card-premium)}.filter-card{background:color-mix(in srgb, var(--bg-card) 94%, var(--primary-light))}.filter-grid{align-items:end;gap:18px}.filter-item label,.form-group label,.login-form-group label{letter-spacing:.01em}.table-card{overflow:clip}.table-card-header{background:color-mix(in srgb, var(--bg-card) 92%, var(--bg-body))}.table-responsive{scrollbar-width:thin}table{font-size:13px}thead{z-index:1;background:color-mix(in srgb, var(--bg-body) 92%, var(--bg-card));position:sticky;top:0}th{letter-spacing:.08em;font-size:11px}th,td{vertical-align:middle;padding:16px 20px}tbody tr{background:var(--bg-card)}tbody tr:hover{background-color:color-mix(in srgb, var(--primary-light) 42%, var(--bg-card))}.user-info-td{gap:12px}.user-name{color:var(--text-main);font-weight:700}.user-email{color:var(--text-muted)}.badge{letter-spacing:.04em;border-radius:999px;min-height:24px}.toggle-switch{filter:drop-shadow(0 1px 2px #10182814)}.action-buttons-wrap{gap:8px}.btn-action-icon{border:1px solid var(--border-color);background:var(--bg-card);width:34px;height:34px}.table-pagination-footer{background:color-mix(in srgb, var(--bg-card) 92%, var(--bg-body));gap:16px}.pagination-controls{flex-wrap:wrap;gap:6px}.btn-page{min-width:34px;height:34px}.sales-cards-grid,.count-cards-grid,.analytics-grid{gap:20px}.gradient-card{box-shadow:var(--shadow-card-premium);border-radius:18px}.gradient-card:hover,.count-card:hover,.analytics-card:hover{box-shadow:var(--shadow-card-hover)}.card-title,.count-label,.analytics-card-title,.table-card-title{letter-spacing:.01em}.card-amount{letter-spacing:-.03em}.drawer-overlay,.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.drawer-container,.modal-container{box-shadow:-28px 0 70px #10182829}.drawer-header,.drawer-footer,.modal-header,.modal-footer{background:color-mix(in srgb, var(--bg-card) 90%, var(--bg-body))}.drawer-title,.modal-title{letter-spacing:-.01em}.drawer-tabs{gap:18px}.drawer-tab-btn{border-radius:0;min-height:38px}.image-uploader-box{border-radius:var(--radius-panel)}.image-uploader-box:hover{transform:translateY(-1px)}#toast-container{gap:12px}.toast{border:1px solid var(--border-color);border-left:4px solid var(--primary-color);border-radius:var(--radius-panel)}.toast-error{border-left-color:var(--bg-badge-cancelled-text)}.admin-toast-region{z-index:9999;flex-direction:column;gap:12px;display:flex;position:fixed;bottom:24px;right:24px}.premium-empty-state{text-align:center;color:var(--text-muted);padding:48px 24px}.premium-empty-state-icon{background:var(--primary-light);width:44px;height:44px;color:var(--primary-color);border-radius:14px;place-items:center;margin:0 auto 14px;display:grid}.skeleton-line,.skeleton-block{background:color-mix(in srgb, var(--border-color) 72%, transparent);border-radius:var(--radius-control);position:relative;overflow:hidden}.skeleton-line:after,.skeleton-block:after{content:"";background:linear-gradient(90deg,#0000,#ffffff8c,#0000);animation:1.4s infinite adminShimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes adminShimmer{to{transform:translate(100%)}}.admin-not-found{min-height:min(560px, calc(100vh - var(--navbar-height) - 80px));place-items:center;display:grid}.admin-not-found .premium-empty-state{border:1px solid var(--border-color);border-radius:var(--radius-card);background:var(--bg-card);width:min(520px,100%);box-shadow:var(--shadow-card-premium)}.admin-not-found .premium-empty-state-icon{width:auto;min-width:64px;padding:0 14px;font-weight:800}.login-screen-container,.reset-password-page{background:radial-gradient(circle at 16% 10%, color-mix(in srgb, var(--primary-color) 12%, transparent), transparent 26%), linear-gradient(180deg, var(--bg-body), color-mix(in srgb, var(--bg-body) 86%, var(--primary-light)))}.login-card,.reset-password-card,.settings-section,.settings-card{border:1px solid var(--border-color);border-radius:var(--radius-card);background:var(--bg-card);box-shadow:var(--shadow-card-premium)}.settings-section,.settings-card{padding:clamp(20px,2.5vw,28px)}.settings-grid,.settings-form-grid{gap:18px}.logo-preview-box,.invoice-preview,.contact-message-card{border:1px solid var(--border-color);border-radius:var(--radius-panel);background:color-mix(in srgb, var(--bg-card) 92%, var(--bg-body));box-shadow:0 1px 2px #1018280a}.invoice-modal-content,.contact-modal-content{color:var(--text-dark)}.table-card,.view-panel,.drawer-container,.modal-container{transition:box-shadow .18s,border-color .18s}.filter-bar,.filter-panel,.table-toolbar{border-radius:var(--radius-panel)}.nav-action-btn,.btn-toggle-menu,.btn-action-icon,.btn-page,.drawer-tab-btn{-webkit-tap-highlight-color:transparent}.nav-action-btn:focus-visible,.btn-toggle-menu:focus-visible,.btn-action-icon:focus-visible,.btn-page:focus-visible,.drawer-tab-btn:focus-visible{outline:3px solid color-mix(in srgb, var(--primary-color) 28%, transparent);outline-offset:3px}@media (width<=768px){.top-navbar{height:auto;min-height:var(--navbar-height);flex-wrap:wrap;gap:12px;padding:12px 16px}.nav-left,.nav-right{justify-content:space-between;width:100%}.search-container{order:3;width:100%}.view-actions,.table-toolbar-actions{flex-wrap:wrap;width:100%}.btn-primary,.btn-secondary{justify-content:center}th,td{padding:14px 16px}.drawer-container{width:100%;max-width:100vw}.table-pagination-footer{flex-direction:column;align-items:flex-start}}@media (width<=520px){.nav-profile-group{display:none!important}.sales-cards-grid,.count-cards-grid{grid-template-columns:1fr}}:root{--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:12px;--shadow-sm:0 1px 2px 0 #0f172a0d;--shadow-md:0 4px 6px -1px #0f172a0d, 0 2px 4px -2px #0f172a0d;--shadow-lg:0 10px 15px -3px #0f172a0a, 0 4px 6px -4px #0f172a0a;--shadow-premium:0 20px 25px -5px #0f172a0d, 0 10px 10px -5px #0f172a0a}.details-grid-container{grid-template-columns:2.2fr 1fr;align-items:start;gap:24px;width:100%;display:grid}@media (width<=1024px){.details-grid-container{grid-template-columns:1fr}}.details-main-panel,.details-sidebar-panel{flex-direction:column;gap:20px;display:flex}.detail-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-fast);padding:24px}.detail-card-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:16px;display:flex}.detail-card-title{color:var(--text-main);font-size:15px;font-weight:600}.detail-card-subtitle{color:var(--text-muted);margin-top:4px;font-size:12px}.info-row-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.info-item{flex-direction:column;gap:4px;display:flex}.info-label{text-transform:uppercase;color:var(--text-light);letter-spacing:.5px;font-size:11px;font-weight:600}.info-value{color:var(--text-main);font-size:13.5px;font-weight:500}.form-section-title{color:var(--text-main);border-left:3px solid var(--primary-color);margin-bottom:12px;padding-left:8px;font-size:14px;font-weight:600}.tags-container{border:1px solid var(--border-color);background-color:var(--bg-input);border-radius:var(--radius-md);flex-wrap:wrap;align-items:center;gap:6px;min-height:42px;padding:8px;display:flex}.tag-pill{background-color:var(--primary-light);color:var(--primary-color);border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-flex}.tag-pill-close{color:var(--primary-color);cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;line-height:1}.tags-input-field{min-width:120px;color:var(--text-main);font-family:var(--font-sans);background:0 0;border:none;outline:none;flex:1;font-size:13px}.badge{text-transform:capitalize;letter-spacing:0;border-radius:6px;align-items:center;padding:4px 8px;font-size:11px;font-weight:600;display:inline-flex}.dense-table th,.dense-table td{padding:10px 12px;font-size:12px}.breadcrumbs-nav{color:var(--text-muted);align-items:center;gap:8px;margin-bottom:12px;font-size:13px;display:flex}.breadcrumbs-nav a{color:var(--text-muted);transition:color var(--transition-fast);text-decoration:none}.breadcrumbs-nav a:hover{color:var(--primary-color)}.breadcrumbs-separator{color:var(--text-light)}.breadcrumbs-current{color:var(--text-main);font-weight:500}.detail-page-header{border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:18px;display:flex}.detail-page-title-area{flex-direction:column;display:flex}.detail-page-title{letter-spacing:-.5px;color:var(--text-main);font-size:22px;font-weight:700}.detail-page-actions{gap:12px;display:flex}.sticky-action-bar{z-index:80;background-color:var(--bg-card);border-top:1px solid var(--border-color);justify-content:flex-end;gap:12px;margin-top:32px;padding:16px 32px;display:flex;position:sticky;bottom:0;left:0;right:0;box-shadow:0 -4px 10px #00000008}.dark-theme .sticky-action-bar{background-color:var(--bg-sidebar)}.bulk-actions-toolbar{background:var(--primary-light);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:12px 24px;animation:.2s slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.bulk-actions-count{color:var(--primary-color);font-size:14px;font-weight:600}.bulk-actions-buttons{gap:8px;display:flex}.btn-bulk-action{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-main);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;display:inline-flex}.btn-bulk-action:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--primary-color)}.btn-bulk-action.danger{color:#dc2626;border-color:#fecaca}.btn-bulk-action.danger:hover:not(:disabled){background:#fef2f2;border-color:#dc2626}.btn-bulk-action:disabled{opacity:.5;cursor:not-allowed}.sortable-header{-webkit-user-select:none;user-select:none;transition:background-color var(--transition-fast)}.sortable-header:hover{background-color:var(--bg-card-hover)}.th-content{justify-content:space-between;align-items:center;gap:8px;display:flex}.sort-icon{color:var(--text-muted);opacity:.5;transition:opacity var(--transition-fast);font-size:12px}.sortable-header:hover .sort-icon{opacity:1}.table-sticky-header{max-height:600px;overflow-y:auto}.table-sticky-header thead th{background:var(--bg-card);z-index:10;box-shadow:0 1px 0 var(--border-color);position:sticky;top:0}.table-zebra tbody tr:nth-child(2n){background-color:#00000005}.dark-theme .table-zebra tbody tr:nth-child(2n){background-color:#ffffff05}.table-responsive table tbody tr.row-hover{background-color:var(--bg-card-hover)!important}.table-responsive table tbody tr.row-selected{background-color:var(--primary-light)!important}.skeleton{background:linear-gradient(90deg, var(--bg-card-hover) 25%, #ffffff80 50%, var(--bg-card-hover) 75%);background-size:200% 100%;border-radius:4px;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{width:100%;max-width:200px;height:16px}.skeleton-checkbox{border-radius:3px;width:18px;height:18px}@media (width<=768px){.bulk-actions-toolbar{flex-direction:column;align-items:flex-start;gap:12px}.bulk-actions-buttons{flex-wrap:wrap;width:100%}.btn-bulk-action{flex:1;min-width:120px}}.advanced-search-wrapper{width:100%;max-width:500px;position:relative}.advanced-search-container{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-fast);align-items:center;padding:0 12px;display:flex;position:relative}.advanced-search-container:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light)}.search-icon{color:var(--text-muted);align-items:center;margin-right:8px;display:flex}.advanced-search-input{color:var(--text-main);background:0 0;border:none;outline:none;flex:1;padding:12px 0;font-size:14px}.advanced-search-input::placeholder{color:var(--text-light)}.search-loading-indicator{align-items:center;margin-left:8px;display:flex}.spinner-small{border:2px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin}.search-clear-btn{color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.search-clear-btn:hover{background:var(--bg-card-hover);color:var(--text-main)}.search-shortcut-hint{color:var(--text-light);align-items:center;gap:2px;margin-left:8px;font-size:11px;display:flex}.search-shortcut-hint kbd{background:var(--bg-card-hover);border:1px solid var(--border-color);border-radius:4px;padding:2px 6px;font-family:monospace;font-size:10px}.recent-searches-dropdown{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:50;max-height:300px;animation:.2s fadeInDown;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.recent-searches-header{border-bottom:1px solid var(--border-color);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;justify-content:space-between;align-items:center;padding:12px 16px;font-size:12px;font-weight:600;display:flex}.clear-recent-btn{color:var(--primary-color);cursor:pointer;transition:background-color var(--transition-fast);background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:500}.clear-recent-btn:hover{background:var(--primary-light)}.recent-searches-list{margin:0;padding:0;list-style:none}.recent-search-item{width:100%;color:var(--text-main);text-align:left;cursor:pointer;transition:background-color var(--transition-fast);background:0 0;border:none;align-items:center;gap:12px;padding:12px 16px;font-size:14px;display:flex}.recent-search-item:hover{background:var(--bg-card-hover)}.recent-search-item svg{color:var(--text-muted);flex-shrink:0}.recent-search-item span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}@media (width<=768px){.advanced-search-wrapper{max-width:100%}.search-shortcut-hint{display:none}}.enhanced-toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:12px;display:flex;position:fixed;top:24px;right:24px}.enhanced-toast{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);min-width:320px;max-width:420px;box-shadow:var(--shadow-lg);pointer-events:all;align-items:flex-start;gap:12px;padding:16px;animation:.3s cubic-bezier(.4,0,.2,1) toastSlideIn;display:flex}.enhanced-toast-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.enhanced-toast-success{border-left:4px solid #10b981}.enhanced-toast-success .enhanced-toast-icon{color:#059669;background:#d1fae5}.enhanced-toast-error{border-left:4px solid #ef4444}.enhanced-toast-error .enhanced-toast-icon{color:#dc2626;background:#fee2e2}.enhanced-toast-warning{border-left:4px solid #f59e0b}.enhanced-toast-warning .enhanced-toast-icon{color:#d97706;background:#fef3c7}.enhanced-toast-info{border-left:4px solid #3b82f6}.enhanced-toast-info .enhanced-toast-icon{color:#2563eb;background:#dbeafe}.dark-theme .enhanced-toast-success .enhanced-toast-icon{color:#34d399;background:#05966933}.dark-theme .enhanced-toast-error .enhanced-toast-icon{color:#f87171;background:#dc262633}.dark-theme .enhanced-toast-warning .enhanced-toast-icon{color:#fbbf24;background:#d9770633}.dark-theme .enhanced-toast-info .enhanced-toast-icon{color:#60a5fa;background:#2563eb33}.enhanced-toast-content{flex:1;min-width:0}.enhanced-toast-message{color:var(--text-main);margin:0;font-size:14px;font-weight:500;line-height:1.5}.enhanced-toast-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.enhanced-toast-undo-btn{border:1px solid var(--primary-color);color:var(--primary-color);cursor:pointer;transition:all var(--transition-fast);background:0 0;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:600}.enhanced-toast-undo-btn:hover{background:var(--primary-light)}.enhanced-toast-close-btn{color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.enhanced-toast-close-btn:hover{background:var(--bg-card-hover);color:var(--text-main)}@media (width<=768px){.enhanced-toast-container{top:16px;left:16px;right:16px}.enhanced-toast{min-width:unset;max-width:unset;width:100%}}.filter-chips-container{background:var(--primary-light);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:16px;padding:16px 24px;display:flex}.filter-chips-label{color:var(--primary-color);white-space:nowrap;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.filter-chips-list{flex-wrap:wrap;flex:1;gap:8px;display:flex}.filter-chip{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;animation:.2s chipSlideIn;display:inline-flex}@keyframes chipSlideIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.filter-chip-label{color:var(--text-muted);font-weight:600}.filter-chip-value{color:var(--text-main);font-weight:500}.filter-chip-remove{color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:2px;display:flex}.filter-chip-remove:hover{background:var(--bg-card-hover);color:var(--text-main)}.filter-chips-clear-all{border:1px solid var(--primary-color);color:var(--primary-color);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);background:0 0;border-radius:20px;padding:6px 16px;font-size:13px;font-weight:600}.filter-chips-clear-all:hover{background:var(--primary-color);color:#fff}.filter-stats{background:var(--bg-card-hover);border-radius:var(--radius-sm);align-items:baseline;gap:6px;padding:8px 16px;display:inline-flex}.filter-stats-active{background:var(--primary-light)}.filter-stats-count{color:var(--text-main);font-size:20px;font-weight:700}.filter-stats-active .filter-stats-count{color:var(--primary-color)}.filter-stats-label{color:var(--text-muted);font-size:13px}@media (width<=768px){.filter-chips-container{flex-direction:column;align-items:flex-start;gap:12px}.filter-chips-list,.filter-chips-clear-all{width:100%}}.genealogy-tree-container{gap:24px;height:calc(100vh - 200px);display:flex}.genealogy-tree-header{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);justify-content:space-between;align-items:center;margin-bottom:16px;padding:16px 24px;display:flex}.genealogy-tree-header h3{color:var(--text-main);margin:0;font-size:18px;font-weight:600}.genealogy-tree-controls{gap:8px;display:flex}.btn-sm{padding:6px 12px;font-size:13px}.genealogy-tree-view{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);flex:1;padding:24px;overflow:auto}.tree-node{margin-left:24px;position:relative}.tree-node:first-child{margin-left:0}.tree-node-card{background:var(--bg-card);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;min-width:280px;max-width:320px;transition:all var(--transition-fast);align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex;position:relative}.tree-node-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.tree-node-selected{border-color:var(--primary-color);background:var(--primary-light);box-shadow:var(--shadow-md)}.tree-node-depth-0 .tree-node-card{border-width:3px;border-color:var(--primary-color)}.tree-node-depth-1 .tree-node-card{background:rgba(var(--primary-rgb), .03)}.tree-node-avatar{flex-shrink:0;position:relative}.tree-node-avatar img{object-fit:cover;border:2px solid var(--border-color);border-radius:50%;width:48px;height:48px}.tree-node-avatar-placeholder{background:var(--primary-color);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;font-weight:700;display:flex}.tree-node-rank-badge{border:2px solid var(--border-color);background:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;display:flex;position:absolute;bottom:-4px;right:-4px}.tree-node-info{flex:1;min-width:0}.tree-node-name{color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px;font-size:14px;font-weight:600;overflow:hidden}.tree-node-id{color:var(--text-muted);margin-bottom:4px;font-size:11px}.tree-node-stats{color:var(--text-muted);gap:12px;margin-bottom:4px;font-size:11px;display:flex}.tree-node-status{text-transform:uppercase;border-radius:10px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-block}.tree-node-status.status-active{color:#059669;background:#d1fae5}.tree-node-status.status-inactive{color:#6b7280;background:#f3f4f6}.dark-theme .tree-node-status.status-active{color:#34d399;background:#05966933}.dark-theme .tree-node-status.status-inactive{color:#9ca3af;background:#6b728033}.tree-node-toggle{background:var(--bg-card-hover);border:1px solid var(--border-color);cursor:pointer;width:28px;height:28px;transition:all var(--transition-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.tree-node-toggle:hover{background:var(--primary-light);border-color:var(--primary-color);color:var(--primary-color)}.tree-node-count-badge{background:var(--primary-color);color:#fff;min-width:24px;height:24px;box-shadow:var(--shadow-md);border-radius:12px;justify-content:center;align-items:center;padding:0 6px;font-size:11px;font-weight:700;display:flex;position:absolute;top:-8px;right:-8px}.tree-node-children{border-left:2px dashed var(--border-color);margin-left:40px;padding-left:16px;position:relative}.tree-node-children:before{content:"";background:var(--border-color);width:2px;height:24px;position:absolute;top:0;left:-2px}.genealogy-member-details-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-direction:column;flex-shrink:0;width:320px;max-height:calc(100vh - 200px);display:flex;overflow:hidden}.genealogy-member-details-panel .panel-header{border-bottom:1px solid var(--border-color);background:var(--primary-light);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.genealogy-member-details-panel .panel-header h4{color:var(--text-main);margin:0;font-size:16px;font-weight:600}.genealogy-member-details-panel .panel-content{flex:1;padding:20px;overflow-y:auto}.detail-row{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.detail-row:last-child{border-bottom:none}.detail-label{color:var(--text-muted);font-size:13px;font-weight:600}.detail-value{color:var(--text-main);text-align:right;font-size:14px;font-weight:500}.genealogy-tree-empty{text-align:center;color:var(--text-muted);padding:60px 20px;font-size:16px}@media (width<=1024px){.genealogy-tree-container{flex-direction:column}.genealogy-member-details-panel{width:100%;max-height:400px}.tree-node-card{max-width:100%}}.commission-dashboard{width:100%}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-bottom:24px;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-fast);align-items:flex-start;gap:16px;padding:24px;display:flex}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.stat-card-primary .stat-icon{color:#10b981;background:#10b9811a}.stat-card-warning .stat-icon{color:#f59e0b;background:#f59e0b1a}.stat-card-success .stat-icon{color:#22c55e;background:#22c55e1a}.stat-card-info .stat-icon{color:#3b82f6;background:#3b82f61a}.stat-content{flex:1;min-width:0}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:13px;font-weight:500}.stat-value{color:var(--text-main);margin-bottom:6px;font-size:28px;font-weight:700;line-height:1}.stat-change{border-radius:12px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;font-weight:600;display:inline-flex}.stat-change.positive{color:#22c55e;background:#22c55e1a}.stat-change.negative{color:#ef4444;background:#ef44441a}.stat-subtitle{color:var(--text-muted);margin-top:4px;font-size:12px}.commission-tabs{background:var(--bg-card-hover);border-radius:var(--radius-md);gap:4px;margin-bottom:24px;padding:4px;display:flex}.commission-tab{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex:1;padding:10px 16px;font-size:14px;font-weight:500}.commission-tab:hover{background:var(--bg-card);color:var(--text-main)}.commission-tab.active{background:var(--primary-color);color:#fff;box-shadow:var(--shadow-sm)}.commission-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:24px}.commission-chart-card{margin-bottom:24px}.chart-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.chart-header h3{color:var(--text-main);margin:0;font-size:18px;font-weight:600}.chart-container{position:relative}.quick-stats-grid{background:var(--bg-card-hover);border-radius:var(--radius-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;padding:20px;display:grid}.quick-stat-item{text-align:center;padding:16px}.quick-stat-label{color:var(--text-muted);margin-bottom:8px;font-size:13px;font-weight:500}.quick-stat-value{color:var(--primary-color);font-size:24px;font-weight:700}.breakdown-card{max-width:600px;margin:0 auto}.breakdown-card h4{color:var(--text-main);margin-bottom:20px;font-size:18px;font-weight:600}.breakdown-list{flex-direction:column;gap:12px;display:flex}.breakdown-item{background:var(--bg-card-hover);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;padding:16px;display:flex}.breakdown-label{color:var(--text-main);align-items:center;gap:10px;font-size:14px;font-weight:500;display:flex}.breakdown-bullet{border-radius:50%;flex-shrink:0;width:12px;height:12px}.breakdown-amount{color:var(--text-main);font-size:16px;font-weight:700}.breakdown-total{background:var(--primary-light);border:2px solid var(--primary-color);margin-top:8px}.breakdown-total .breakdown-label{font-size:16px;font-weight:700}.breakdown-total .breakdown-amount{color:var(--primary-color);font-size:20px}@media (width<=768px){.stats-grid{grid-template-columns:1fr}.commission-tabs{flex-direction:column}.stat-card{text-align:center;flex-direction:column}.stat-icon{margin:0 auto}.quick-stats-grid{grid-template-columns:1fr}}.orders-filter-grid{grid-template-columns:minmax(190px,1.35fr) repeat(3,minmax(150px,1fr)) auto;align-items:end;gap:12px}@media (width<=1200px){.orders-filter-grid{grid-template-columns:repeat(3,minmax(150px,1fr))}}@media (width<=768px){.orders-filter-grid{grid-template-columns:repeat(2,minmax(140px,1fr))}}@media (width<=480px){.orders-filter-grid{grid-template-columns:1fr}}@media (width<=640px){.orders-filter-grid,.orders-filter-grid-owner{grid-template-columns:1fr}.orders-filter-grid .orders-filter-action{grid-column:auto}}.order-detail-flow{flex-direction:column;gap:16px;display:flex}.order-full-width-card{width:100%}.order-customer-grid,.order-information-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 24px;display:grid}.order-customer-grid .order-info-item:last-child{grid-column:span 2}.order-information-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.order-status-control{flex-direction:column;gap:6px;display:flex}.order-status-control .order-status-select{margin-top:0}.order-lower-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;display:grid}.order-lower-grid .order-totals-card{grid-row:span 2}.order-lower-grid .order-address-card{min-height:100%}.order-lower-grid .order-timeline{grid-column:1/-1}.order-lower-grid .order-totals{width:100%}.order-products-table th:first-child,.order-products-table td:first-child{width:90px}.order-products-table .order-item-media{width:52px;height:52px}@media (width<=1000px){.order-information-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=720px){.order-customer-grid,.order-information-grid,.order-lower-grid{grid-template-columns:1fr}.order-customer-grid .order-info-item:last-child{grid-column:auto}.order-lower-grid .order-totals-card{grid-row:auto}.order-lower-grid .order-timeline{grid-column:auto}}.order-detail-grid-modern{grid-template-columns:minmax(0,1.7fr) minmax(300px,.9fr)}.order-detail-grid-modern .order-detail-main,.order-detail-grid-modern .order-detail-sidebar{gap:16px}.order-detail-grid-modern .detail-card{padding:20px}.order-detail-grid-modern .detail-card-header{margin-bottom:14px;padding-bottom:14px}.order-products-table-wrap{overflow-x:auto}.order-products-table{min-width:720px}.order-products-table th{padding:10px 12px;font-size:10px}.order-products-table td{vertical-align:middle;padding:12px;font-size:12px}.order-product-cell{align-items:center;gap:10px;min-width:190px;display:flex}.order-product-cell strong{text-overflow:ellipsis;white-space:nowrap;max-width:190px;overflow:hidden}.order-address-card{display:block}.order-address-full{color:var(--text-main);margin-bottom:16px;font-size:13px;line-height:1.6}.order-address-fields{border-top:1px solid var(--border-color);grid-template-columns:repeat(4,1fr);gap:12px;padding-top:14px;display:grid}.order-address-fields .order-info-value{font-size:12px}.order-totals-card .order-totals{width:100%}@media (width<=900px){.order-detail-grid-modern{grid-template-columns:1fr}}@media (width<=560px){.order-address-fields{grid-template-columns:repeat(2,1fr)}.order-detail-title-row{flex-direction:column;align-items:flex-start;gap:6px}.order-detail-header>button{width:100%}}.nav-user-menu-container{align-items:center;display:flex;position:relative}.nav-avatar-btn{cursor:pointer;background:0 0;border:none;outline:none;align-items:center;padding:4px 2px 4px 8px;display:flex}.nav-account-details{flex-direction:column;align-items:flex-end;margin-right:4px;line-height:1.25;display:flex}.nav-account-details strong{max-width:150px;color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;overflow:hidden}.nav-account-details small{color:var(--text-muted);font-size:10px;font-weight:600}.nav-account-chevron{width:14px;height:14px;stroke:var(--text-muted);stroke-width:2px;fill:none;margin-left:1px}.profile-settings-description{color:var(--text-muted);margin:0 0 20px;font-size:13px}.admin-profile-form{max-width:760px}.profile-avatar-editor{align-items:center;gap:16px;margin-bottom:22px;display:flex}.profile-settings-avatar{object-fit:cover;border:2px solid var(--primary-color);border-radius:50%;width:72px;height:72px}.profile-upload-button{cursor:pointer;display:inline-flex}.profile-avatar-editor p{color:var(--text-muted);margin:7px 0 0;font-size:12px}.profile-settings-actions{justify-content:flex-end;margin-top:22px;display:flex}@media (width<=560px){.nav-account-details,.nav-account-chevron{display:none}.profile-settings-actions .btn-primary{width:100%}}.nav-avatar-btn:focus-visible img{outline:2px solid var(--primary-color);outline-offset:2px}.user-dropdown-menu{background-color:var(--bg-sidebar);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:220px;box-shadow:var(--shadow-lg);z-index:1000;flex-direction:column;padding:6px;animation:.15s dropdownFadeIn;display:flex;position:absolute;top:calc(100% + 8px);right:0}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-user-info{align-items:center;gap:10px;padding:8px;display:flex}.dropdown-user-info .dropdown-avatar{object-fit:cover;border:1.5px solid var(--primary-color);border-radius:50%;width:32px;height:32px}.dropdown-user-details{flex-direction:column;min-width:0;display:flex}.dropdown-user-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.dropdown-user-role{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.dropdown-divider{background-color:var(--border-color);height:1px;margin:6px 0}.dropdown-item{color:var(--text-muted);text-align:left;border-radius:var(--radius-sm);cursor:pointer;width:100%;transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:8px;padding:6px 10px;font-family:inherit;font-size:12.5px;text-decoration:none;display:flex}.dropdown-item:hover{background-color:var(--bg-card-hover);color:var(--text-main)}.dropdown-item svg{stroke:currentColor;stroke-width:2px;fill:none;flex-shrink:0;width:15px;height:15px}.dropdown-logout{color:var(--bg-badge-cancelled-text)}.dropdown-logout:hover{background-color:var(--bg-badge-cancelled-bg);color:var(--bg-badge-cancelled-text)}.content-breadcrumbs{color:var(--text-light);align-items:center;gap:6px;padding:24px 32px 0;font-size:12px;font-weight:500;display:flex}.content-breadcrumbs span{cursor:pointer;transition:color var(--transition-fast)}.content-breadcrumbs span:hover{color:var(--text-main)}.content-breadcrumbs span:last-child{color:var(--text-muted);pointer-events:none}.network-searchbar{z-index:5;margin-bottom:18px;position:relative}.network-searchbar form{background:#fff;border:1px solid #dbe4ef;border-radius:10px;align-items:center;gap:10px;height:46px;padding:0 10px 0 15px;display:flex;box-shadow:0 2px 8px #0f172a0a}.network-searchbar form svg{color:#64748b;flex:none}.network-searchbar input{color:#172033;background:0 0;border:0;outline:0;flex:1;min-width:0;font:500 13px inherit}.network-search-results{background:#fff;border:1px solid #dbe4ef;border-radius:10px;width:min(560px,100%);max-height:360px;padding:6px;position:absolute;top:52px;left:0;overflow:auto;box-shadow:0 16px 32px #0f172a24}.network-search-results button{text-align:left;color:#243047;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;width:100%;padding:9px;display:flex}.network-search-results button:hover{background:#f1f5f9}.network-search-results>button>span{color:#4338ca;background:#e0e7ff;border-radius:50%;place-items:center;width:28px;height:28px;font-size:10px;font-weight:800;display:grid}.network-search-results b,.network-search-results small{display:block}.network-search-results b{font-size:12px}.network-search-results small{color:#738198;margin-top:2px;font-size:11px}.network-workspace{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:18px;display:grid}.network-canvas-card,.network-details-panel{background:#fff;border:1px solid #dbe4ef;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0f172a09}.network-canvas-card:fullscreen{background:#f8fafc;padding:20px}.network-toolbar{border-bottom:1px solid #e6edf5;justify-content:space-between;align-items:center;gap:12px;height:52px;padding:0 12px 0 16px;display:flex}.network-toolbar-label{white-space:nowrap;color:#26354e;align-items:center;gap:8px;font-size:13px;font-weight:750;display:flex}.network-toolbar-label svg{color:#536dfd}.network-toolbar-label span{color:#8491a6;border-left:1px solid #dce5ef;padding-left:8px;font-size:11px;font-weight:600}.network-toolbar-actions{align-items:center;gap:4px;display:flex;overflow:auto}.network-toolbar-actions button,.network-toolbar-actions span{color:#4c5b70;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #dbe4ef;border-radius:6px;height:29px;padding:0 8px;font:650 11px inherit}.network-toolbar-actions span{cursor:default;background:#f8fafc;place-items:center;min-width:44px;display:grid}.network-toolbar-actions button:hover{color:#3d54d9;background:#f5f7ff;border-color:#aebdfd}.network-canvas{background:#f9fbfe;height:650px}.network-node{cursor:pointer;background:#fff;border:1px solid #dbe5f0;border-radius:10px;width:210px;padding:11px;transition:box-shadow .18s,border-color .18s,transform .18s;box-shadow:0 4px 10px #0f172a12}.network-node:hover{border-color:#9baafc;transform:translateY(-1px);box-shadow:0 8px 18px #4259be26}.network-node.is-selected{border:2px solid #536dfe;padding:10px;box-shadow:0 0 0 3px #536dfe24}.network-node-top{align-items:center;gap:8px;min-width:0;display:flex}.network-avatar{object-fit:cover;color:#4254c6;background:#e8edff;border-radius:50%;flex:0 0 31px;place-items:center;width:31px;height:31px;font-size:10px;font-weight:800;display:grid}.network-node-identity{flex:1;min-width:0}.network-node-identity strong,.network-node-identity span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.network-node-identity strong{color:#1e293b;font-size:12px}.network-node-identity span{color:#718096;margin-top:2px;font-size:10px}.network-verified{color:#168447;background:#dcfce7;border-radius:50%;place-items:center;width:16px;height:16px;font-size:11px;font-weight:900;display:grid}.network-node-metrics{color:#718096;border-top:1px solid #edf1f5;gap:14px;margin-top:10px;padding-top:9px;font-size:10px;display:flex}.network-node-metrics b{color:#27364f;padding-left:3px;font-size:11px}.network-node-footer{color:#8a96a8;justify-content:space-between;align-items:center;margin-top:8px;font-size:9.5px;display:flex}.network-status{color:#167344;text-transform:capitalize;background:#ecfdf3;border-radius:999px;align-items:center;gap:4px;padding:2px 6px;font-size:9px;font-weight:800;display:inline-flex}.network-status.blocked,.network-status.inactive,.network-status.suspended{color:#c43636;background:#fef2f2}.network-collapse{z-index:2;color:#fff;cursor:pointer;background:#536dfe;border:2px solid #fff;border-radius:50%;place-items:center;width:22px;height:22px;font-size:16px;line-height:1;display:grid;position:absolute;bottom:-13px;left:50%;transform:translate(-50%)}.network-handle{background:#fff!important;border:2px solid #8b9aff!important;width:7px!important;height:7px!important}.network-details-empty{text-align:center;color:#7b8799;padding:40px 10px;font-size:13px}.network-detail-head{align-items:center;gap:10px;display:flex}.network-detail-head .network-avatar{flex-basis:42px;width:42px;height:42px;font-size:12px}.network-detail-head h2{color:#1e293b;margin:0;font-size:16px}.network-detail-head p{color:#718096;margin:3px 0 0;font-size:11px}.network-detail-verified{color:#167344;background:#dcfce7;border-radius:5px;margin-left:auto;padding:4px 6px;font-size:10px;font-weight:800}.network-detail-status{color:#7b8799;border-top:1px solid #edf1f5;border-bottom:1px solid #edf1f5;justify-content:space-between;align-items:center;margin:16px 0;padding:10px 0;font-size:10px;display:flex}.network-detail-metrics{grid-template-columns:1fr 1fr;gap:8px;margin:0;display:grid}.network-detail-metrics div{background:#f8fafc;border-radius:7px;padding:9px}.network-detail-metrics dt{color:#7b8799;font-size:10px}.network-detail-metrics dd{color:#26354e;margin:4px 0 0;font-size:12px;font-weight:750}.network-detail-section{margin-top:18px}.network-detail-section h3{color:#2b3950;justify-content:space-between;margin:0 0 8px;font-size:12px;display:flex}.network-detail-section h3 span{color:#7b8799}.network-detail-section p{color:#8491a6;font-size:11px}.network-direct-member{text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #edf1f5;align-items:center;gap:8px;width:100%;padding:7px 0;display:flex}.network-direct-member .network-avatar,.network-genealogy-row .network-avatar{flex-basis:25px;width:25px;height:25px;font-size:8px}.network-direct-member>span{color:#34425a;flex:1;font-size:11px;font-weight:700}.network-direct-member small,.network-genealogy-row small{color:#8491a6;margin-top:2px;font-size:9px;font-weight:500;display:block}.network-detail-section.genealogy{border-top:1px solid #edf1f5;padding-top:16px}.network-genealogy-node{margin-left:12px}.network-genealogy-node:first-of-type{margin-left:0}.network-genealogy-row{text-align:left;color:#44536a;cursor:pointer;background:0 0;border:0;border-radius:5px;align-items:center;gap:6px;width:100%;padding:5px 3px;font-size:10px;font-weight:700;display:flex}.network-genealogy-row:hover,.network-genealogy-row.selected{color:#4053c7;background:#eef2ff}.genealogy-toggle{color:#4053c7;background:#e8edff;border-radius:3px;place-items:center;width:15px;height:15px;font-size:13px;display:grid}.genealogy-toggle.empty{background:0 0}.network-loading{color:#718096;justify-content:center;align-items:center;gap:10px;height:420px;font-size:13px;display:flex}.network-view-switch{background:#fff;border:1px solid #dbe4ef;border-radius:9px;gap:3px;margin:-4px 0 16px;padding:4px;display:inline-flex;box-shadow:0 2px 6px #0f172a0a}.network-view-switch button{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:7px;padding:8px 13px;font:700 12px inherit;display:inline-flex}.network-view-switch button.active{color:#4255c9;background:#eef2ff}.network-tree-view{background:#fff;border:1px solid #dbe4ef;border-radius:12px;min-height:650px;overflow:hidden;box-shadow:0 2px 8px #0f172a09}.network-tree-toolbar{border-bottom:1px solid #e6edf5;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.network-tree-toolbar>div:first-child{color:#26354e;align-items:center;gap:8px;font-size:13px;display:flex}.network-tree-toolbar svg{color:#536dfe}.network-tree-toolbar span{color:#8491a6;border-left:1px solid #dce5ef;padding-left:8px;font-size:11px}.network-tree-toolbar button{color:#4c5b70;cursor:pointer;background:#fff;border:1px solid #dbe4ef;border-radius:6px;margin-left:5px;padding:6px 9px;font:650 11px inherit}.network-tree-browser{max-height:598px;padding:13px 16px 20px;overflow:auto}.network-tree-browser>.network-genealogy-node{margin-left:0}.network-tree-browser .network-genealogy-node{border-left:1px solid #e3e9f2}.network-tree-browser .network-genealogy-row{min-height:37px;padding:6px 8px}.network-genealogy-row em{color:#8491a6;white-space:nowrap;margin-left:auto;font-size:10px;font-style:normal;font-weight:600}.network-search-state{color:#8491a6;white-space:nowrap;margin-left:auto;font-size:11px;font-weight:600}.network-search-results button em{color:#8491a6;margin-left:auto;font-size:10px;font-style:normal}.network-tree-browser .network-genealogy-node{border-left:2px solid #dbe4ef;margin-left:18px;padding-left:8px;position:relative}.network-tree-browser .network-genealogy-node:before{content:"";border-top:2px solid #dbe4ef;width:11px;position:absolute;top:22px;left:-2px}.network-tree-browser>.network-genealogy-node{border-left:0;margin-left:0;padding-left:0}.network-tree-browser>.network-genealogy-node:before{display:none}.network-tree-browser .network-genealogy-row{position:relative}.network-tree-browser .network-genealogy-row:hover{background:#f4f6ff}.network-tree-browser .network-genealogy-row.selected{box-shadow:inset 3px 0 #536dfe}.network-tree-browser .genealogy-toggle{z-index:1;background:#f1f4ff;border:1px solid #d8e1ef}.network-tree-browser .network-genealogy-node:last-child{border-left-color:#0000}.network-tree-browser .network-genealogy-node:last-child:after{content:"";background:#fff;width:2px;position:absolute;top:23px;bottom:0;left:-2px}.network-workspace{grid-template-columns:minmax(0,1fr)}.network-details-panel{max-height:none;padding:18px;overflow:visible}.network-detail-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=700px){.network-detail-metrics{grid-template-columns:1fr 1fr}}.network-member-context{color:#718096;align-items:center;gap:18px;margin:-5px 0 16px;padding:0 2px;font-size:11px;display:flex;overflow-x:auto}.network-member-context>span{white-space:nowrap;border-left:1px solid #dfe6ef;padding-left:18px}.network-member-context b{color:#34425a;margin-left:4px;font-weight:750}.network-member-context-name{align-items:center;gap:8px;min-width:180px;display:flex}.network-member-context-name .network-avatar{flex-basis:27px;width:27px;height:27px;font-size:9px}.network-member-context-name strong,.network-member-context-name small{display:block}.network-member-context-name strong{color:#26354e;font-size:12px}.network-member-context-name small{text-overflow:ellipsis;white-space:nowrap;color:#8491a6;max-width:180px;margin-top:2px;font-size:10px;overflow:hidden}@media (width<=700px){.network-member-context{gap:12px;margin-bottom:12px}.network-member-context>span{padding-left:12px}}.mlm-page-header-actions .network-searchbar{width:390px;margin:0}.mlm-page-header-actions .network-searchbar form{height:40px}.mlm-page-header-actions .network-search-results{text-align:left;width:100%;left:auto;right:0}.network-member-context .network-view-switch{flex:none;margin:0 0 0 auto;padding:3px}.network-member-context .network-view-switch button{justify-content:center;width:31px;height:31px;padding:0}.network-member-context .network-view-switch button svg{margin:0}@media (width<=900px){.mlm-page-header-actions .network-searchbar{width:300px}}@media (width<=700px){.mlm-page-header{flex-direction:column}.mlm-page-header-actions,.mlm-page-header-actions .network-searchbar{width:100%}.network-member-context .network-view-switch{margin-left:0}}@media (width<=1100px){.network-workspace{grid-template-columns:1fr}.network-details-panel{max-height:none}.network-canvas{height:560px}}@media (width<=700px){.network-toolbar{flex-direction:column;align-items:flex-start;height:auto;padding:12px}.network-toolbar-actions{width:100%}.network-toolbar-actions button:nth-child(n+7){display:none}.network-canvas{height:480px}.network-searchbar form{height:auto;padding:9px}.network-searchbar input{min-width:120px}.network-detail-metrics{grid-template-columns:1fr 1fr}}:root{--mlm-accent:#6366f1;--mlm-accent-hover:#4f46e5;--mlm-accent-light:#6366f114;--mlm-accent-soft:#6366f124;--mlm-success:#10b981;--mlm-success-light:#10b9811a;--mlm-success-soft:#10b98129;--mlm-warning:#f59e0b;--mlm-warning-light:#f59e0b1a;--mlm-warning-soft:#f59e0b29;--mlm-danger:#ef4444;--mlm-danger-light:#ef44441a;--mlm-danger-soft:#ef444429;--mlm-info:#3b82f6;--mlm-info-light:#3b82f61a;--mlm-level-1:#6366f1;--mlm-level-2:#8b5cf6;--mlm-level-3:#a855f7;--mlm-level-4:#d946ef;--mlm-level-5:#ec4899;--mlm-level-6:#f43f5e;--mlm-level-7:#f97316;--mlm-level-8:#eab308;--mlm-level-9:#22c55e;--mlm-level-10:#14b8a6;--mlm-surface:var(--bg-card,#fff);--mlm-surface-raised:var(--bg-card,#fff);--mlm-surface-hover:var(--bg-card-hover,#f9fafb);--mlm-surface-subtle:#f8fafc;--mlm-border:var(--border-color,#e5e7eb);--mlm-border-light:#0000000a;--mlm-text-primary:var(--text-main,#111827);--mlm-text-secondary:var(--text-muted,#6b7280);--mlm-text-tertiary:var(--text-light,#9ca3af);--mlm-shadow-xs:0 1px 2px #0000000a;--mlm-shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--mlm-shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--mlm-shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000a;--mlm-shadow-card-hover:0 8px 25px -5px #0000001a, 0 4px 10px -6px #0000000f;--mlm-radius-sm:6px;--mlm-radius-md:10px;--mlm-radius-lg:14px;--mlm-radius-xl:20px;--mlm-transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--mlm-transition:.2s cubic-bezier(.4, 0, .2, 1);--mlm-transition-slow:.3s cubic-bezier(.4, 0, .2, 1)}.dark-theme{--mlm-accent-light:#6366f126;--mlm-accent-soft:#6366f138;--mlm-success-light:#10b98126;--mlm-success-soft:#10b98138;--mlm-warning-light:#f59e0b26;--mlm-warning-soft:#f59e0b38;--mlm-danger-light:#ef444426;--mlm-danger-soft:#ef444438;--mlm-info-light:#3b82f626;--mlm-surface-subtle:#ffffff08;--mlm-border-light:#ffffff0f;--mlm-shadow-xs:0 1px 2px #0003;--mlm-shadow-sm:0 1px 3px #00000040, 0 1px 2px #0003;--mlm-shadow-md:0 4px 6px -1px #0000004d, 0 2px 4px -2px #00000040;--mlm-shadow-lg:0 10px 15px -3px #00000059, 0 4px 6px -4px #00000040;--mlm-shadow-card-hover:0 8px 25px -5px #0006, 0 4px 10px -6px #0000004d}@keyframes mlm-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes mlm-slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes mlm-slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes mlm-scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes mlm-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes mlm-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes mlm-countUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.mlm-page{font-family:var(--font-sans);min-height:100%;padding:28px 32px;animation:.3s mlm-fadeIn}.mlm-page-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px;display:flex}.mlm-page-header-left{flex:1;align-items:flex-start;gap:16px;min-width:0;display:flex}.mlm-page-header-icon{border-radius:var(--mlm-radius-md);background:var(--mlm-accent-light);width:44px;height:44px;color:var(--mlm-accent);flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:flex}.mlm-page-header-icon svg{stroke-width:1.8px;width:22px;height:22px}.mlm-page-header-text h1{color:var(--mlm-text-primary);letter-spacing:-.025em;margin:0;font-size:22px;font-weight:700;line-height:1.3}.mlm-page-header-text p{color:var(--mlm-text-secondary);margin-top:4px;font-size:13.5px;line-height:1.5}.mlm-page-header-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.mlm-btn{font-size:13px;font-weight:550;font-family:var(--font-sans);border-radius:var(--mlm-radius-sm);cursor:pointer;transition:all var(--mlm-transition);white-space:nowrap;border:1px solid #0000;align-items:center;gap:7px;padding:8px 16px;line-height:1.4;display:inline-flex}.mlm-btn svg{stroke-width:2px;flex-shrink:0;width:15px;height:15px}.mlm-btn-primary{background:var(--mlm-accent);color:#fff;border-color:var(--mlm-accent)}.mlm-btn-primary:hover{background:var(--mlm-accent-hover);border-color:var(--mlm-accent-hover);box-shadow:0 2px 8px #6366f140}.mlm-btn-secondary{background:var(--mlm-surface);color:var(--mlm-text-primary);border-color:var(--mlm-border)}.mlm-btn-secondary:hover{background:var(--mlm-surface-hover);border-color:var(--mlm-text-tertiary)}.mlm-btn-ghost{color:var(--mlm-text-secondary);background:0 0;border-color:#0000;padding:6px 10px}.mlm-btn-ghost:hover{background:var(--mlm-surface-hover);color:var(--mlm-text-primary)}.mlm-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.mlm-btn-sm{padding:5px 10px;font-size:12px}.mlm-btn-sm svg{width:13px;height:13px}.mlm-kpi-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:28px;display:grid}.mlm-kpi-card{background:var(--mlm-surface);border:1px solid var(--mlm-border);border-radius:var(--mlm-radius-lg);transition:all var(--mlm-transition);align-items:flex-start;gap:16px;padding:20px 22px;animation:.4s backwards mlm-slideUp;display:flex;position:relative;overflow:hidden}.mlm-kpi-card:before{content:"";background:var(--kpi-color,var(--mlm-accent));opacity:0;height:3px;transition:opacity var(--mlm-transition);position:absolute;top:0;left:0;right:0}.mlm-kpi-card:hover{box-shadow:var(--mlm-shadow-card-hover);border-color:#0000;transform:translateY(-1px)}.mlm-kpi-card:hover:before{opacity:1}.mlm-kpi-card:first-child{animation-delay:0s}.mlm-kpi-card:nth-child(2){animation-delay:50ms}.mlm-kpi-card:nth-child(3){animation-delay:.1s}.mlm-kpi-card:nth-child(4){animation-delay:.15s}.mlm-kpi-card:nth-child(5){animation-delay:.2s}.mlm-kpi-card:nth-child(6){animation-delay:.25s}.mlm-kpi-card:nth-child(7){animation-delay:.3s}.mlm-kpi-card:nth-child(8){animation-delay:.35s}.mlm-kpi-icon{border-radius:var(--mlm-radius-md);background:var(--kpi-bg,var(--mlm-accent-light));width:42px;height:42px;color:var(--kpi-color,var(--mlm-accent));flex-shrink:0;justify-content:center;align-items:center;display:flex}.mlm-kpi-icon svg{stroke-width:1.8px;width:20px;height:20px}.mlm-kpi-content{flex:1;min-width:0}.mlm-kpi-label{color:var(--mlm-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:11.5px;font-weight:600;line-height:1}.mlm-kpi-value{color:var(--mlm-text-primary);letter-spacing:-.02em;font-size:22px;font-weight:700;line-height:1.1;animation:.5s backwards mlm-countUp}.mlm-kpi-trend{border-radius:4px;align-items:center;gap:3px;margin-top:6px;padding:2px 6px;font-size:11px;font-weight:600;display:inline-flex}.mlm-kpi-trend.up{color:var(--mlm-success);background:var(--mlm-success-light)}.mlm-kpi-trend.down{color:var(--mlm-danger);background:var(--mlm-danger-light)}.mlm-kpi-trend svg{stroke-width:2.5px;width:12px;height:12px}.mlm-card{background:var(--mlm-surface);border:1px solid var(--mlm-border);border-radius:var(--mlm-radius-lg);animation:.4s backwards mlm-slideUp;overflow:hidden}.mlm-card-header{border-bottom:1px solid var(--mlm-border);justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;display:flex}.mlm-card-header-title{align-items:center;gap:10px;display:flex}.mlm-card-header-title svg{width:18px;height:18px;color:var(--mlm-text-secondary);stroke-width:1.8px}.mlm-card-header-title h3{color:var(--mlm-text-primary);letter-spacing:-.01em;margin:0;font-size:14.5px;font-weight:650}.mlm-card-body{padding:20px 22px}.mlm-card-body-flush{padding:0}.mlm-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.mlm-table{border-collapse:collapse;width:100%;font-size:13px}.mlm-table thead{z-index:2;position:sticky;top:0}.mlm-table thead th{color:var(--mlm-text-secondary);text-transform:uppercase;letter-spacing:.06em;text-align:left;white-space:nowrap;background:var(--mlm-surface-subtle);border-bottom:1px solid var(--mlm-border);-webkit-user-select:none;user-select:none;padding:11px 14px;font-size:11px;font-weight:650}.mlm-table thead th:first-child{padding-left:22px}.mlm-table thead th:last-child{padding-right:22px}.mlm-table tbody tr{transition:background var(--mlm-transition-fast);border-bottom:1px solid var(--mlm-border-light)}.mlm-table tbody tr:last-child{border-bottom:none}.mlm-table tbody tr:hover{background:var(--mlm-surface-hover)}.mlm-table tbody td{color:var(--mlm-text-primary);vertical-align:middle;padding:13px 14px}.mlm-table tbody td:first-child{padding-left:22px}.mlm-table tbody td:last-child{padding-right:22px}.mlm-table .col-right{text-align:right}.mlm-table .col-center{text-align:center}.mlm-table .cell-primary{color:var(--mlm-text-primary);font-weight:550}.mlm-table .cell-secondary{color:var(--mlm-text-secondary);margin-top:2px;font-size:11.5px}.mlm-table .cell-mono{letter-spacing:.02em;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:11.5px}.mlm-table .cell-amount{font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-weight:650}.mlm-table .cell-amount-primary{color:var(--mlm-accent)}.mlm-table .cell-amount-success{color:var(--mlm-success)}.mlm-badge{white-space:nowrap;letter-spacing:.01em;text-transform:capitalize;border-radius:100px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.mlm-badge-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.mlm-badge-completed,.mlm-badge-paid{background:var(--mlm-success-light);color:var(--mlm-success)}.mlm-badge-completed .mlm-badge-dot,.mlm-badge-paid .mlm-badge-dot{background:var(--mlm-success)}.mlm-badge-pending{background:var(--mlm-warning-light);color:#b45309}.dark-theme .mlm-badge-pending{color:var(--mlm-warning)}.mlm-badge-pending .mlm-badge-dot{background:var(--mlm-warning)}.mlm-badge-cancelled,.mlm-badge-rejected{background:var(--mlm-danger-light);color:var(--mlm-danger)}.mlm-badge-cancelled .mlm-badge-dot,.mlm-badge-rejected .mlm-badge-dot{background:var(--mlm-danger)}.mlm-badge-approved{background:var(--mlm-info-light);color:var(--mlm-info)}.mlm-badge-approved .mlm-badge-dot{background:var(--mlm-info)}.mlm-badge-processing{color:#7c3aed;background:#8b5cf61a}.dark-theme .mlm-badge-processing{color:#a78bfa;background:#8b5cf62e}.mlm-badge-processing .mlm-badge-dot{background:#8b5cf6;animation:1.5s ease-in-out infinite mlm-pulse}.mlm-badge-level{background:var(--mlm-accent-light);color:var(--mlm-accent);font-variant-numeric:tabular-nums;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:650}.mlm-toolbar{background:var(--mlm-surface);border:1px solid var(--mlm-border);border-radius:var(--mlm-radius-lg);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;padding:14px 20px;display:flex}.mlm-toolbar-group{flex-direction:column;gap:4px;display:flex}.mlm-toolbar-label{color:var(--mlm-text-tertiary);text-transform:uppercase;letter-spacing:.08em;font-size:10.5px;font-weight:650}.mlm-select{border:1px solid var(--mlm-border);border-radius:var(--mlm-radius-sm);font-size:13px;font-family:var(--font-sans);color:var(--mlm-text-primary);background:var(--mlm-surface) 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='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat right 10px center;appearance:none;cursor:pointer;transition:border-color var(--mlm-transition-fast);min-width:140px;padding:7px 32px 7px 12px}.mlm-select:focus{border-color:var(--mlm-accent);box-shadow:0 0 0 3px var(--mlm-accent-light);outline:none}.mlm-input{border:1px solid var(--mlm-border);border-radius:var(--mlm-radius-sm);font-size:13px;font-family:var(--font-sans);color:var(--mlm-text-primary);background:var(--mlm-surface);transition:border-color var(--mlm-transition-fast);padding:7px 12px}.mlm-input:focus{border-color:var(--mlm-accent);box-shadow:0 0 0 3px var(--mlm-accent-light);outline:none}.mlm-input::placeholder{color:var(--mlm-text-tertiary)}.mlm-search-input{position:relative}.mlm-search-input svg{width:15px;height:15px;color:var(--mlm-text-tertiary);stroke-width:2px;pointer-events:none;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.mlm-search-input input{padding-left:34px}.mlm-tabs{border-bottom:1px solid var(--mlm-border);gap:2px;margin-bottom:24px;display:flex}.mlm-tab{font-size:13.5px;font-weight:500;font-family:var(--font-sans);color:var(--mlm-text-secondary);cursor:pointer;transition:all var(--mlm-transition-fast);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:7px;margin-bottom:-1px;padding:12px 18px;display:flex}.mlm-tab svg{stroke-width:1.8px;width:16px;height:16px}.mlm-tab:hover{color:var(--mlm-text-primary)}.mlm-tab.active{color:var(--mlm-accent);border-bottom-color:var(--mlm-accent);font-weight:600}.mlm-pagination{border-top:1px solid var(--mlm-border);justify-content:center;align-items:center;gap:6px;padding:16px 22px;display:flex}.mlm-pagination-info{color:var(--mlm-text-secondary);margin-right:auto;font-size:12.5px}.mlm-pagination-info strong{color:var(--mlm-text-primary);font-weight:600}.mlm-page-btn{border:1px solid var(--mlm-border);border-radius:var(--mlm-radius-sm);background:var(--mlm-surface);min-width:32px;height:32px;color:var(--mlm-text-primary);font-size:12.5px;font-weight:500;font-family:var(--font-sans);cursor:pointer;transition:all var(--mlm-transition-fast);justify-content:center;align-items:center;padding:0 8px;display:inline-flex}.mlm-page-btn:hover:not(:disabled){background:var(--mlm-surface-hover);border-color:var(--mlm-text-tertiary)}.mlm-page-btn.active{background:var(--mlm-accent);border-color:var(--mlm-accent);color:#fff;font-weight:600}.mlm-page-btn:disabled{opacity:.4;cursor:not-allowed}.mlm-page-btn svg{stroke-width:2px;width:14px;height:14px}.mlm-pagination-ellipsis{min-width:32px;height:32px;color:var(--mlm-text-tertiary);justify-content:center;align-items:center;font-size:12px;display:inline-flex}.mlm-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:56px 24px;animation:.4s mlm-fadeIn;display:flex}.mlm-empty-state-icon{background:var(--mlm-surface-subtle);border:1px solid var(--mlm-border);width:56px;height:56px;color:var(--mlm-text-tertiary);border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.mlm-empty-state-icon svg{stroke-width:1.5px;width:24px;height:24px}.mlm-empty-state h4{color:var(--mlm-text-primary);margin:0 0 6px;font-size:15px;font-weight:600}.mlm-empty-state p{color:var(--mlm-text-secondary);max-width:320px;margin:0;font-size:13px;line-height:1.5}.mlm-skeleton{background:linear-gradient(90deg, var(--mlm-surface-subtle) 25%, #0000000a 50%, var(--mlm-surface-subtle) 75%);border-radius:var(--mlm-radius-sm);background-size:200% 100%;animation:1.8s ease-in-out infinite mlm-shimmer}.dark-theme .mlm-skeleton{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a 50%,#ffffff0d 75%) 0 0/200% 100%}.mlm-skeleton-kpi{border-radius:var(--mlm-radius-lg);border:1px solid var(--mlm-border);height:92px}.mlm-skeleton-text{width:80%;height:14px}.mlm-skeleton-text-sm{width:60%;height:11px}.mlm-skeleton-row{border-bottom:1px solid var(--mlm-border-light);gap:14px;padding:13px 22px;display:flex}.mlm-skeleton-cell{border-radius:4px;flex:1;height:14px}.mlm-settings-section{background:var(--mlm-surface);border:1px solid var(--mlm-border);border-radius:var(--mlm-radius-lg);animation:.4s backwards mlm-slideUp;overflow:hidden}.mlm-settings-section+.mlm-settings-section{margin-top:24px}.mlm-settings-header{border-bottom:1px solid var(--mlm-border);align-items:center;gap:12px;padding:20px 24px;display:flex}.mlm-settings-header-icon{border-radius:var(--mlm-radius-sm);background:var(--mlm-accent-light);width:36px;height:36px;color:var(--mlm-accent);justify-content:center;align-items:center;display:flex}.mlm-settings-header-icon svg{stroke-width:1.8px;width:18px;height:18px}.mlm-settings-header h3{color:var(--mlm-text-primary);margin:0;font-size:15px;font-weight:650}.mlm-settings-header p{color:var(--mlm-text-secondary);margin:2px 0 0;font-size:12.5px}.mlm-settings-body{padding:24px}.mlm-form-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.mlm-form-group{flex-direction:column;gap:6px;display:flex}.mlm-form-label{color:var(--mlm-text-primary);font-size:13px;font-weight:600}.mlm-form-help{color:var(--mlm-text-tertiary);margin-top:2px;font-size:12px;line-height:1.5}.mlm-form-input{border:1px solid var(--mlm-border);border-radius:var(--mlm-radius-sm);font-size:14px;font-family:var(--font-sans);color:var(--mlm-text-primary);background:var(--mlm-surface);transition:border-color var(--mlm-transition-fast), box-shadow var(--mlm-transition-fast);padding:9px 14px}.mlm-form-input:focus{border-color:var(--mlm-accent);box-shadow:0 0 0 3px var(--mlm-accent-light);outline:none}.mlm-form-select{border:1px solid var(--mlm-border);border-radius:var(--mlm-radius-sm);font-size:14px;font-family:var(--font-sans);color:var(--mlm-text-primary);background:var(--mlm-surface) 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='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat right 12px center;appearance:none;cursor:pointer;transition:border-color var(--mlm-transition-fast), box-shadow var(--mlm-transition-fast);padding:9px 36px 9px 14px}.mlm-form-select:focus{border-color:var(--mlm-accent);box-shadow:0 0 0 3px var(--mlm-accent-light);outline:none}.mlm-toggle{cursor:pointer;align-items:center;gap:12px;display:inline-flex;position:relative}.mlm-toggle input[type=checkbox]{opacity:0;width:0;height:0;position:absolute}.mlm-toggle-track{background:var(--mlm-border);width:44px;height:24px;transition:background var(--mlm-transition);border-radius:12px;flex-shrink:0;position:relative}.mlm-toggle-track:after{content:"";width:18px;height:18px;transition:transform var(--mlm-transition);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000026}.mlm-toggle input:checked+.mlm-toggle-track{background:var(--mlm-accent)}.mlm-toggle input:checked+.mlm-toggle-track:after{transform:translate(20px)}.mlm-toggle-label{color:var(--mlm-text-primary);font-size:14px;font-weight:600}.mlm-range-container{align-items:center;gap:16px;display:flex}.mlm-range{appearance:none;background:var(--mlm-border);cursor:pointer;border-radius:3px;outline:none;flex:1;height:6px}.mlm-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--mlm-accent);cursor:pointer;width:20px;height:20px;transition:transform var(--mlm-transition-fast);border:3px solid #fff;border-radius:50%;box-shadow:0 1px 4px #00000026}.mlm-range::-webkit-slider-thumb:hover{transform:scale(1.15)}.mlm-range-value{color:var(--mlm-accent);text-align:right;font-variant-numeric:tabular-nums;min-width:52px;font-size:18px;font-weight:700}.mlm-level-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;display:grid}.mlm-level-card{border:1px solid var(--mlm-border);border-radius:var(--mlm-radius-md);background:var(--mlm-surface);transition:border-color var(--mlm-transition-fast);align-items:center;gap:10px;padding:12px 14px;display:flex}.mlm-level-card:focus-within{border-color:var(--mlm-accent);box-shadow:0 0 0 3px var(--mlm-accent-light)}.mlm-level-label{color:var(--mlm-accent);background:var(--mlm-accent-light);font-variant-numeric:tabular-nums;border-radius:4px;flex-shrink:0;padding:3px 8px;font-size:12px;font-weight:700}.mlm-level-card input{width:100%;font-size:14px;font-weight:500;font-family:var(--font-sans);color:var(--mlm-text-primary);background:0 0;border:none;outline:none;flex:1;min-width:0}.mlm-level-unit{color:var(--mlm-text-tertiary);font-size:13px;font-weight:500}.mlm-tree-container{background:var(--mlm-surface-subtle);border:1px solid var(--mlm-border);border-radius:var(--mlm-radius-md);min-height:150px;padding:20px;overflow-x:auto}.mlm-tree-branch{border-left:1px solid var(--mlm-border);margin-left:24px;padding-left:16px;position:relative}.mlm-tree-node{border:1px solid var(--mlm-border);border-radius:var(--mlm-radius-md);background:var(--mlm-surface);cursor:pointer;transition:all var(--mlm-transition-fast);align-items:center;gap:10px;margin:4px 0;padding:8px 14px;font-size:13px;display:inline-flex;position:relative}.mlm-tree-node:before{content:"";background:var(--mlm-border);width:16px;height:1px;position:absolute;top:50%;left:-17px}.mlm-tree-node:hover{border-color:var(--mlm-accent);box-shadow:var(--mlm-shadow-sm);background:var(--mlm-accent-light)}.mlm-tree-toggle{background:var(--mlm-surface-subtle);border:1px solid var(--mlm-border);cursor:pointer;width:20px;height:20px;color:var(--mlm-text-secondary);transition:all var(--mlm-transition-fast);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.mlm-tree-toggle:hover{background:var(--mlm-accent-light);border-color:var(--mlm-accent);color:var(--mlm-accent)}.mlm-tree-toggle svg{stroke-width:2px;width:12px;height:12px;transition:transform var(--mlm-transition-fast)}.mlm-tree-toggle.expanded svg{transform:rotate(90deg)}.mlm-tree-avatar{background:var(--mlm-accent-soft);width:28px;height:28px;color:var(--mlm-accent);text-transform:uppercase;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.mlm-tree-name{color:var(--mlm-text-primary);font-weight:600}.mlm-tree-code{color:var(--mlm-text-tertiary);background:var(--mlm-surface-subtle);border-radius:3px;padding:1px 6px;font-family:SF Mono,Fira Code,monospace;font-size:10.5px}.mlm-profile-header{border-bottom:1px solid var(--mlm-border);justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:16px;display:flex}.mlm-profile-name{color:var(--mlm-text-primary);letter-spacing:-.01em;font-size:18px;font-weight:700}.mlm-profile-date{color:var(--mlm-text-secondary);margin-top:3px;font-size:12px}.mlm-profile-code{background:var(--mlm-surface-subtle);border:1px solid var(--mlm-border);border-radius:var(--mlm-radius-sm);color:var(--mlm-text-primary);align-items:center;gap:6px;padding:5px 12px;font-family:SF Mono,Fira Code,monospace;font-size:12.5px;font-weight:600;display:inline-flex}.mlm-metric-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.mlm-metric-card{border:1px solid var(--mlm-border);border-radius:var(--mlm-radius-md);transition:border-color var(--mlm-transition-fast);padding:16px}.mlm-metric-card:hover{border-color:var(--mlm-text-tertiary)}.mlm-metric-label{color:var(--mlm-text-tertiary);text-transform:uppercase;letter-spacing:.06em;font-size:10.5px;font-weight:650}.mlm-metric-value{color:var(--mlm-text-primary);letter-spacing:-.01em;margin-top:6px;font-size:18px;font-weight:700}.mlm-metric-value.accent{color:var(--mlm-accent)}.mlm-metric-value.success{color:var(--mlm-success)}.mlm-metric-value.muted{color:var(--mlm-text-secondary)}.mlm-panel{background:var(--mlm-surface);border:1px solid var(--mlm-border);border-radius:var(--mlm-radius-lg);animation:.25s mlm-scaleIn;overflow:hidden}.mlm-panel-header{border-bottom:1px solid var(--mlm-border);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.mlm-panel-header h3{color:var(--mlm-text-primary);margin:0;font-size:15px;font-weight:650}.mlm-panel-close{border-radius:var(--mlm-radius-sm);width:30px;height:30px;color:var(--mlm-text-secondary);cursor:pointer;transition:all var(--mlm-transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.mlm-panel-close:hover{background:var(--mlm-danger-light);color:var(--mlm-danger)}.mlm-panel-close svg{stroke-width:2px;width:16px;height:16px}.mlm-panel-body{padding:20px 22px}.mlm-detail-grid{background:var(--mlm-surface-subtle);border-radius:var(--mlm-radius-md);grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px;padding:14px 16px;font-size:13px;display:grid}.mlm-detail-item{flex-direction:column;gap:2px;display:flex}.mlm-detail-label{color:var(--mlm-text-tertiary);text-transform:uppercase;letter-spacing:.06em;font-size:10.5px;font-weight:600}.mlm-detail-value{color:var(--mlm-text-primary);word-break:break-all;font-size:13px;font-weight:550}.mlm-member-item{border-radius:var(--mlm-radius-md);border:1px solid var(--mlm-border);cursor:pointer;transition:all var(--mlm-transition-fast);padding:12px 14px}.mlm-member-item:hover{background:var(--mlm-surface-hover);border-color:var(--mlm-text-tertiary)}.mlm-member-item.selected{border-color:var(--mlm-accent);background:var(--mlm-accent-light)}.mlm-member-name{color:var(--mlm-text-primary);font-size:13px;font-weight:600}.mlm-member-email{color:var(--mlm-text-secondary);margin-top:2px;font-size:11.5px}.mlm-member-code{background:var(--mlm-surface-subtle);border:1px solid var(--mlm-border);color:var(--mlm-text-secondary);border-radius:4px;margin-top:6px;padding:2px 7px;font-family:SF Mono,Fira Code,monospace;font-size:10.5px;display:inline-block}.mlm-loading-center{color:var(--mlm-text-secondary);justify-content:center;align-items:center;gap:12px;padding:60px 20px;font-size:13.5px;display:flex}@media (width<=1200px){.mlm-kpi-grid{grid-template-columns:repeat(2,1fr)}.mlm-form-grid{grid-template-columns:1fr}.mlm-metric-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.mlm-page{padding:20px 16px}.mlm-page-header{flex-direction:column;gap:14px}.mlm-page-header-actions{width:100%}.mlm-kpi-grid{grid-template-columns:1fr}.mlm-toolbar{flex-direction:column;align-items:stretch}.mlm-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.mlm-tab{padding:10px 14px;font-size:12.5px}.mlm-metric-grid,.mlm-detail-grid{grid-template-columns:1fr}.mlm-pagination{flex-wrap:wrap;gap:8px}.mlm-pagination-info{text-align:center;width:100%;margin-right:0}.mlm-level-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.mlm-page{padding:16px 12px}.mlm-level-grid{grid-template-columns:1fr}}