*,: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:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";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}.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}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-3{margin-left:.75rem}.ml-auto{margin-left:auto}.mt-1{margin-top:.25rem}.mt-3{margin-top:.75rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-3{height:.75rem}.h-4{height:1rem}.min-h-screen{min-height:100vh}.w-20{width:5rem}.w-24{width:6rem}.w-3{width:.75rem}.w-4{width:1rem}.min-w-0{min-width:0px}.max-w-4xl{max-width:56rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.grow{flex-grow:1}.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 pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-gray-700{--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.border-gray-800{--tw-border-opacity: 1;border-color:rgb(31 41 55 / var(--tw-border-opacity, 1))}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-gray-500{--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity, 1))}.bg-gray-600{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.bg-gray-800{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.bg-pink-500{--tw-bg-opacity: 1;background-color:rgb(236 72 153 / var(--tw-bg-opacity, 1))}.bg-purple-500{--tw-bg-opacity: 1;background-color:rgb(168 85 247 / var(--tw-bg-opacity, 1))}.bg-purple-600{--tw-bg-opacity: 1;background-color:rgb(147 51 234 / var(--tw-bg-opacity, 1))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-yellow-500{--tw-bg-opacity: 1;background-color:rgb(234 179 8 / var(--tw-bg-opacity, 1))}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.text-right{text-align:right}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.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}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.tracking-wider{letter-spacing:.05em}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-purple-400{--tw-text-opacity: 1;color:rgb(192 132 252 / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.placeholder-gray-500::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(107 114 128 / var(--tw-placeholder-opacity, 1))}.placeholder-gray-500::placeholder{--tw-placeholder-opacity: 1;color:rgb(107 114 128 / var(--tw-placeholder-opacity, 1))}.accent-purple-500{accent-color:#a855f7}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px 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{outline-style:solid}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.blur{--tw-blur: blur(8px);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)}.grayscale{--tw-grayscale: grayscale(100%);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)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,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-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}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:root{--bg: #f1ecfb;--bg-elev: #ffffff;--card: #ffffff;--card-hover: #faf9fe;--border: #ececf4;--border-strong: #e2e0ee;--text: #38373f;--text-dim: #8a89a0;--text-faint: #b4b3c2;--purple: #7b6ef0;--purple-glow: #7b6ef0;--blue: #5a8df0;--blue-glow: #5a8df0;--pink: #e06aa8;--green: #16a34a;--amber: #ea8a3b;--red: #d6453f;--radius: 18px;--radius-sm: 12px;--sb-thumb: rgba(123,110,240,.34);--sb-thumb-hover: rgba(123,110,240,.62);--sb-thumb-dark: rgba(167,156,255,.42);--sb-thumb-dark-hover: rgba(178,168,255,.74)}*{margin:0;padding:0;box-sizing:border-box}*{scrollbar-width:thin;scrollbar-color:var(--sb-thumb) transparent}*::-webkit-scrollbar{width:11px;height:11px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--sb-thumb);border-radius:999px;border:3px solid transparent;background-clip:padding-box;min-height:44px;-webkit-transition:background .16s ease;transition:background .16s ease}*::-webkit-scrollbar-thumb:hover{background:var(--sb-thumb-hover);background-clip:padding-box}*::-webkit-scrollbar-corner{background:transparent}.lay-nav{scrollbar-color:var(--sb-thumb-dark) transparent}.lay-nav::-webkit-scrollbar-thumb{background:var(--sb-thumb-dark);background-clip:padding-box}.lay-nav::-webkit-scrollbar-thumb:hover{background:var(--sb-thumb-dark-hover);background-clip:padding-box}.app .main,.lay-nav{scrollbar-gutter:stable}@media (prefers-reduced-motion: reduce){*::-webkit-scrollbar-thumb{-webkit-transition:none;transition:none}}html{background:#c4b6f1}body{font-family:Plus Jakarta Sans,sans-serif;background:linear-gradient(135deg,#cabdf5,#b9c7f0 55%,#d3c6f6);background-attachment:fixed;color:var(--text);-webkit-font-smoothing:antialiased;overflow-x:hidden;position:relative;padding:12px}h1,h2,h3{font-family:Plus Jakarta Sans,sans-serif;letter-spacing:-.01em}.app{display:flex;position:relative;z-index:1;width:100%;margin:0;min-height:calc(100vh - 24px);background:#f7f6fc;border-radius:24px;overflow:hidden;box-shadow:0 30px 70px #1c123742}.sidebar{width:244px;flex-shrink:0;background:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid var(--border);padding:22px 16px;display:flex;flex-direction:column;align-self:stretch}.brand{display:flex;align-items:center;gap:12px;padding:6px 8px 24px}.brand-logo{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--purple),var(--blue));display:grid;place-items:center;font-family:Poppins,sans-serif;font-weight:700;font-size:21px;color:#fff;box-shadow:0 4px 16px #7c3aed73}.brand-name{font-family:Poppins,sans-serif;font-weight:700;font-size:16px;line-height:1.1;letter-spacing:.02em}.brand-sub{font-size:11px;color:var(--text-faint);margin-top:2px}.nav{display:flex;flex-direction:column;gap:3px;flex:1}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:11px;color:var(--text-dim);font-size:14px;font-weight:500;cursor:pointer;transition:all .18s;position:relative}.nav-item svg{width:19px;height:19px;flex-shrink:0;color:#9d9cae}.nav-item:hover{background:#f1f0f7;color:var(--text)}.nav-item.active{background:#16151f;color:#fff;box-shadow:0 8px 20px #16151f40}.nav-item.active svg{color:#fff}.nav-badge{margin-left:auto;background:#efeafe;color:#7b6ef0;font-size:10px;font-weight:700;padding:2px 7px;border-radius:8px}.nav-badge.new{background:linear-gradient(135deg,#7b6ef0,#9d7bf5);color:#fff}.nav-group{display:flex;flex-direction:column;gap:2px}.nav-group-label{font-size:9.5px;letter-spacing:.7px;text-transform:uppercase;color:#bab9c8;font-weight:800;margin:14px 10px 6px}.nav-group:first-child .nav-group-label{margin-top:4px}.user-card{display:flex;align-items:center;gap:11px;padding:10px;border-radius:12px;background:var(--card);border:1px solid var(--border);cursor:pointer;transition:background .18s}.user-card:hover{background:var(--card-hover)}.user-avatar{width:36px;height:36px;border-radius:9px;background:linear-gradient(135deg,#6366f1,#ec4899);display:grid;place-items:center;font-weight:700;font-size:14px}.user-name{font-size:13px;font-weight:600}.user-plan{font-size:11px;color:var(--purple-glow)}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:14px;padding:18px 26px;z-index:20;background:transparent;border-bottom:none}.page-title{font-size:25px;font-weight:600}.page-sub{font-size:13px;color:var(--text-dim);margin-top:2px}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:13px}.date-pill{display:flex;align-items:center;gap:9px;background:var(--card);border:1px solid var(--border);padding:9px 14px;border-radius:11px;font-size:13px;color:var(--text-dim);cursor:pointer;transition:border .18s}.date-pill:hover{border-color:var(--border-strong)}.icon-btn{position:relative;width:42px;height:42px;border-radius:11px;background:var(--card);border:1px solid var(--border);display:grid;place-items:center;cursor:pointer;transition:all .18s}.icon-btn:hover{background:var(--card-hover)}.icon-btn svg{width:19px;height:19px;color:var(--text-dim)}.notif-dot{position:absolute;top:6px;right:7px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--purple);color:#fff;font-size:10px;font-weight:700;display:grid;place-items:center;box-shadow:0 0 0 2px var(--bg)}.btn-primary{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--purple),#6d28d9);color:#fff;font-weight:600;font-size:14px;padding:11px 18px;border-radius:11px;border:none;cursor:pointer;box-shadow:0 6px 20px #7c3aed66;transition:transform .15s,box-shadow .15s}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 28px #7c3aed8c}.content{padding:24px 30px 46px;display:flex;flex-direction:column;gap:20px}.kpi-row{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.kpi{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:0 6px 18px #3c28780f;transition:transform .2s,border .2s}.kpi:hover{transform:translateY(-3px);border-color:var(--border-strong)}.kpi-row .kpi:nth-child(1){background:linear-gradient(160deg,#fde8d4,#fbddc4)}.kpi-row .kpi:nth-child(2){background:linear-gradient(160deg,#dde9f9,#cfe0f6)}.kpi-row .kpi:nth-child(3){background:linear-gradient(160deg,#fbe0ee,#f6d2e6)}.kpi-row .kpi:nth-child(4){background:linear-gradient(160deg,#d6f3e4,#c7eed8)}.kpi-row .kpi:nth-child(5){background:linear-gradient(160deg,#ebe5fc,#e0d7fb)}.kpi-icon{background:#ffffff8c;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;margin-bottom:16px}.kpi-icon svg{width:21px;height:21px}.ic-purple{background:#7c3aed29;color:var(--purple-glow)}.ic-blue{background:#2563eb29;color:var(--blue-glow)}.ic-pink{background:#ec489929;color:var(--pink)}.ic-green{background:#10b98129;color:var(--green)}.ic-amber{background:#f59e0b29;color:var(--amber)}.kpi-label{font-size:12px;color:var(--text-dim);margin-bottom:6px}.kpi-value{font-family:Poppins,sans-serif;font-size:30px;font-weight:600;line-height:1}.kpi-delta{display:inline-flex;align-items:center;gap:3px;font-size:12px;font-weight:600;margin-top:10px;color:var(--green)}.kpi-foot{font-size:11px;color:var(--text-faint);margin-top:4px}.mid-wrap{display:grid;grid-template-columns:1fr 248px;gap:18px;align-items:start}.mid-left{display:flex;flex-direction:column;gap:18px;min-width:0}.band1{display:grid;grid-template-columns:1.5fr 1.15fr .95fr;gap:18px}.band2{display:grid;grid-template-columns:1fr 1.45fr;gap:18px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:0 10px 30px #3c28780d}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.card-title{font-size:16px;font-weight:600}.card-link{font-size:12px;color:var(--purple-glow);cursor:pointer;font-weight:500}.card-link:hover{text-decoration:underline}.chev{color:var(--text-faint);cursor:pointer}.legend{display:flex;gap:16px;margin-bottom:6px}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-dim)}.legend-dot{width:8px;height:8px;border-radius:50%}.chart-wrap{width:100%;height:215px}.content-item{display:flex;gap:12px;padding:11px 0;border-bottom:1px solid var(--border)}.content-item:last-child{border-bottom:none;padding-bottom:0}.content-thumb{width:52px;height:66px;border-radius:10px;flex-shrink:0;-o-object-fit:cover;object-fit:cover}.badge-type{display:inline-block;font-size:10px;font-weight:600;color:var(--text-faint);margin-bottom:4px}.content-cap{font-size:13px;font-weight:600;margin-bottom:7px}.content-stats{display:flex;gap:12px;font-size:11px;color:var(--text-dim)}.score{margin-left:auto;align-self:flex-start;background:#10b98124;color:var(--green);font-size:12px;font-weight:700;padding:3px 9px;border-radius:8px}.alert{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.alert:last-child{border-bottom:none;padding-bottom:0}.alert-ic{width:34px;height:34px;border-radius:9px;flex-shrink:0;display:grid;place-items:center}.alert-ic svg{width:17px;height:17px}.alert-title{font-size:13px;font-weight:600}.alert-title .hl{color:var(--amber)}.alert-title .hlg{color:var(--green)}.alert-desc{font-size:11px;color:var(--text-dim);margin-top:2px}.rail{display:flex;flex-direction:column;gap:18px;position:sticky;top:92px}.quick-item{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);margin-bottom:9px;cursor:pointer;transition:all .16s}.quick-item:last-child{margin-bottom:0}.quick-item:hover{background:var(--card-hover);border-color:#7c3aed66;transform:translate(2px)}.quick-ic{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;flex-shrink:0}.quick-ic svg{width:18px;height:18px}.quick-title{font-size:13px;font-weight:600}.quick-sub{font-size:11px;color:var(--text-faint)}.integ-item{display:flex;align-items:center;gap:11px;padding:10px 0}.integ-ic{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;font-size:15px;flex-shrink:0}.integ-name{font-size:13px;font-weight:600}.integ-status{margin-left:auto;font-size:11px;font-weight:600;color:var(--green);display:flex;align-items:center;gap:5px}.integ-status:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 6px var(--green)}.btn-ghost{width:100%;margin-top:12px;padding:10px;border-radius:11px;background:#7c3aed1f;border:1px solid rgba(124,58,237,.3);color:var(--purple-glow);font-size:13px;font-weight:600;cursor:pointer;transition:all .16s}.btn-ghost:hover{background:#7c3aed33}.models-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.model-card{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--card);transition:transform .2s,border .2s;cursor:pointer}.model-card:hover{transform:translateY(-3px);border-color:#7c3aed66}.model-imgwrap{height:118px;position:relative;overflow:hidden}.model-imgwrap img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top}.model-imgwrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(transparent 45%,#161618f5)}.model-live{position:absolute;top:9px;right:9px;z-index:2;display:flex;align-items:center;gap:5px;background:#0000008c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:4px 8px;border-radius:8px;font-size:10px;font-weight:600}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);animation:pulse 1.8s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.model-body{padding:11px 13px 14px}.model-name{font-family:Poppins,sans-serif;font-size:15px;font-weight:600}.model-niche{font-size:11px;color:var(--text-faint);margin-bottom:8px}.model-plats{display:flex;gap:5px;margin-bottom:9px}.plat-chip{width:22px;height:22px;border-radius:6px;display:grid;place-items:center;font-size:10px}.model-foll{font-size:12px;color:var(--text-dim)}.model-foll b{color:var(--text);font-family:Poppins,sans-serif}.model-new{display:grid;place-items:center;gap:10px;border:1.5px dashed var(--border-strong);border-radius:var(--radius);cursor:pointer;transition:all .18s}.model-new:hover{border-color:var(--purple);background:#7c3aed0a}.model-new-ic{width:46px;height:46px;border-radius:14px;background:#7c3aed26;display:grid;place-items:center;color:var(--purple-glow)}.week-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:9px}.day-col{display:flex;flex-direction:column;gap:7px}.day-label{font-size:11px;color:var(--text-faint);text-align:center;font-weight:600}.day-slot{height:96px;border-radius:11px;position:relative;overflow:hidden;border:1px solid var(--border)}.day-slot img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.day-slot.empty{border:1.5px dashed var(--border);display:grid;place-items:center;color:var(--text-faint)}.slot-time{position:absolute;bottom:5px;left:5px;right:5px;display:flex;align-items:center;justify-content:space-between;font-size:9px;font-weight:600;background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:3px 6px;border-radius:6px}.bottom-row{display:grid;grid-template-columns:1.1fr 1.1fr .95fr;gap:18px}.pipe{padding:13px 0;border-bottom:1px solid var(--border)}.pipe:last-child{border-bottom:none;padding-bottom:0}.pipe-top{display:flex;align-items:center;gap:10px;margin-bottom:9px}.pipe-plat{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;font-size:11px;flex-shrink:0}.pipe-name{font-size:13px;font-weight:600}.pipe-sub{font-size:11px;color:var(--text-faint)}.pipe-pct{margin-left:auto;display:flex;align-items:center;gap:9px}.pct-num{font-size:12px;font-weight:700;color:var(--text-dim)}.pipe-status{font-size:11px;font-weight:600;padding:3px 9px;border-radius:7px}.st-proc{background:#7c3aed29;color:var(--purple-glow)}.st-done{background:#10b98124;color:var(--green)}.st-fail{background:#ef444424;color:var(--red)}.bar{height:6px;border-radius:4px;background:var(--bg-elev);overflow:hidden}.bar-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--purple),var(--blue))}.bar-fill.fail{background:var(--red)}.act{display:flex;gap:11px;padding:11px 0;border-bottom:1px solid var(--border)}.act:last-child{border-bottom:none;padding-bottom:0}.act-ic{width:32px;height:32px;border-radius:9px;flex-shrink:0;display:grid;place-items:center}.act-ic svg{width:15px;height:15px}.act-title{font-size:12.5px;font-weight:600}.act-desc{font-size:11px;color:var(--text-faint);margin-top:1px}.act-time{margin-left:auto;font-size:10px;color:var(--text-faint);white-space:nowrap}.donut-wrap{display:flex;align-items:center;gap:16px}.donut-legend{display:flex;flex-direction:column;gap:11px;flex:1}.dl-item{display:flex;align-items:center;gap:8px;font-size:12px}.dl-dot{width:9px;height:9px;border-radius:3px}.dl-val{margin-left:auto;color:var(--text-dim);font-weight:600}.stagger-in{opacity:0;transform:translateY(12px);transition:opacity .5s ease,transform .5s ease}.stagger-in.visible{opacity:1;transform:translateY(0)}@media (max-width:1500px){.mid-wrap{grid-template-columns:1fr}.rail{position:static;flex-direction:row}.rail .card{flex:1}}@media (max-width:1200px){.kpi-row{grid-template-columns:repeat(3,1fr)}.band1{grid-template-columns:1fr 1fr}}@media (max-width:900px){.band2{grid-template-columns:1fr}.models-row{grid-template-columns:repeat(2,1fr)}.bottom-row{grid-template-columns:1fr}}.studio-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:20px;align-items:start}.studio-preview-panel{position:sticky;top:92px}@media (max-width: 1100px){.studio-layout{grid-template-columns:1fr}.studio-preview-panel{position:static}}.studio-textarea{width:100%;min-height:96px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;color:var(--text);font-family:Poppins,sans-serif;font-size:14px;resize:vertical;outline:none;transition:border .18s;display:block}.studio-textarea:focus{border-color:#7c3aed80}.studio-textarea::-moz-placeholder{color:var(--text-faint)}.studio-textarea::placeholder{color:var(--text-faint)}.studio-input{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 14px;color:var(--text);font-family:Poppins,sans-serif;font-size:14px;outline:none;transition:border .18s;width:100%}.studio-input:focus{border-color:#7c3aed80}.studio-input::-moz-placeholder{color:var(--text-faint)}.studio-input::placeholder{color:var(--text-faint)}.studio-select{background:var(--bg-elev);border:1px solid var(--border);border-radius:10px;padding:8px 32px 8px 12px;color:var(--text);font-family:Poppins,sans-serif;font-size:13px;outline:none;cursor:pointer;transition:border .18s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%235A5A62' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.studio-select:focus{border-color:#7c3aed80}.studio-select option{background:var(--card)}.style-chip{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;border-radius:20px;border:1px solid var(--border);background:var(--bg-elev);color:var(--text-dim);font-size:13px;font-weight:500;cursor:pointer;transition:all .16s}.style-chip:hover{border-color:var(--border-strong);color:var(--text)}.style-chip.active{background:#7c3aed2e;border-color:#7c3aed80;color:var(--purple-glow);font-weight:600}.studio-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.gen-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.gen-img-wrap{border-radius:var(--radius-sm);overflow:hidden;border:2px solid transparent;cursor:pointer;position:relative;transition:border-color .16s,transform .16s}.gen-img-wrap:hover{transform:scale(1.02)}.gen-img-wrap.selected{border-color:var(--purple-glow)}.gen-img-wrap img{width:100%;height:160px;-o-object-fit:cover;object-fit:cover;display:block}.gen-img-check{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:50%;background:var(--purple);color:#fff;font-size:12px;font-weight:700;display:grid;place-items:center}.studio-result-box{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px}.hashtag-pill{display:inline-block;padding:5px 12px;border-radius:20px;background:#2563eb24;border:1px solid rgba(37,99,235,.25);color:var(--blue-glow);font-size:12px;font-weight:600;cursor:pointer;transition:all .14s}.hashtag-pill:hover{background:#2563eb3d;border-color:#2563eb73}.phone-frame{display:flex;justify-content:center}.phone-screen{width:200px;height:360px;border-radius:24px;overflow:hidden;position:relative;border:2px solid var(--border-strong);background:var(--bg-elev);box-shadow:0 20px 40px #00000080}.phone-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.phone-overlay{position:absolute;bottom:0;left:0;right:0;padding:16px 12px 14px;background:linear-gradient(transparent,#000000bf)}.phone-persona{font-family:Poppins,sans-serif;font-size:13px;font-weight:700;color:#fff;margin-bottom:4px}.phone-caption{font-size:10px;color:#ffffffd9;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.preview-plat-icon{width:28px;height:28px;border-radius:8px;background:var(--bg-elev);border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:center;font-size:13px;cursor:pointer;transition:border .16s}.preview-plat-icon:hover{border-color:var(--border-strong)}.faceswap-panels{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 900px){.faceswap-panels{grid-template-columns:1fr}}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:2px dashed var(--border-strong);border-radius:var(--radius-sm);padding:36px 24px;cursor:pointer;transition:all .18s;text-align:center;min-height:200px}.dropzone:hover,.dropzone.dragging{border-color:#7c3aed80;background:#7c3aed0a}.dropzone-audio{flex-direction:row;min-height:auto;padding:16px 20px}.dropzone-icon{width:48px;height:48px;border-radius:14px;background:#7c3aed24;display:grid;place-items:center;color:var(--purple-glow);margin-bottom:4px;flex-shrink:0}.result-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;background:var(--bg-elev);border-radius:var(--radius-sm);border:1px dashed var(--border);padding:32px}.toggle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media (max-width: 900px){.toggle-grid{grid-template-columns:repeat(2,1fr)}}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:var(--radius-sm);background:var(--bg-elev);border:1px solid var(--border);gap:10px}.toggle-switch{width:40px;height:22px;border-radius:11px;background:var(--bg);border:1px solid var(--border-strong);cursor:pointer;position:relative;transition:background .2s,border-color .2s;flex-shrink:0}.toggle-switch.on{background:var(--purple);border-color:var(--purple)}.toggle-thumb{position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .2s;pointer-events:none}.toggle-switch.on .toggle-thumb{transform:translate(18px)}.history-thumb{flex-shrink:0;cursor:pointer;position:relative}.history-thumb img{width:80px;height:100px;border-radius:10px;-o-object-fit:cover;object-fit:cover;display:block;border:2px solid transparent;transition:border-color .16s,transform .16s}.history-thumb:hover img{border-color:var(--purple-glow);transform:scale(1.04)}.history-score{position:absolute;top:5px;right:5px;background:#10b98133;color:var(--green);font-size:10px;font-weight:700;padding:2px 6px;border-radius:6px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.waveform-container{display:flex;align-items:center;gap:14px;padding:16px;background:var(--bg-elev);border-radius:var(--radius-sm);border:1px solid var(--border);min-height:88px}.waveform-play{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--purple),#6d28d9);border:none;cursor:pointer;display:grid;place-items:center;color:#fff;flex-shrink:0;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 14px #7c3aed66}.waveform-play:hover{transform:scale(1.06);box-shadow:0 6px 20px #7c3aed8c}.waveform-play.disabled{opacity:.45;cursor:not-allowed}.waveform-play.disabled:hover{transform:none;box-shadow:0 4px 14px #7c3aed66}.waveform-bars{display:flex;align-items:center;gap:3px;flex:1;height:72px}.waveform-bar{width:4px;border-radius:2px;background:linear-gradient(to top,var(--purple),var(--blue-glow));min-height:4px;transition:height .4s ease;flex-shrink:0}.waveform-bar.playing{animation:waveform-pulse 1.2s ease-in-out infinite alternate}@keyframes waveform-pulse{0%{opacity:.5;transform:scaleY(.65)}to{opacity:1;transform:scaleY(1)}}.audio-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);transition:background .16s,border-color .16s;cursor:pointer}.audio-item:hover{background:var(--card-hover);border-color:#7c3aed4d}.view-toggle{display:flex;background:var(--card);border:1px solid var(--border);border-radius:11px;padding:3px;gap:2px}.view-toggle-btn{padding:7px 18px;border-radius:9px;border:none;background:transparent;color:var(--text-dim);font-family:Poppins,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all .16s}.view-toggle-btn.active{background:linear-gradient(135deg,#7c3aed4d,#7c3aed24);color:#fff;box-shadow:inset 0 0 0 1px #7c3aed66}.view-toggle-btn:hover:not(.active){color:var(--text)}.scheduler-week-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin-top:4px}.sched-day-col{display:flex;flex-direction:column;gap:8px;min-height:200px}.sched-day-header{display:flex;flex-direction:column;align-items:center;gap:2px;padding-bottom:6px;border-bottom:1px solid var(--border)}.sched-day-name{font-size:11px;font-weight:700;color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em}.sched-day-num{font-family:Poppins,sans-serif;font-size:18px;font-weight:600;color:var(--text)}.sched-post-card{border-radius:10px;overflow:hidden;border:1px solid var(--border);background:var(--bg-elev);transition:all .18s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sched-post-card:hover{border-color:#7c3aed66;transform:translateY(-2px);box-shadow:0 6px 16px #0000004d}.sched-post-img{height:72px;overflow:hidden}.sched-post-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.sched-post-info{padding:6px 8px 7px}.sched-empty-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1.5px dashed var(--border);border-radius:10px;padding:16px 8px;color:var(--text-faint);font-size:10px;font-weight:600;cursor:pointer;transition:all .16s;flex:1;min-height:60px}.sched-empty-slot:hover{border-color:#7c3aed66;color:var(--purple-glow);background:#7c3aed0a}.sched-add-mini{display:flex;align-items:center;justify-content:center;padding:5px;border-radius:8px;border:1.5px dashed var(--border);cursor:pointer;color:var(--text-faint);transition:all .16s}.sched-add-mini:hover{border-color:#7c3aed66;color:var(--purple-glow);background:#7c3aed0a}.month-grid-header{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:4px}.month-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.month-cell{border:1px solid var(--border);border-radius:10px;padding:6px 5px 8px;min-height:84px;background:var(--bg-elev);transition:background .16s,border-color .16s;cursor:pointer;display:flex;flex-direction:column;align-items:center}.month-cell:hover{background:var(--card-hover);border-color:#7c3aed4d}.month-cell.empty{background:transparent;border-color:transparent;cursor:default}.month-cell-num{font-family:Poppins,sans-serif;font-size:14px;font-weight:600;color:var(--text-dim);text-align:center;width:100%;margin-bottom:4px}.month-cell-thumb{width:90%;border-radius:6px;overflow:hidden;flex-shrink:0}.month-cell-thumb img{width:100%;height:40px;-o-object-fit:cover;object-fit:cover;display:block}.inbox-layout{display:grid;grid-template-columns:360px 1fr;height:calc(100vh - 81px);min-height:0;overflow:hidden}.inbox-sidebar{display:flex;flex-direction:column;border-right:1px solid var(--border);background:var(--card);overflow:hidden}.inbox-filter-tabs{display:flex;gap:4px;padding:14px 14px 10px;border-bottom:1px solid var(--border);flex-shrink:0}.inbox-filter-tab{flex:1;padding:7px 8px;border-radius:9px;border:none;background:transparent;color:var(--text-dim);font-family:Poppins,sans-serif;font-size:12px;font-weight:600;cursor:pointer;transition:all .16s;white-space:nowrap}.inbox-filter-tab:hover{color:var(--text);background:var(--bg-elev)}.inbox-filter-tab.active{background:#7c3aed2e;color:var(--purple-glow);box-shadow:inset 0 0 0 1px #7c3aed59}.inbox-convo-list{flex:1;overflow-y:auto;padding:8px}.inbox-convo-list::-webkit-scrollbar{width:4px}.inbox-convo-list::-webkit-scrollbar-track{background:transparent}.inbox-convo-list::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.inbox-convo-item{display:flex;align-items:center;gap:11px;padding:11px 10px;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s;position:relative}.inbox-convo-item:hover{background:var(--card-hover)}.inbox-convo-item.active{background:#7c3aed24;box-shadow:inset 0 0 0 1px #7c3aed47}.inbox-convo-avatar{width:44px;height:44px;border-radius:50%;overflow:hidden;flex-shrink:0;border:2px solid var(--border-strong)}.inbox-convo-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.inbox-convo-body{flex:1;min-width:0}.inbox-convo-top{display:flex;align-items:center;gap:6px;margin-bottom:4px}.inbox-convo-handle{font-size:13px;font-weight:700;color:var(--text);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbox-convo-plat{font-size:13px;flex-shrink:0}.inbox-convo-time{font-size:11px;color:var(--text-faint);white-space:nowrap;margin-left:auto}.inbox-convo-preview{font-size:12px;color:var(--text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbox-unread-dot{width:8px;height:8px;border-radius:50%;background:var(--purple-glow);flex-shrink:0;box-shadow:0 0 6px #8b5cf699}.inbox-thread-panel{display:flex;flex-direction:column;overflow:hidden;background:var(--bg-elev)}.inbox-thread-header{display:flex;align-items:center;gap:13px;padding:16px 22px;border-bottom:1px solid var(--border);background:var(--card);flex-shrink:0}.inbox-ver-perfil{margin-left:auto;font-size:13px;font-weight:600;color:var(--purple-glow);text-decoration:none;transition:opacity .15s}.inbox-ver-perfil:hover{opacity:.8;text-decoration:underline}.inbox-messages{flex:1;overflow-y:auto;padding:20px 22px;display:flex;flex-direction:column;gap:14px}.inbox-messages::-webkit-scrollbar{width:4px}.inbox-messages::-webkit-scrollbar-track{background:transparent}.inbox-messages::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.inbox-msg-row{display:flex;align-items:flex-end;gap:9px}.inbox-msg-row.outgoing{flex-direction:row-reverse}.inbox-msg-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;flex-shrink:0;border:1px solid var(--border-strong)}.inbox-msg-wrap{display:flex;flex-direction:column;max-width:70%}.inbox-msg-row.outgoing .inbox-msg-wrap{align-items:flex-end}.inbox-bubble{padding:11px 15px;border-radius:16px;font-size:14px;line-height:1.5;word-break:break-word}.inbox-bubble.incoming{background:var(--card);border:1px solid var(--border);color:var(--text);border-bottom-left-radius:4px}.inbox-bubble.outgoing{background:linear-gradient(135deg,var(--purple),#6d28d9);color:#fff;border-bottom-right-radius:4px;box-shadow:0 4px 14px #7c3aed59}.inbox-msg-time{font-size:10px;color:var(--text-faint);margin-top:4px;padding:0 2px}.inbox-composer{padding:14px 18px;border-top:1px solid var(--border);background:var(--card);flex-shrink:0;display:flex;flex-direction:column;gap:10px}.inbox-composer-input{resize:none}.inbox-composer-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.inbox-ai-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 15px;border-radius:10px;border:1px solid rgba(124,58,237,.35);background:#7c3aed1a;color:var(--purple-glow);font-family:Poppins,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all .16s}.inbox-ai-btn:hover{background:#7c3aed33;border-color:#7c3aed80}@media (max-width: 900px){.inbox-layout{grid-template-columns:1fr}.inbox-sidebar{display:none}}.settings-layout{display:grid;grid-template-columns:220px 1fr;gap:20px;padding:24px 30px 46px;align-items:start}.settings-tabnav{display:flex;flex-direction:column;gap:3px;padding:16px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);position:sticky;top:92px}.settings-tab-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;border:none;background:transparent;color:var(--text-dim);font-family:Poppins,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .16s;text-align:left}.settings-tab-item:hover{background:var(--card-hover);color:var(--text)}.settings-tab-item.active{background:#7c3aed29;color:var(--purple-glow);font-weight:600;box-shadow:inset 0 0 0 1px #7c3aed4d}.settings-panel{min-height:500px}.settings-panel-content{display:flex;flex-direction:column;gap:16px}.settings-section-title{font-family:Poppins,sans-serif;font-size:18px;font-weight:600;margin-bottom:4px}.settings-label{display:block;font-size:12px;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;margin-bottom:7px}.settings-field-group{display:flex;flex-direction:column;max-width:480px}.settings-apikey-row{display:flex;flex-direction:column;gap:8px;padding:14px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color .16s}.settings-apikey-row:hover{border-color:var(--border-strong)}.settings-apikey-label-wrap{display:flex;align-items:center;justify-content:space-between;gap:10px}.settings-status-chip{font-size:11px;font-weight:700;padding:3px 9px;border-radius:8px;background:#f59e0b24;color:var(--amber);white-space:nowrap;flex-shrink:0}.settings-status-chip.configured{background:#10b98124;color:var(--green)}.settings-security-note{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-faint);padding:10px 14px;background:var(--bg-elev);border:1px solid var(--border);border-radius:10px}.settings-plan-card{background:linear-gradient(135deg,#7c3aed1f,#2563eb14);border:1px solid rgba(124,58,237,.3);border-radius:var(--radius);padding:24px}.settings-usage-bar{height:8px;border-radius:5px;background:var(--bg-elev);overflow:hidden;border:1px solid var(--border)}.settings-usage-fill{height:100%;border-radius:5px;transition:width .4s ease;opacity:.9}@media (max-width: 900px){.settings-layout{grid-template-columns:1fr}.settings-tabnav{position:static;flex-direction:row;flex-wrap:wrap}}.cpb-root{display:grid;grid-template-columns:1fr 460px;min-height:calc(100vh - 81px)}.cpb-left{overflow-y:auto;padding:22px 26px 40px}.cpb-right{border-left:1px solid var(--border);background:#0c0c0e;display:flex;flex-direction:column;min-height:0;position:sticky;top:81px;height:calc(100vh - 81px);overflow:hidden}.cpb-cols2{display:grid;grid-template-columns:1fr 1fr;gap:22px}.cpb-grp{margin-bottom:22px}.cpb-grp-t{font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-dim);margin-bottom:13px;display:flex;align-items:center;gap:8px}.cpb-grp-e{font-size:15px}.cpb-field{margin-bottom:15px}.cpb-lbl{font-size:12px;color:var(--text-dim);margin-bottom:8px;display:flex;justify-content:space-between}.cpb-lbl-v{color:var(--purple-glow);font-weight:700}.cpb-chips{display:flex;flex-wrap:wrap;gap:8px}.cpb-chip{padding:8px 14px;border-radius:18px;border:1px solid var(--border);background:#0f0f11;font-size:12.5px;color:var(--text-dim);cursor:pointer;transition:all .14s;font-family:Poppins,sans-serif}.cpb-chip:hover{border-color:var(--border-strong)}.cpb-chip-on{background:#7c3aed2e;border-color:var(--purple);color:#fff}.cpb-sld{-webkit-appearance:none;width:100%;height:5px;border-radius:3px;background:#26262b;outline:none;cursor:pointer}.cpb-sld::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 0 0 3px var(--purple)}.cpb-sw{display:flex;gap:8px;flex-wrap:wrap}.cpb-s{width:30px;height:30px;border-radius:8px;cursor:pointer;border:2px solid transparent;transition:transform .12s}.cpb-s:hover{transform:scale(1.08)}.cpb-s-on{border-color:#fff;box-shadow:0 0 0 2px var(--purple)}.cpb-create-box{background:#7c3aed0f;border:1px solid rgba(124,58,237,.2);border-radius:12px;padding:16px;margin-top:8px}.cpb-create-row{display:flex;gap:10px;align-items:center}.cpb-create-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 18px;border-radius:11px;background:linear-gradient(135deg,var(--purple),#6d28d9);color:#fff;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;border:none;cursor:pointer;white-space:nowrap;box-shadow:0 4px 16px #7c3aed66;transition:transform .15s,box-shadow .15s;flex-shrink:0}.cpb-create-btn:hover{transform:translateY(-1px);box-shadow:0 8px 24px #7c3aed80}.cpb-create-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.cpb-create-msg{margin-top:10px;font-size:13px;font-weight:600;padding:8px 12px;border-radius:9px}.cpb-create-msg.ok{background:#10b9811f;color:var(--green);border:1px solid rgba(16,185,129,.25)}.cpb-create-msg.err{background:#ef44441f;color:#ef4444;border:1px solid rgba(239,68,68,.25)}.cpb-platform-row{padding:14px 16px;border-bottom:1px solid var(--border);display:flex;gap:7px;flex-wrap:wrap;flex-shrink:0}.cpb-pf{display:flex;align-items:center;gap:6px;padding:7px 12px;border-radius:9px;border:1px solid var(--border);background:var(--card);font-size:12px;font-weight:600;color:var(--text-dim);cursor:pointer;font-family:Poppins,sans-serif;transition:all .14s}.cpb-pf:hover{border-color:var(--border-strong);color:var(--text)}.cpb-pf-on{background:#7c3aed29;border-color:var(--purple);color:#fff}.cpb-prompt-wrap{flex:1;padding:16px 18px;overflow-y:auto;display:flex;flex-direction:column;gap:14px;min-height:0}.cpb-prompt-wrap::-webkit-scrollbar{width:5px}.cpb-prompt-wrap::-webkit-scrollbar-thumb{background:#26262b;border-radius:4px}.cpb-plabel{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.cpb-copy-btn{font-size:11px;color:var(--purple-glow);cursor:pointer;display:flex;align-items:center;gap:5px;font-weight:600;background:none;border:none;font-family:Poppins,sans-serif;transition:opacity .14s}.cpb-copy-btn:hover{opacity:.75}.cpb-prompt-box{background:#0f0f11;border:1px solid var(--border-strong);border-radius:12px;padding:15px;font-size:13.5px;line-height:1.65;color:#dfe1e6;font-family:Poppins,sans-serif;min-height:120px}.cpb-hl{color:var(--purple-glow);font-weight:600}.cpb-neg-box{background:#0f0f11;border:1px solid var(--border);border-radius:12px;padding:12px;font-size:12px;line-height:1.5;color:var(--text-faint)}.cpb-actions{display:flex;gap:9px}.cpb-ba{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:12px;border-radius:11px;font-size:13px;font-weight:600;cursor:pointer;border:1px solid var(--border);background:var(--card);color:var(--text);font-family:Poppins,sans-serif;transition:background .14s;text-decoration:none}.cpb-ba:hover{background:var(--card-hover)}.cpb-ba-p{background:linear-gradient(135deg,var(--purple),#6d28d9);color:#fff;border:none;box-shadow:0 4px 16px #7c3aed66}.cpb-ba-p:hover{background:linear-gradient(135deg,#8b4cf6,#7c3aed)}.cpb-flow{background:#7c3aed0f;border:1px solid rgba(124,58,237,.2);border-radius:12px;padding:14px}.cpb-flow-t{font-size:12px;font-weight:700;margin-bottom:10px;color:var(--purple-glow)}.cpb-fstep{display:flex;gap:10px;align-items:flex-start;font-size:12px;color:var(--text-dim);margin-bottom:8px}.cpb-fstep:last-child{margin-bottom:0}.cpb-fn{width:18px;height:18px;border-radius:50%;background:#7c3aed40;color:var(--purple-glow);font-size:10px;font-weight:700;display:grid;place-items:center;flex-shrink:0;margin-top:1px}.cpb-import{border:1.5px dashed var(--border-strong);border-radius:12px;padding:20px;text-align:center;color:var(--text-faint);cursor:pointer;transition:border-color .16s,color .16s}.cpb-import:hover{border-color:var(--purple);color:var(--purple-glow)}.cpb-di{width:40px;height:40px;border-radius:11px;background:#7c3aed24;color:var(--purple-glow);display:grid;place-items:center;margin:0 auto 9px}.cpb-import-title{font-size:13px;font-weight:600;color:var(--text-dim)}.cpb-import-sub{font-size:11px;margin-top:3px}.cpb-preview-img{width:100%;max-height:180px;-o-object-fit:cover;object-fit:cover;border-radius:10px;display:block}.cpb-tab-bar{display:flex;gap:6px;margin-bottom:22px;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:4px}.cpb-tab-btn{flex:1;padding:9px 14px;border-radius:9px;border:none;background:transparent;color:var(--text-dim);font-family:Poppins,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all .16s;white-space:nowrap}.cpb-tab-btn:hover:not(.cpb-tab-active){color:var(--text)}.cpb-tab-active{background:linear-gradient(135deg,#7c3aed4d,#7c3aed24);color:#fff;box-shadow:inset 0 0 0 1px #7c3aed66}@media (max-width: 1200px){.cpb-root{grid-template-columns:1fr}.cpb-right{position:static;height:auto;overflow:visible}}@media (max-width: 900px){.cpb-cols2{grid-template-columns:1fr}.cpb-platform-row{flex-wrap:wrap}}.credit-card{margin-top:14px;background:linear-gradient(160deg,#efeafe,#e7e0fb);border:1px solid #e3dcfa;border-radius:15px;padding:13px 14px}.credit-top{font-size:11.5px;font-weight:800;color:var(--text);display:flex;align-items:center;gap:7px}.credit-sub{font-size:10.5px;color:var(--text-dim);font-weight:600;margin:6px 0 11px;line-height:1.35}.credit-btn{width:100%;background:#16151f;color:#fff;border:none;border-radius:10px;padding:9px;font-size:11.5px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px}.credit-btn:hover{background:#26243a}.modelsw{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--border);border-radius:12px;padding:7px 12px 7px 8px;font-weight:800;font-size:12.8px;color:var(--text);cursor:pointer;transition:border .16s,box-shadow .16s}.modelsw:hover{border-color:var(--purple);box-shadow:0 6px 18px #7b6ef029}.modelsw-av{width:26px;height:26px;border-radius:8px;flex:none;background:linear-gradient(135deg,#9d7bf5,#7b6ef0);display:grid;place-items:center;color:#fff;font-size:11px;font-weight:800}.modelsw-mut{color:var(--text-dim);font-weight:600;font-size:10.5px}.modelsw-dd{position:absolute;top:50px;left:0;width:290px;z-index:41;background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:0 24px 60px #261a5647;padding:8px}.modelsw-ddh{font-size:9.5px;font-weight:800;color:#bab9c8;text-transform:uppercase;letter-spacing:.6px;padding:8px 10px 6px}.modelsw-opt{display:flex;align-items:center;gap:11px;padding:9px 10px;border-radius:11px;cursor:pointer}.modelsw-opt:hover{background:var(--card-hover)}.modelsw-opt.on{background:#f1eefe}.modelsw-oav{width:32px;height:32px;border-radius:9px;flex:none;display:grid;place-items:center;color:#fff;font-weight:800;font-size:13px;background:linear-gradient(135deg,#9d7bf5,#7b6ef0)}.modelsw-oav.all{background:#16151f}.modelsw-nm{font-size:13px;font-weight:800;color:var(--text)}.modelsw-mt{font-size:10.5px;color:var(--text-dim);font-weight:600}.modelsw-chk{margin-left:auto;color:var(--purple)}.modelsw-ddf{border-top:1px solid var(--border);margin-top:6px;padding:11px 10px 6px;display:flex;align-items:center;gap:9px;color:var(--purple);font-weight:800;font-size:12px;cursor:pointer}.prof-chip{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--border);border-radius:12px;padding:5px 11px 5px 6px;cursor:pointer;transition:background .16s}.prof-chip:hover{background:var(--card-hover)}.prof-av{width:30px;height:30px;border-radius:9px;flex:none;display:grid;place-items:center;color:#fff;font-weight:800;font-size:12px;background:linear-gradient(135deg,#f0a36b,#d97a3a)}.prof-name{font-size:12px;font-weight:800;color:var(--text);line-height:1.1}.prof-role{font-size:10px;color:var(--text-dim);font-weight:600}.hover\:bg-purple-700:hover{--tw-bg-opacity: 1;background-color:rgb(126 34 206 / var(--tw-bg-opacity, 1))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.focus\:border-purple-500:focus{--tw-border-opacity: 1;border-color:rgb(168 85 247 / var(--tw-border-opacity, 1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width: 640px){.sm\:flex-row{flex-direction:row}}