*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Segoe UI,Tahoma,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--color-bg-root: #080c14;--color-bg-surface: #0d1220;--color-bg-card: #111827;--color-border: #1e2d45;--color-text-primary: #e2e8f0;--color-text-dim: #475569;--color-primary: #0ea5e9;--color-secondary: #8b5cf6;--color-success: #10b981;--color-warning: #f59e0b;--color-danger: #ef4444;--color-info: #38bdf8;--color-orange: #f97316;--color-event-1: #0ea5e9;--color-event-2: #8b5cf6;--color-event-3: #10b981;--color-event-4: #f59e0b;--color-event-5: #ef4444;--color-event-6: #ec4899;--color-bg-elevated: #1a2235;--color-bg-elevated-80: rgba(26,34,53,.8);--color-border-strong: #263552;--color-text-faint: #334155;--color-text-muted: #94a3b8;--color-pink: #ec4899;--color-shadow-40: rgba(0,0,0,.4);--color-shadow-45: rgba(0,0,0,.45);--color-shadow-50: rgba(0,0,0,.5);--color-shadow-60: rgba(0,0,0,.6);--color-shadow-66: rgba(0,0,0,.66);--color-white-60: rgba(255,255,255,.6);--color-white: #ffffff;--color-text-soft: #cbd5e1;--color-text-subtle: #64748b;--color-primary-03: rgba(14,165,233,.03);--color-primary-04: rgba(14,165,233,.04);--color-primary-10: rgba(14,165,233,.1);--color-primary-12: rgba(14,165,233,.12);--color-primary-14: rgba(14,165,233,.14);--color-primary-15: rgba(14,165,233,.15);--color-primary-20: rgba(14,165,233,.2);--color-primary-30: rgba(14,165,233,.3);--color-primary-35: rgba(14,165,233,.35);--color-primary-40: rgba(14,165,233,.4);--color-secondary-15: rgba(139,92,246,.15);--color-success-12: rgba(16,185,129,.12);--color-success-15: rgba(16,185,129,.15);--color-warning-12: rgba(245,158,11,.12);--color-warning-15: rgba(245,158,11,.15);--color-warning-20: rgba(245,158,11,.2);--color-danger-12: rgba(239,68,68,.12);--color-danger-20: rgba(239,68,68,.2);--color-pink-15: rgba(236,72,153,.15);--color-text-dim-30: rgba(71,85,105,.3);--color-blue-10: rgba(59,130,246,.1)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;background:var(--color-bg-root);color:var(--color-text-primary);font-family:Segoe UI,Tahoma,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#1e2d45;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#263552}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.\!visible{visibility:visible!important}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.bottom-0{bottom:0}.left-0{left:0}.left-2{left:.5rem}.left-\[18px\]{left:18px}.right-0{right:0}.right-2{right:.5rem}.right-3{right:.75rem}.top-0{top:0}.top-1\/2{top:50%}.top-2{top:.5rem}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[1100\]{z-index:1100}.z-\[1200\]{z-index:1200}.mx-6{margin-left:1.5rem;margin-right:1.5rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-\[10px\]{margin-bottom:10px}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-auto{margin-left:auto}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-\[13px\]{margin-top:13px}.mt-\[1px\]{margin-top:1px}.mt-\[2px\]{margin-top:2px}.mt-\[3px\]{margin-top:3px}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-2{height:.5rem}.h-20{height:5rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[26px\]{height:26px}.h-\[34px\]{height:34px}.h-\[6px\]{height:6px}.h-full{height:100%}.h-px{height:1px}.max-h-44{max-height:11rem}.max-h-\[70vh\]{max-height:70vh}.max-h-\[90vh\]{max-height:90vh}.min-h-\[160px\]{min-height:160px}.min-h-\[40vh\]{min-height:40vh}.min-h-\[72px\]{min-height:72px}.min-h-full{min-height:100%}.w-1{width:.25rem}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-2{width:.5rem}.w-20{width:5rem}.w-5{width:1.25rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[200px\]{width:200px}.w-\[230px\]{width:230px}.w-\[26px\]{width:26px}.w-\[300px\]{width:300px}.w-\[34px\]{width:34px}.w-\[540px\]{width:540px}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0px}.min-w-\[160px\]{min-width:160px}.min-w-\[260px\]{min-width:260px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-\[120px\]{max-width:120px}.max-w-\[140px\]{max-width:140px}.max-w-\[180px\]{max-width:180px}.max-w-\[220px\]{max-width:220px}.max-w-\[280px\]{max-width:280px}.max-w-\[460px\]{max-width:460px}.max-w-\[520px\]{max-width:520px}.max-w-\[640px\]{max-width:640px}.max-w-\[680px\]{max-width:680px}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-1{--tw-translate-x: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-5{--tw-translate-x: 1.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce{animation:bounce 1s infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-\[10px\]{gap:10px}.gap-\[11px\]{gap:11px}.gap-\[2px\]{gap:2px}.gap-\[6px\]{gap:6px}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-y-\[2px\]>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2px * var(--tw-space-y-reverse))}.self-center{align-self:center}.self-stretch{align-self:stretch}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-\[10px\]{border-radius:10px}.rounded-\[14px\]{border-radius:14px}.rounded-\[6px\]{border-radius:6px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l-2{border-left-width:2px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-bg-surface{--tw-border-opacity: 1;border-color:rgb(13 18 32 / var(--tw-border-opacity, 1))}.border-border{--tw-border-opacity: 1;border-color:rgb(30 45 69 / var(--tw-border-opacity, 1))}.border-border\/50{border-color:#1e2d4580}.border-danger{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.border-danger\/30{border-color:#ef44444d}.border-danger\/40{border-color:#ef444466}.border-primary{--tw-border-opacity: 1;border-color:rgb(14 165 233 / var(--tw-border-opacity, 1))}.border-primary\/20{border-color:#0ea5e933}.border-primary\/30{border-color:#0ea5e94d}.border-primary\/40{border-color:#0ea5e966}.border-transparent{border-color:transparent}.border-warning\/30{border-color:#f59e0b4d}.border-b-border{--tw-border-opacity: 1;border-bottom-color:rgb(30 45 69 / var(--tw-border-opacity, 1))}.border-l-primary{--tw-border-opacity: 1;border-left-color:rgb(14 165 233 / var(--tw-border-opacity, 1))}.border-l-transparent{border-left-color:transparent}.bg-bg-base{--tw-bg-opacity: 1;background-color:rgb(8 12 20 / var(--tw-bg-opacity, 1))}.bg-bg-card{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.bg-bg-elevated{--tw-bg-opacity: 1;background-color:rgb(26 34 53 / var(--tw-bg-opacity, 1))}.bg-bg-surface{--tw-bg-opacity: 1;background-color:rgb(13 18 32 / var(--tw-bg-opacity, 1))}.bg-bg-surface\/40{background-color:#0d122066}.bg-bg-surface\/95{background-color:#0d1220f2}.bg-black\/60{background-color:#0009}.bg-black\/70{background-color:#000000b3}.bg-border{--tw-bg-opacity: 1;background-color:rgb(30 45 69 / var(--tw-bg-opacity, 1))}.bg-danger\/10{background-color:#ef44441a}.bg-primary{--tw-bg-opacity: 1;background-color:rgb(14 165 233 / var(--tw-bg-opacity, 1))}.bg-primary\/10{background-color:#0ea5e91a}.bg-primary\/15{background-color:#0ea5e926}.bg-primary\/5{background-color:#0ea5e90d}.bg-primary\/80{background-color:#0ea5e9cc}.bg-success{--tw-bg-opacity: 1;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))}.bg-transparent{background-color:transparent}.bg-warning\/10{background-color:#f59e0b1a}.bg-warning\/30{background-color:#f59e0b4d}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-\[linear-gradient\(90deg\,var\(--color-primary-14\)\,var\(--color-blue-10\)\,transparent\)\]{background-image:linear-gradient(90deg,var(--color-primary-14),var(--color-blue-10),transparent)}.bg-\[linear-gradient\(90deg\,var\(--color-primary-14\)\,var\(--color-success-10\)\,transparent\)\]{background-image:linear-gradient(90deg,var(--color-primary-14),var(--color-success-10),transparent)}.bg-\[radial-gradient\(1200px_600px_at_20\%_10\%\,var\(--color-primary-15\)\,transparent_60\%\)\,radial-gradient\(900px_500px_at_80\%_90\%\,var\(--color-success-12\)\,transparent_60\%\)\,var\(--color-shadow-66\)\]{background-image:radial-gradient(1200px 600px at 20% 10%,var(--color-primary-15),transparent 60%),radial-gradient(900px 500px at 80% 90%,var(--color-success-12),transparent 60%),var(--color-shadow-66)}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-\[10px\]{padding-left:10px;padding-right:10px}.px-\[14px\]{padding-left:14px;padding-right:14px}.px-\[1px\]{padding-left:1px;padding-right:1px}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-\[10px\]{padding-top:10px;padding-bottom:10px}.py-\[11px\]{padding-top:11px;padding-bottom:11px}.py-\[1px\]{padding-top:1px;padding-bottom:1px}.py-\[2px\]{padding-top:2px;padding-bottom:2px}.py-\[3px\]{padding-top:3px;padding-bottom:3px}.py-\[4px\]{padding-top:4px;padding-bottom:4px}.py-\[5px\]{padding-top:5px;padding-bottom:5px}.py-\[6px\]{padding-top:6px;padding-bottom:6px}.py-\[7px\]{padding-top:7px;padding-bottom:7px}.py-\[8px\]{padding-top:8px;padding-bottom:8px}.py-\[9px\]{padding-top:9px;padding-bottom:9px}.pb-4{padding-bottom:1rem}.pl-2{padding-left:.5rem}.pl-4{padding-left:1rem}.pl-7{padding-left:1.75rem}.pr-10{padding-right:2.5rem}.pr-3{padding-right:.75rem}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.text-\[18px\]{font-size:18px}.text-\[20px\]{font-size:20px}.text-\[22px\]{font-size:22px}.text-\[26px\]{font-size:26px}.text-\[32px\]{font-size:32px}.text-\[40px\]{font-size:40px}.text-\[48px\]{font-size:48px}.text-\[56px\]{font-size:56px}.text-\[64px\]{font-size:64px}.text-\[9px\]{font-size:9px}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.leading-\[1\.3\]{line-height:1.3}.leading-\[1\.6\]{line-height:1.6}.leading-\[1\.7\]{line-height:1.7}.leading-none{line-height:1}.tracking-\[0\.5px\]{letter-spacing:.5px}.text-danger{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-primary{--tw-text-opacity: 1;color:rgb(14 165 233 / var(--tw-text-opacity, 1))}.text-primary-hover{--tw-text-opacity: 1;color:rgb(56 189 248 / var(--tw-text-opacity, 1))}.text-success{--tw-text-opacity: 1;color:rgb(16 185 129 / var(--tw-text-opacity, 1))}.text-text-dim{--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.text-text-muted{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.text-text-primary{--tw-text-opacity: 1;color:rgb(226 232 240 / var(--tw-text-opacity, 1))}.text-warning{--tw-text-opacity: 1;color:rgb(245 158 11 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.placeholder-text-faint::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(51 65 85 / var(--tw-placeholder-opacity, 1))}.placeholder-text-faint::placeholder{--tw-placeholder-opacity: 1;color:rgb(51 65 85 / var(--tw-placeholder-opacity, 1))}.accent-primary{accent-color:#0ea5e9}.opacity-0{opacity:0}.opacity-60{opacity:.6}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_20px_80px_var\(--color-shadow-45\)\]{--tw-shadow: 0 20px 80px var(--color-shadow-45);--tw-shadow-colored: 0 20px 80px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.\!filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.app-shell{display:flex;flex-direction:column;height:100vh;overflow:hidden}.topbar{height:48px;background:var(--color-bg-surface);border-bottom:1px solid var(--color-border);display:flex;align-items:center;padding:0 20px;gap:14px;flex-shrink:0;z-index:100}.app-body{display:flex;flex:1;overflow:hidden}.sidebar{width:210px;background:var(--color-bg-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto}.sidebar::-webkit-scrollbar{width:0}.main-content{flex:1;overflow:hidden;display:flex;flex-direction:column}.mobile-sidebar-backdrop{display:none}.s-sec{padding:12px 10px 4px}.s-lbl{font-size:10px;font-weight:700;color:#334155;letter-spacing:1px;text-transform:uppercase;padding:0 6px;margin-bottom:4px;width:100%;display:flex;align-items:center;justify-content:space-between;background:transparent;border:none;cursor:pointer}.s-nav{display:flex;align-items:center;gap:9px;padding:7px 8px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;color:#94a3b8;transition:all .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-decoration:none}.s-nav:hover{background:#111827;color:#e2e8f0}.s-nav.active,.s-nav.on{background:#0ea5e91f;color:#38bdf8;border:1px solid rgba(14,165,233,.2)}.s-ico{font-size:15px;width:20px;text-align:center}.s-badge{margin-left:auto;color:#fff;font-size:10px;font-weight:700;padding:1px 6px;border-radius:10px}.sb-blue{background:#0ea5e9}.sb-green{background:#10b981}.sb-orange{background:#f59e0b}.s-div{height:1px;background:#1e2d45;margin:8px 10px}.agent-box{margin:8px 10px;background:#111827;border:1px solid #1e2d45;border-radius:10px;padding:10px 12px}.ab-title{font-size:10px;font-weight:700;color:#334155;letter-spacing:.5px;text-transform:uppercase;margin-bottom:8px}.ab-row{display:flex;align-items:center;gap:8px;margin-bottom:5px;font-size:12px;color:#94a3b8}.dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.d-on{background:#10b981;box-shadow:0 0 5px #10b981;animation:blink 2s infinite}.d-busy{background:#f59e0b}.d-idle{background:#334155}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.t-logo{display:flex;align-items:center;gap:8px;min-width:200px;cursor:pointer}.t-box{width:28px;height:28px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:900;color:#fff}.t-name{font-size:16px;font-weight:800;color:#38bdf8}.mobile-only{display:none}.t-search{flex:1;max-width:360px;position:relative}.t-search input{width:100%;background:#111827;border:1px solid #1e2d45;border-radius:8px;padding:6px 12px 6px 30px;color:#e2e8f0;font-family:Segoe UI,sans-serif;font-size:13px;outline:none}.t-search input:focus{border-color:#0ea5e9}.t-search input::-moz-placeholder{color:#334155}.t-search input::placeholder{color:#334155}.t-s-ico{position:absolute;left:9px;top:50%;transform:translateY(-50%);font-size:12px}.t-right{margin-left:auto;display:flex;align-items:center;gap:6px}.t-range-btn{height:32px;border-radius:8px;background:#111827;border:1px solid #1e2d45;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:0 10px;font-size:11px;color:#94a3b8;transition:all .15s}.t-range-btn:hover{background:#1a2235;color:#e2e8f0}.t-btn{width:32px;height:32px;border-radius:7px;background:#111827;border:1px solid #1e2d45;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;color:#94a3b8;transition:all .15s;position:relative}.t-btn:hover{background:#1a2235;color:#e2e8f0}.n-dot{position:absolute;top:5px;right:5px;width:7px;height:7px;background:#ef4444;border-radius:50%;border:1.5px solid #0d1220}.t-av{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#0ea5e9,#8b5cf6);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;cursor:pointer;border:none;font-family:Segoe UI,sans-serif}.p-head,.ph{padding:16px 24px;border-bottom:1px solid #1e2d45;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.p-title,.ph-title{font-size:20px;font-weight:800}.p-sub,.ph-sub{font-size:13px;color:#475569;margin-top:2px}.p-btns,.ph-btns{display:flex;gap:8px}.btn{padding:8px 16px;border-radius:12px;font-family:Segoe UI,sans-serif;font-size:13px;font-weight:700;cursor:pointer;border:none;transition:all .15s}.btn-p{background:#0ea5e9;color:#fff;border-radius:12px}.btn-p:hover{background:#38bdf8}.btn-g{background:#111827;color:#94a3b8;border:1px solid #1e2d45;border-radius:12px}.btn-g:hover{background:#1a2235;color:#e2e8f0}.btn-green{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3);border-radius:12px}.btn-green:hover{background:#10b98140}.btn-red{background:#ef44441f;color:#ef4444;border:1px solid rgba(239,68,68,.2);border-radius:12px}.btn-red:hover{background:#ef444438}.tabs-bar{display:flex;border-bottom:1px solid #1e2d45;padding:0 24px;background:#0d1220;flex-shrink:0}.tab{padding:11px 18px;font-size:13px;font-weight:600;color:#475569;cursor:pointer;border-bottom:2px solid transparent;transition:all .15s}.tab:hover{color:#94a3b8}.tab.on{color:#38bdf8;border-bottom-color:#0ea5e9}.card{background:#111827;border:1px solid #1e2d45;border-radius:12px;overflow:hidden}.c-head,.card-h{padding:13px 16px;border-bottom:1px solid #1e2d45;display:flex;align-items:center;justify-content:space-between}.c-title,.card-title{font-size:14px;font-weight:700}.c-link,.card-link{font-size:12px;color:#0ea5e9;cursor:pointer;font-weight:600}.e-row{display:flex;align-items:flex-start;gap:10px;padding:11px 16px;border-bottom:1px solid #1e2d45;cursor:pointer;transition:background .15s}.e-row:hover{background:#1a2235}.e-row:last-child{border-bottom:none}.e-av{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0}.e-from{font-size:13px;font-weight:700}.e-subj{font-size:12px;color:#94a3b8;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.e-prev{font-size:11px;color:#475569;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.e-meta{text-align:right;flex-shrink:0}.e-time{font-size:11px;color:#475569}.tag{display:inline-block;padding:2px 7px;border-radius:7px;font-size:10px;font-weight:700;margin-top:3px}.ts{background:#10b98126;color:#10b981}.tsu{background:#0ea5e926;color:#38bdf8}.tin{background:#f59e0b26;color:#f59e0b}.tsp{background:#ef444426;color:#ef4444}.thr{background:#ec489926;color:#ec4899}.tfi{background:#8b5cf626;color:#8b5cf6}.tag-sales{background:#3b82f633;color:#60a5fa}.tag-support{background:#ef444433;color:#f87171}.tag-invoice{background:#22c55e33;color:#4ade80}.tag-default{background:#71717a33;color:#a1a1aa}.a-row{display:flex;align-items:flex-start;gap:10px;padding:10px 16px;border-bottom:1px solid #1e2d45;font-size:12px}.a-row:last-child{border-bottom:none}.a-ico{width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}.a-text{color:#94a3b8;line-height:1.5}.a-text b{color:#e2e8f0}.a-time{font-size:11px;color:#475569;margin-top:2px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{background:#111827;border:1px solid #1e2d45;border-radius:12px;padding:16px;cursor:pointer;transition:all .2s}.stat:hover{background:#1a2235;border-color:#0ea5e9;transform:translateY(-1px);box-shadow:0 10px 28px #0ea5e914}.stat-lbl{font-size:11px;color:#475569;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.stat-ico{float:right;font-size:22px;opacity:.7}.stat-val{font-size:32px;font-weight:900;margin:6px 0 2px}.stat-ch{font-size:12px;font-weight:600;color:#10b981}.scroll{overflow-y:auto;flex:1;padding:20px 24px;display:flex;flex-direction:column;gap:20px}.scroll::-webkit-scrollbar{width:4px}.scroll::-webkit-scrollbar-thumb{background:#1e2d45;border-radius:4px}.inbox-layout{display:flex;flex:1;overflow:hidden}.email-list{width:320px;border-right:1px solid #1e2d45;display:flex;flex-direction:column;flex-shrink:0}.el-toolbar{padding:10px 12px;border-bottom:1px solid #1e2d45;display:flex;gap:6px}.el-scroll{flex:1;overflow-y:auto}.el-scroll::-webkit-scrollbar{width:0}.email-detail{flex:1;overflow-y:auto;padding:22px}.email-detail::-webkit-scrollbar{width:4px}.email-detail::-webkit-scrollbar-thumb{background:#1e2d45;border-radius:4px}.ed-subj{font-size:18px;font-weight:800;margin-bottom:10px}.ed-meta{display:flex;align-items:center;gap:10px;font-size:13px;color:#94a3b8;margin-bottom:18px;flex-wrap:wrap}.ed-body{background:#111827;border:1px solid #1e2d45;border-radius:12px;padding:18px;font-size:14px;line-height:1.8;color:#94a3b8;margin-bottom:14px}.chip{padding:4px 10px;border-radius:14px;font-size:11px;font-weight:700;cursor:pointer;background:#1a2235;color:#94a3b8;border:1px solid #1e2d45;transition:all .15s}.chip.on{background:#0ea5e926;color:#38bdf8;border-color:#0ea5e94d}.ai-box{background:#0ea5e90a;border:1px solid rgba(14,165,233,.2);border-radius:12px;padding:16px}.ai-lbl{font-size:12px;font-weight:700;color:#38bdf8;margin-bottom:10px;display:flex;align-items:center;gap:6px}.ai-text{font-size:13px;color:#94a3b8;line-height:1.8;margin-bottom:12px}.ai-btns{display:flex;gap:8px;flex-wrap:wrap}.kanban{display:flex;gap:14px;padding:20px 24px;overflow-x:auto;flex:1}.kanban::-webkit-scrollbar{height:4px}.kanban::-webkit-scrollbar-thumb{background:#1e2d45;border-radius:4px}.k-col{width:250px;flex-shrink:0;background:#111827;border:1px solid #1e2d45;border-radius:12px;overflow:hidden;max-height:100%;display:flex;flex-direction:column}.k-h{padding:12px 14px;border-bottom:1px solid #1e2d45;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.k-name{font-size:13px;font-weight:700;display:flex;align-items:center;gap:7px}.k-cnt{font-size:11px;background:#1a2235;border:1px solid #1e2d45;color:#475569;padding:1px 7px;border-radius:10px}.k-scroll{overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:8px;flex:1}.k-scroll::-webkit-scrollbar{width:0}.k-card{background:#1a2235;border:1px solid #1e2d45;border-radius:9px;padding:12px;cursor:pointer;transition:all .15s}.k-card:hover{border-color:#263552}.k-card-title{font-size:13px;font-weight:700;margin-bottom:8px}.k-card-meta{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.agents-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:20px 24px;overflow-y:auto}.agents-grid::-webkit-scrollbar{width:4px}.ag-card{background:#111827;border:1px solid #1e2d45;border-radius:14px;padding:18px;cursor:pointer;transition:all .2s}.ag-card:hover{border-color:#0ea5e9;transform:translateY(-2px)}.ag-ico{font-size:28px;margin-bottom:10px}.ag-name{font-size:15px;font-weight:800;margin-bottom:4px}.ag-desc{font-size:12px;color:#475569;line-height:1.5;margin-bottom:12px}.ag-foot{display:flex;align-items:center;justify-content:space-between}.ag-status{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:600}.ag-tasks{font-size:11px;color:#475569}.wf-list{flex:1;overflow-y:auto;padding:20px 24px}.wf-card{background:#111827;border:1px solid #1e2d45;border-radius:12px;padding:14px 16px;margin-bottom:10px;display:flex;align-items:center;gap:14px;cursor:pointer;transition:all .15s}.wf-card:hover{background:#1a2235;border-color:#263552}.wf-ico{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.wf-name{font-size:14px;font-weight:700}.wf-desc{font-size:12px;color:#475569;margin-top:2px}.toggle{width:40px;height:22px;border-radius:11px;position:relative;cursor:pointer;border:none;transition:background .2s;flex-shrink:0;margin-left:auto}.toggle.on{background:#10b981}.toggle.off{background:#1a2235;border:1px solid #263552}.toggle:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:#fff;top:3px;transition:left .2s}.toggle.on:after{left:21px}.toggle.off:after{left:3px}.kb-chat{flex:1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:12px}.kb-chat::-webkit-scrollbar{width:4px}.kb-chat::-webkit-scrollbar-thumb{background:#1e2d45;border-radius:4px}.msg{display:flex;gap:10px;max-width:82%;animation:fadeUp .3s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.msg.user{align-self:flex-end;flex-direction:row-reverse}.msg.ai{align-self:flex-start}.m-av{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}.m-av.ai-av{background:linear-gradient(135deg,#0ea5e9,#8b5cf6)}.m-av.user-av{background:#1a2235;border:1px solid #1e2d45}.m-bubble{padding:11px 15px;border-radius:12px;font-size:13px;line-height:1.7}.msg.user .m-bubble{background:#1a2235;border:1px solid rgba(14,165,233,.2);border-radius:12px 2px 12px 12px}.msg.ai .m-bubble{background:#111827;border:1px solid #1e2d45;border-radius:2px 12px 12px}.kb-input-area{padding:12px 24px 16px;border-top:1px solid #1e2d45;flex-shrink:0}.kb-input-wrap{display:flex;gap:10px;background:#111827;border:1px solid #1e2d45;border-radius:12px;padding:10px 14px}.kb-input-wrap:focus-within{border-color:#0ea5e9}.kb-inp{flex:1;background:none;border:none;outline:none;color:#e2e8f0;font-family:Segoe UI,sans-serif;font-size:13px}.kb-inp::-moz-placeholder{color:#334155}.kb-inp::placeholder{color:#334155}.kb-send{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#0ea5e9,#8b5cf6);border:none;cursor:pointer;color:#fff;font-size:15px;display:flex;align-items:center;justify-content:center}.quick-q{display:flex;gap:8px;margin-bottom:10px;flex-wrap:wrap}.qq{padding:5px 11px;border-radius:14px;background:#1a2235;border:1px solid #1e2d45;font-size:12px;color:#94a3b8;cursor:pointer;transition:all .15s}.qq:hover{border-color:#0ea5e9;color:#38bdf8}.admin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.admin-stat{background:#111827;border:1px solid #1e2d45;border-radius:12px;padding:16px;text-align:center;cursor:pointer}.as-val{font-size:28px;font-weight:900;margin:6px 0 2px}.as-lbl{font-size:11px;color:#475569;font-weight:600;text-transform:uppercase}.u-table{background:#111827;border:1px solid #1e2d45;border-radius:12px;overflow:hidden}.u-head{display:grid;grid-template-columns:36px 1fr 110px 100px 80px;padding:10px 16px;background:#0d1220;border-bottom:1px solid #1e2d45;font-size:10px;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.5px;align-items:center}.u-row{display:grid;grid-template-columns:36px 1fr 110px 100px 80px;padding:11px 16px;border-bottom:1px solid #1e2d45;font-size:12px;align-items:center;cursor:pointer;transition:background .15s}.u-row:hover{background:#1a2235}.u-row:last-child{border-bottom:none}.u-av{width:30px;height:30px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff}.u-name{font-size:13px;font-weight:700}.u-email{font-size:11px;color:#475569}.r-badge{display:inline-block;padding:3px 8px;border-radius:7px;font-size:10px;font-weight:700}.r-admin{background:#ef444426;color:#ef4444}.r-contrib{background:#0ea5e926;color:#38bdf8}.r-user{background:#10b98126;color:#10b981}.r-reader{background:#4755694d;color:#94a3b8}.s-badge-status{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:7px;font-size:10px;font-weight:700}.sb-on{background:#10b98126;color:#10b981}.sb-pend{background:#f59e0b26;color:#f59e0b}.sb-off{background:#4755694d;color:#475569}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:200;display:flex;align-items:center;justify-content:center}.modal{background:#111827;border:1px solid #263552;border-radius:14px;width:480px;max-width:95vw;box-shadow:0 24px 80px #0009;max-height:85vh;overflow-y:auto}.modal-h{padding:16px 20px;border-bottom:1px solid #1e2d45;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:#111827;z-index:1}.modal-title{font-size:16px;font-weight:800}.modal-close{width:28px;height:28px;border-radius:6px;background:#1a2235;border:none;color:#94a3b8;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:#263552;color:#e2e8f0}.modal-body{padding:20px;display:flex;flex-direction:column;gap:12px}.modal-footer{padding:14px 20px;border-top:1px solid #1e2d45;display:flex;justify-content:flex-end;gap:8px}.field-lbl{font-size:11px;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px;display:block}.field-inp{width:100%;background:#0d1220;border:1px solid #1e2d45;border-radius:8px;padding:8px 12px;color:#e2e8f0;font-family:Segoe UI,sans-serif;font-size:13px;outline:none}.field-inp:focus{border-color:#0ea5e9}.field-inp::-moz-placeholder{color:#334155}.field-inp::placeholder{color:#334155}.notif-panel{position:fixed;top:56px;right:12px;width:300px;background:#111827;border:1px solid #263552;border-radius:14px;box-shadow:0 20px 60px #0009;z-index:999;overflow:hidden}.np-h{padding:13px 16px;border-bottom:1px solid #1e2d45;font-size:14px;font-weight:700;display:flex;justify-content:space-between;align-items:center}.np-clear{font-size:12px;color:#0ea5e9;cursor:pointer;font-weight:500}.np-item{padding:12px 16px;border-bottom:1px solid #1e2d45;display:flex;gap:10px;cursor:pointer;font-size:12px;transition:background .15s}.np-item:hover{background:#1a2235}.np-item:last-child{border-bottom:none}.np-text{color:#94a3b8;line-height:1.5}.np-text b{color:#e2e8f0}.np-time{font-size:11px;color:#475569;margin-top:2px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(80px);background:#1a2235;border:1px solid #263552;border-radius:10px;padding:12px 22px;font-size:13px;font-weight:600;color:#e2e8f0;z-index:9999;transition:transform .3s;box-shadow:0 8px 32px #00000080;white-space:nowrap}.toast.show{transform:translate(-50%) translateY(0)}.gradient-text{background:linear-gradient(135deg,#0ea5e9,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.fade-in{animation:fadeIn .2s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.tooltip-wrap{position:relative;display:inline-flex}.tooltip-wrap:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:#0d1220;border:1px solid #1e2d45;border-radius:6px;color:#e2e8f0;font-size:11px;font-weight:600;line-height:1;padding:6px 8px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s ease;z-index:1200}.tooltip-wrap:hover:after,.tooltip-wrap:focus-within:after{opacity:1}.auth-panel .trust-grid{display:grid;gap:12px}.two-col{display:grid;grid-template-columns:1fr 360px;gap:16px}.two-col>.card:first-child{grid-row:span 2}.dashboard-hero{background:linear-gradient(135deg,var(--color-bg-surface),var(--color-bg-card));border:1px solid var(--color-border);border-radius:14px;padding:18px 22px}.muted-copy{color:var(--color-text-dim);font-size:13px}.subtle-copy{color:#64748b;font-size:12px;margin-top:4px}.summary-copy{color:#94a3b8;font-size:12px;margin-top:6px;white-space:pre-line}.dashboard-range-controls{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.quick-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.quick-action-btn{display:inline-flex;align-items:center;gap:7px;background:#111827;color:#94a3b8;border:1px solid #1e2d45;border-radius:10px;padding:8px 12px;font-size:12px;font-weight:700;cursor:pointer;transition:all .15s}.quick-action-btn:hover{background:#1a2235;color:#e2e8f0;border-color:#0ea5e9}.clickable-row{cursor:pointer;transition:background .15s}.clickable-row:hover{background:#1a2235}.txt-info{color:var(--color-info)}.txt-warning{color:var(--color-warning)}.txt-danger{color:var(--color-danger)}.txt-success{color:var(--color-success)}.txt-orange{color:var(--color-orange)}.badge-live{font-size:12px;color:var(--color-success);font-weight:600}.activity-ico{background:#0ea5e926;color:var(--color-info)}.summary-widget{background:linear-gradient(135deg,#0ea5e90f,#8b5cf60f);border:1px solid rgba(14,165,233,.2);border-radius:12px;padding:16px;display:flex;gap:14px}.summary-widget-ico{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff;font-weight:800;flex-shrink:0}.summary-badge-info{font-size:10px;font-weight:700;color:var(--color-info);background:#0ea5e91f;padding:2px 8px;border-radius:6px}.summary-badge-template{font-size:10px;font-weight:700;color:var(--color-warning);background:#f59e0b24;padding:2px 8px;border-radius:6px;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-muted-13{font-size:13px;color:var(--color-text-dim)}.text-dim-13{font-size:13px;color:#94a3b8}.text-dim-11{font-size:11px;color:#64748b}.text-danger-13{font-size:13px;color:var(--color-danger);font-weight:600}@media (max-width: 900px){.topbar{padding:0 10px;gap:8px}.t-logo{min-width:auto;gap:6px}.t-name{font-size:14px}.t-search{max-width:none}.mobile-only{display:none}.sidebar{position:fixed;top:48px;left:-220px;width:210px;height:calc(100vh - 48px);z-index:120;transition:left .2s ease;box-shadow:0 20px 60px #00000080}.sidebar.open{left:0}.mobile-sidebar-backdrop{display:block;position:fixed;top:48px;right:0;bottom:0;left:0;background:var(--color-shadow-50);border:none;z-index:110;cursor:pointer}.stats{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}.email-list{width:100%}.inbox-layout{flex-direction:column}}@media (max-width: 560px){.stats{grid-template-columns:1fr}.scroll,.ph,.p-head{padding:12px}.topbar{height:52px}.sidebar{top:52px;height:calc(100vh - 52px)}.mobile-sidebar-backdrop{top:52px;right:0;bottom:0;left:0}}.app-shell{--sidebar-w: 210px}.app-body{transition:all .25s cubic-bezier(.4,0,.2,1)}.sidebar{width:var(--sidebar-w);transition:width .25s cubic-bezier(.4,0,.2,1);overflow-x:visible;position:relative}.sidebar.mode-icon{width:56px}.sidebar.mode-hidden{width:0;border-right:0}.sidebar.mode-icon .s-nav-label,.sidebar.mode-icon .s-lbl,.sidebar.mode-icon .s-user-card,.sidebar.mode-icon .s-suggest{display:none}.sidebar.mode-icon .s-nav{justify-content:center;position:relative}.s-tooltip{position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%) translate(-4px);opacity:0;pointer-events:none;background:#27272a;color:#fff;font-size:11px;padding:4px 8px;border-radius:6px;white-space:nowrap;transition:all .15s ease}.sidebar.mode-icon .s-nav:hover .s-tooltip{opacity:1;transform:translateY(-50%) translate(0)}.s-list{overflow:hidden;transition:max-height .18s ease;max-height:800px}.s-list.closed{max-height:0}.sidebar-toggle{position:absolute;right:-12px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:999px;border:1px solid var(--color-border);background:#111827;color:#94a3b8;display:flex;align-items:center;justify-content:center;z-index:10;cursor:pointer;transition:transform .15s ease}.sidebar-toggle:hover{transform:translateY(-50%) scale(1.1)}.s-nav.active,.s-nav.on{background:#0ea5e926;color:#fff;border:0;border-left:2px solid var(--color-primary);border-radius:0 8px 8px 0}.s-suggest{margin:0 10px 8px;padding:8px;border:1px solid var(--color-border);border-radius:8px;font-size:11px;color:#94a3b8;display:flex;justify-content:space-between}.s-suggest button{background:none;border:0;color:#38bdf8;cursor:pointer;font-size:11px}.s-user-card{display:flex;align-items:center;gap:8px;border:1px solid var(--color-border);border-radius:10px;padding:6px;margin-bottom:8px}.s-logout{color:#f87171cc}.s-logout:hover{color:#f87171;background:#ef444414}.t-right{gap:8px}.t-btn{width:32px;height:32px;border-radius:8px}.t-btn:hover{background:#ffffff14}.n-badge{position:absolute;top:-1px;right:-1px;width:16px;height:16px;border-radius:999px;background:#ef4444;color:#fff;font-size:9px;display:flex;align-items:center;justify-content:center}.t-search{max-width:480px;transition:max-width .2s ease}.t-search.focused{max-width:100%}.kbd-hint{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:10px;color:#64748b;border:1px solid #1e2d45;border-radius:5px;padding:1px 6px}.ai-search-dd{position:absolute;top:38px;left:0;right:0;background:#111827;border:1px solid #1e2d45;border-radius:10px;box-shadow:0 20px 40px #00000080;z-index:1200;overflow:hidden}.ai-search-sec{padding:9px 12px;border-bottom:1px solid #1e2d45;font-size:12px;color:#94a3b8}.ai-search-sec b{color:#e2e8f0;display:block;margin-bottom:4px}.ai-search-sec div{padding:4px 0;cursor:pointer}.ai-search-result{padding:8px 12px;border-bottom:1px solid #1e2d45;font-size:12px;cursor:pointer}.ai-search-result:hover{background:#ffffff0d}.t-av{position:relative}.t-av.open{box-shadow:0 0 0 2px #0ea5e966}.av-presence{position:absolute;width:9px;height:9px;border-radius:999px;border:1.5px solid #0d1220;right:-1px;bottom:-1px}.profile-dd{position:absolute;right:8px;top:52px;width:280px;background:#111827;border:1px solid rgb(30,45,69);border-radius:12px;box-shadow:0 20px 40px #00000080;z-index:9999;overflow:hidden;animation:ddIn .15s ease}@keyframes ddIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.profile-hdr{display:flex;gap:10px;padding:12px;position:relative}.profile-av{width:48px;height:48px;border-radius:999px;background:linear-gradient(135deg,#0ea5e9,#8b5cf6);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;color:#fff}.profile-name{font-size:13px;font-weight:600;color:#fff}.profile-email{font-size:11px;color:#94a3b8;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-badges{display:inline-flex;gap:6px;margin-top:5px}.profile-badge{font-size:10px;padding:2px 8px;border-radius:999px;text-transform:capitalize}.profile-badge.role{background:#0ea5e933;color:#38bdf8}.profile-badge.plan{background:#3b82f633;color:#60a5fa}.profile-edit{position:absolute;right:10px;top:10px;background:none;border:0;color:#94a3b8;cursor:pointer}.profile-item{width:100%;display:flex;align-items:center;gap:10px;padding:10px 16px;border:0;background:transparent;color:#94a3b8;font-size:13px;text-align:left;cursor:pointer}.profile-item:hover{background:#ffffff0d}.profile-item svg:last-child{margin-left:auto;opacity:.4}.profile-sep{height:1px;background:#1e2d45b3;margin:2px 0}.profile-ai-row{display:flex;gap:6px;padding:8px 10px}.profile-chip{border:1px solid transparent;background:#ffffff0d;border-radius:8px;padding:6px 8px;font-size:11px;color:#cbd5e1;display:flex;gap:4px;align-items:center;cursor:pointer}.profile-chip:hover{background:#0ea5e91a;border-color:#0ea5e933}.presence-btn{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#94a3b8;background:transparent;border:0;margin-top:2px;cursor:pointer}.presence-dot{width:8px;height:8px;border-radius:999px;display:inline-block}.profile-subdd{margin:0 10px 6px;border:1px solid #1e2d45;border-radius:8px;overflow:hidden}.profile-subitem{width:100%;text-align:left;background:#0f172a;border:0;color:#94a3b8;font-size:11px;padding:7px 10px;cursor:pointer;display:flex;align-items:center;gap:6px}.profile-subitem:hover{background:#111827;color:#e2e8f0}.upgrade-btn{width:calc(100% - 32px);margin:8px 16px;border:0;border-radius:8px;padding:8px;color:#fff;font-size:12px;font-weight:700;background:linear-gradient(to right,var(--color-primary),#2563eb);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}.profile-dual{display:flex;gap:8px;padding:0 16px 8px}.logout-row{width:100%;border:0;background:transparent;color:#f87171;font-size:13px;padding:10px 16px;text-align:left;cursor:pointer;display:flex;gap:8px;align-items:center}.logout-row:hover{background:#ef44441a}.compact-int .int-head{display:flex;align-items:center;justify-content:space-between}.int-fix-btn{font-size:10px;padding:2px 8px;display:inline-flex;align-items:center;gap:3px}.int-status{width:100%;border:0;background:transparent;color:#94a3b8;font-size:12px;text-align:left;display:flex;justify-content:space-between;cursor:pointer}.int-dot-wrap{width:100%;background:#111827;border:1px solid #1e2d45;border-radius:8px;padding:8px 0;display:flex;flex-direction:column;align-items:center;gap:6px}.int-dot{width:8px;height:8px;border-radius:999px}.int-badge{background:#f59e0b;color:#fff;border-radius:999px;font-size:10px;padding:1px 5px}@media (max-width: 768px){.t-search{display:none}.topbar{padding:0 10px}.topbar .t-logo{min-width:auto}.topbar .mobile-only{display:inline-flex;order:5}.sidebar-toggle{display:none}}.last\:border-0:last-child{border-width:0px}.focus-within\:border-primary:focus-within{--tw-border-opacity: 1;border-color:rgb(14 165 233 / var(--tw-border-opacity, 1))}.hover\:border-border-strong:hover{--tw-border-opacity: 1;border-color:rgb(38 53 82 / var(--tw-border-opacity, 1))}.hover\:border-primary\/30:hover{border-color:#0ea5e94d}.hover\:border-primary\/40:hover{border-color:#0ea5e966}.hover\:bg-bg-card:hover{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.hover\:bg-bg-elevated:hover{--tw-bg-opacity: 1;background-color:rgb(26 34 53 / var(--tw-bg-opacity, 1))}.hover\:bg-bg-elevated\/50:hover{background-color:#1a223580}.hover\:bg-bg-elevated\/60:hover{background-color:#1a223599}.hover\:bg-primary\/10:hover{background-color:#0ea5e91a}.hover\:bg-primary\/20:hover{background-color:#0ea5e933}.hover\:bg-primary\/5:hover{background-color:#0ea5e90d}.hover\:text-danger:hover{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.hover\:text-primary-hover:hover{--tw-text-opacity: 1;color:rgb(56 189 248 / var(--tw-text-opacity, 1))}.hover\:text-success:hover{--tw-text-opacity: 1;color:rgb(16 185 129 / var(--tw-text-opacity, 1))}.hover\:text-text-muted:hover{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.hover\:text-text-primary:hover{--tw-text-opacity: 1;color:rgb(226 232 240 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.focus\:border-primary:focus{--tw-border-opacity: 1;border-color:rgb(14 165 233 / var(--tw-border-opacity, 1))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.group\/filter:hover .group-hover\/filter\:flex,.group:hover .group-hover\:flex{display:flex}.group:hover .group-hover\:opacity-0{opacity:0}.group:hover .group-hover\:opacity-100{opacity:1}@media (min-width: 640px){.sm\:ml-auto{margin-left:auto}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 768px){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 1280px){.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}