@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-sans:"Inter", "Noto Sans Thai", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-500:oklch(63.7% .237 25.331);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-indigo-400:oklch(67.3% .182 276.935);--color-indigo-500:oklch(58.5% .233 277.117);--color-indigo-600:oklch(51.1% .262 276.966);--color-indigo-700:oklch(45.7% .24 277.023);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-900:oklch(20.8% .042 265.755);--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-lg:.5rem;--radius-xl:.75rem;--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-canvas-light:#f8fafc;--color-canvas-dark:#0b1020;--color-surface-light:#fff;--color-surface-dark:#11182b;--color-sunken-light:#f1f5f9;--color-sunken-dark:#0b1020;--color-border-light:#e2e8f0;--color-border-dark:#1f2942;--color-brand:#1877f2}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-0{top:calc(var(--spacing) * 0)}.z-30{z-index:30}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-2{margin-top:calc(var(--spacing) * 2)}.mr-1{margin-right:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.block{display:block}.flex{display:flex}.grid{display:grid}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-12{width:calc(var(--spacing) * 12)}.w-full{width:100%}.max-w-6xl{max-width:var(--container-6xl)}.max-w-md{max-width:var(--container-md)}.min-w-0{min-width:calc(var(--spacing) * 0)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-border-light{border-color:var(--color-border-light)}.bg-\[\#06c755\]{background-color:#06c755}.bg-amber-400\/15{background-color:#fcbb0026}@supports (color:color-mix(in lab,red,red)){.bg-amber-400\/15{background-color:color-mix(in oklab,var(--color-amber-400) 15%,transparent)}}.bg-brand{background-color:var(--color-brand)}.bg-canvas-light{background-color:var(--color-canvas-light)}.bg-indigo-600{background-color:var(--color-indigo-600)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-100{background-color:var(--color-slate-100)}.bg-sunken-light{background-color:var(--color-sunken-light)}.bg-surface-light{background-color:var(--color-surface-light)}.bg-surface-light\/90{background-color:#ffffffe6}@supports (color:color-mix(in lab,red,red)){.bg-surface-light\/90{background-color:color-mix(in oklab,var(--color-surface-light) 90%,transparent)}}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-6{padding-block:calc(var(--spacing) * 6)}.text-center{text-align:center}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-amber-500{color:var(--color-amber-500)}.text-indigo-500{color:var(--color-indigo-500)}.text-indigo-600{color:var(--color-indigo-600)}.text-red-500{color:var(--color-red-500)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-900{color:var(--color-slate-900)}.text-white{color:var(--color-white)}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.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,)}.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{--tw-backdrop-blur:blur(8px);-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-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media(hover:hover){.hover\:bg-\[\#166fe5\]:hover{background-color:#166fe5}.hover\:bg-indigo-700:hover{background-color:var(--color-indigo-700)}.hover\:bg-slate-100:hover{background-color:var(--color-slate-100)}.hover\:text-slate-900:hover{color:var(--color-slate-900)}}@media(min-width:40rem){.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}}.dark\:border-border-dark:is(.dark *){border-color:var(--color-border-dark)}.dark\:bg-canvas-dark:is(.dark *){background-color:var(--color-canvas-dark)}.dark\:bg-slate-900:is(.dark *){background-color:var(--color-slate-900)}.dark\:bg-sunken-dark:is(.dark *){background-color:var(--color-sunken-dark)}.dark\:bg-surface-dark:is(.dark *){background-color:var(--color-surface-dark)}.dark\:bg-surface-dark\/90:is(.dark *){background-color:#11182be6}@supports (color:color-mix(in lab,red,red)){.dark\:bg-surface-dark\/90:is(.dark *){background-color:color-mix(in oklab,var(--color-surface-dark) 90%,transparent)}}.dark\:bg-white\/5:is(.dark *){background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-white\/5:is(.dark *){background-color:color-mix(in oklab,var(--color-white) 5%,transparent)}}.dark\:bg-white\/10:is(.dark *){background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.dark\:bg-white\/10:is(.dark *){background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.dark\:text-amber-400:is(.dark *){color:var(--color-amber-400)}.dark\:text-indigo-400:is(.dark *){color:var(--color-indigo-400)}.dark\:text-slate-100:is(.dark *){color:var(--color-slate-100)}.dark\:text-slate-200:is(.dark *){color:var(--color-slate-200)}.dark\:text-slate-300:is(.dark *){color:var(--color-slate-300)}.dark\:text-slate-400:is(.dark *){color:var(--color-slate-400)}.dark\:text-white:is(.dark *){color:var(--color-white)}@media(hover:hover){.dark\:hover\:bg-white\/5:is(.dark *):hover{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-white\/5:is(.dark *):hover{background-color:color-mix(in oklab,var(--color-white) 5%,transparent)}}.dark\:hover\:text-white:is(.dark *):hover{color:var(--color-white)}}}:root{font-size:14px}html,body,#root{width:100%;height:100%;margin:0;padding:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;background:#0b1020;color:#e2e8f0;font-size:14px}button{font-family:inherit}a{color:#fbbf24;text-decoration:none}a:hover{text-decoration:underline}.loading-screen,.login-screen{display:flex;align-items:center;justify-content:center;height:100vh;background:#0b1020}.login-card{background:#11182b;border:1px solid #1f2942;padding:32px 40px;border-radius:12px;max-width:420px;width:90%;display:flex;flex-direction:column;gap:20px}.login-card h1{font-size:20px;margin:0;color:#fff}.logo,.brand{display:flex;align-items:center;gap:10px}.logo-icon,.brand-icon{width:36px;height:36px;background:#1e40af;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px}.logo-title,.brand-title{font-weight:700;color:#fff;font-size:14px;line-height:1.1}.logo-sub,.brand-sub{font-size:12px;color:#94a3b8}.btn-primary{background:#1877f2;color:#fff;border:none;padding:9px 16px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500}.btn-primary:hover{background:#166fe5}.btn-ghost{background:transparent;color:#cbd5e1;border:1px solid #1f2942;padding:7px 12px;border-radius:8px;cursor:pointer;font-size:12px;display:inline-flex;align-items:center;gap:6px}.btn-ghost:hover{background:#11182b}.link{background:transparent;border:none;color:#94a3b8;cursor:pointer;font-size:13px;padding:0}.link:hover{color:#fbbf24}.error{background:#b4231826;color:#fca5a5;border:1px solid rgba(180,35,24,.4);padding:10px 14px;border-radius:8px;margin-bottom:12px;font-size:13px}.layout{display:grid;grid-template-columns:220px 1fr;height:100vh;transition:grid-template-columns .18s}.layout.nav-collapsed{grid-template-columns:60px 1fr}.nav{background:#0b1020;border-right:1px solid #1f2942;padding:18px 12px;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.brand{padding:0 8px 18px;position:relative}.nav-toggle{position:absolute;right:-22px;top:6px;width:22px;height:22px;border-radius:50%;background:#11182b;border:1px solid #1f2942;color:#94a3b8;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;z-index:5}.nav-toggle:hover{background:#1a2238;color:#fff}.nav-collapsed .brand-title,.nav-collapsed .brand-sub,.nav-collapsed .nav-section,.nav-collapsed .nav-label,.nav-collapsed .nav-count{display:none}.nav-collapsed .nav-item{justify-content:center;padding:8px}.nav-collapsed .nav-item.indent{padding-left:8px}.nav-collapsed .nav-bottom{text-align:center}.nav-collapsed .brand{padding:0 0 14px;justify-content:center}.nav-collapsed .nav-icon{font-size:16px}.nav-section{font-size:10px;color:#64748b;letter-spacing:.8px;padding:14px 10px 6px;font-weight:600}.nav-item{background:transparent;border:none;color:#cbd5e1;padding:8px 10px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:10px;font-size:13px;width:100%;text-align:left}.nav-item:hover{background:#11182b;color:#fff}.nav-item.active{background:#1e3a8a33;color:#60a5fa}.nav-item.indent{padding-left:28px}.nav-icon{width:16px;opacity:.8}.nav-label{flex:1}.nav-count{font-size:11px;color:#64748b;background:#1f2942;padding:1px 6px;border-radius:10px}.nav-item.active .nav-count{background:#1e3a8a;color:#93c5fd}.nav-bottom{margin-top:auto;padding:8px}.content{display:flex;flex-direction:column;overflow:hidden}.topbar{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;border-bottom:1px solid #1f2942;background:#0b1020}.account-picker{position:relative}.account-pill{background:#11182b;border:1px solid #1f2942;color:#e2e8f0;padding:7px 14px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:10px;font-size:13px}.account-pill:hover{background:#1a2238}.account-pill .meta{color:#64748b;font-size:11px}.acct-id{font-family:ui-monospace,Consolas,monospace;font-size:11px;color:#64748b;-webkit-user-select:all;user-select:all}.account-menu-main{display:flex;flex-direction:column;gap:2px}.account-pill .caret{color:#64748b;font-size:10px}.account-menu{position:absolute;top:calc(100% + 4px);left:0;background:#11182b;border:1px solid #1f2942;border-radius:8px;min-width:260px;max-height:360px;overflow-y:auto;z-index:10;box-shadow:0 10px 30px #0006}.account-menu-item{padding:8px 14px;cursor:pointer;display:flex;justify-content:space-between;font-size:13px;color:#cbd5e1}.account-menu-item:hover{background:#1a2238}.account-menu-item.active{background:#1e3a8a33;color:#60a5fa}.account-menu-item .meta{color:#64748b;font-size:11px}.topbar-right{display:flex;align-items:center;gap:10px}.upgrade-pill,.search-pill{background:#11182b;border:1px solid #1f2942;padding:6px 12px;border-radius:8px;font-size:12px;display:flex;align-items:center;gap:6px;color:#cbd5e1}.upgrade-pill .bolt{color:#fbbf24}.dot{color:#475569}kbd{background:#1f2942;padding:1px 6px;border-radius:4px;font-family:inherit;font-size:11px;color:#cbd5e1}.main{flex:1;overflow-y:auto;padding:20px 24px}.main-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px;flex-wrap:wrap}.head-left{display:flex;flex-direction:column;gap:4px;flex:0 0 auto}.head-right{display:flex;align-items:end;gap:8px;flex-wrap:wrap;justify-content:flex-end;flex:1 1 auto;min-width:0}.title-row{display:flex;align-items:center;gap:12px}.title-row h1{margin:0;font-size:28px;color:#fff;font-weight:700}.sync-pill{background:#1f1a08;border:1px solid #3f2f08;color:#fbbf24;padding:4px 10px;border-radius:14px;font-size:12px;display:inline-flex;align-items:center;gap:6px}.dot-green{width:6px;height:6px;border-radius:50%;background:#fbbf24}.count{color:#64748b;font-size:13px}.filters{display:flex;align-items:end;gap:12px;margin:0 0 16px;flex-wrap:wrap;justify-content:flex-end}.field{display:flex;flex-direction:column;gap:4px;width:160px;flex:0 0 auto}.field label{font-size:9px}.field select,.multi-trigger{padding:7px 10px;font-size:12px}.field label{font-size:10px;color:#64748b;letter-spacing:.8px;font-weight:600}.field select{background:#11182b;border:1px solid #1f2942;color:#e2e8f0;padding:9px 32px 9px 12px;border-radius:8px;font-size:13px;font-family:inherit;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3e%3cpath d='M6 9l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:16px}.new-ad{align-self:end}.field select{width:100%}.table-wrap{background:#11182b;border:1px solid #1f2942;border-radius:12px;overflow-x:auto;overflow-y:hidden}.ads-table{width:100%;border-collapse:collapse;min-width:max-content}.ads-table{line-height:1.3}.ads-table thead th{text-align:left;padding:6px 12px;font-size:10px;color:#64748b;font-weight:600;letter-spacing:.5px;text-transform:uppercase;border-bottom:1px solid #1f2942}.ads-table tbody td{padding:4px 12px;border-bottom:1px solid #1f2942;font-size:12px;color:#cbd5e1;vertical-align:middle;line-height:1.3;white-space:nowrap}.ads-table thead th{white-space:nowrap;-webkit-user-select:none;user-select:none}.ads-table thead th.sortable{cursor:pointer}.ads-table thead th.sortable:hover{color:#f1f5f9}.sort-arrow{margin-left:4px;font-size:9px;color:#475569;opacity:.5}.sort-arrow.active{color:#60a5fa;opacity:1}.hint-icon{display:inline-block;margin-left:4px;color:#475569;font-size:11px;cursor:help;font-style:normal}.hint-icon:hover{color:#60a5fa}.multi-field{position:relative}.multi-trigger{background:#11182b;border:1px solid #1f2942;color:#e2e8f0;padding:9px 12px;border-radius:8px;font-size:13px;font-family:inherit;cursor:pointer;width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left}.multi-trigger:hover{background:#1a2238}.multi-summary{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multi-trigger .caret{color:#64748b;font-size:10px;margin-left:8px}.multi-menu{position:absolute;top:calc(100% + 4px);right:0;background:#11182b;border:1px solid #1f2942;border-radius:8px;width:280px;max-height:360px;display:flex;flex-direction:column;z-index:20;box-shadow:0 10px 30px #0006}.multi-menu-head{padding:8px;display:flex;flex-direction:column;gap:6px;border-bottom:1px solid #1f2942}.multi-search{background:#0b1020;border:1px solid #1f2942;color:#e2e8f0;padding:6px 10px;border-radius:6px;font-size:12px;font-family:inherit}.multi-search:focus{outline:none;border-color:#1877f2}.multi-actions{display:flex;gap:8px;justify-content:flex-end}.multi-actions .link{font-size:11px}.multi-options{overflow-y:auto;padding:4px;flex:1}.multi-option{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;cursor:pointer;font-size:13px;color:#cbd5e1}.multi-option:hover{background:#1a2238}.multi-option.active{background:#1e3a8a33;color:#60a5fa}.multi-option input{accent-color:#1877f2}.search-field{width:200px}.search-input{background:#11182b;border:1px solid #1f2942;color:#e2e8f0;padding:7px 10px 7px 28px;border-radius:8px;font-size:12px;font-family:inherit;width:100%;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3e%3ccircle cx='11' cy='11' r='8'/%3e%3cpath d='m21 21-4.35-4.35'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:8px center;background-size:14px}.search-input:focus{outline:none;border-color:#1877f2}.creatives-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.creatives-sort{display:flex;align-items:center;gap:6px}.creatives-sort label{font-size:11px;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.creatives-count{margin-left:auto;font-size:13px;color:#64748b}.ads-table thead th:first-child,.ads-table tbody td:first-child{padding-left:16px}.ads-table thead th:last-child,.ads-table tbody td:last-child{padding-right:16px}.ads-table tbody tr:last-child td{border-bottom:none}.ads-table tbody tr:hover{background:#1a2238}.check{width:28px}.check input{accent-color:#1877f2}.preview-col{width:76px}.thumb{width:60px;height:60px;border-radius:8px;overflow:hidden;background:#1f2942;display:flex;align-items:center;justify-content:center}.ad-id{font-family:ui-monospace,Consolas,monospace;font-size:11px;color:#64748b;cursor:pointer;-webkit-user-select:all;user-select:all}.ad-id:hover{color:#60a5fa}.thumb img{width:100%;height:100%;object-fit:cover}.thumb-clickable{cursor:pointer;transition:transform .1s}.thumb-clickable:hover{transform:scale(1.05)}.thumb-clickable:hover .thumb{outline:2px solid #1877f2;outline-offset:2px}.thumb-empty{color:#64748b;font-size:18px}.name{display:inline-block;max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f1f5f9;font-weight:500;vertical-align:middle}.score-bar{width:90px;height:16px;border-radius:8px;background:#1f2942;position:relative;overflow:hidden;cursor:help}.score-fill{height:100%;border-radius:8px;background:linear-gradient(90deg,#f87171,#fbbf24,#34d399 80%);transition:width .3s}.score-num{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;text-shadow:0 0 4px rgba(0,0,0,.6);font-variant-numeric:tabular-nums}.num{font-variant-numeric:tabular-nums}.custom-range{display:flex;align-items:center;gap:6px}.date-input{background:#11182b;border:1px solid #1f2942;color:#cbd5e1;padding:6px 8px;border-radius:6px;font-size:12px;font-family:inherit;color-scheme:dark}.date-input:focus{outline:none;border-color:#1877f2}.dash-sep{color:#64748b;font-size:12px}.date-select{background:#11182b;border:1px solid #1f2942;color:#cbd5e1;padding:6px 26px 6px 10px;border-radius:8px;font-size:12px;cursor:pointer;font-family:inherit;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3e%3cpath d='M6 9l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 6px center;background-size:14px}.actions-col{width:130px;text-align:right}.actions{text-align:right}.actions button{background:transparent;border:1px solid #1f2942;color:#94a3b8;width:26px;height:26px;border-radius:6px;cursor:pointer;margin-left:4px;font-size:11px}.actions button:hover{background:#1a2238;color:#fff}.status-pill{display:inline-block;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;letter-spacing:.3px;background:#1f2942;color:#cbd5e1}.status-pill.active{background:#10b98126;color:#34d399}.status-pill.paused{background:#fbbf2426;color:#fbbf24}.status-pill.deleted{background:#ef444426;color:#f87171}.status-pill.neutral{background:#1f2942;color:#cbd5e1}.loading-cell{text-align:center;padding:40px;color:#64748b;font-size:13px}.dashboard{display:flex;flex-direction:column;gap:16px}.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.kpi{background:#11182b;border:1px solid #1f2942;border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:4px}.kpi.accent{border-color:#1e40af;background:linear-gradient(135deg,#11182b,#1a2c52)}.kpi-label{font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.kpi-value{font-size:22px;color:#f1f5f9;font-weight:700;font-variant-numeric:tabular-nums}.kpi.accent .kpi-value{color:#60a5fa}.section-title{font-size:15px;color:#cbd5e1;margin:12px 0 0;font-weight:600}.dash-grid{display:grid;gap:16px;grid-template-columns:2fr 1fr}.dash-grid:has(.chart-panel+.chart-panel){grid-template-columns:1fr 1fr}.dash-grid:has(>.panel:nth-child(2):last-child:not(.chart-panel)){grid-template-columns:1fr 1fr}.panel{background:#11182b;border:1px solid #1f2942;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px}.panel-head{display:flex;align-items:baseline;justify-content:space-between}.panel-title{font-size:13px;color:#cbd5e1;margin:0;font-weight:600}.panel-sub{font-size:11px;color:#64748b}.chart-panel{min-height:220px}.trend{display:flex;flex-direction:column;gap:8px}.trend-summary{display:flex;align-items:baseline;gap:10px}.trend-current{font-size:22px;color:#f1f5f9;font-weight:700;font-variant-numeric:tabular-nums}.trend-delta{font-size:12px;font-weight:600}.trend-delta.up{color:#34d399}.trend-delta.down{color:#f87171}.trend-svg{width:100%;height:140px;display:block}.trend-chart-wrap{position:relative;cursor:crosshair}.trend-tooltip{position:absolute;top:0;transform:translate(-50%);background:#0b1020;border:1px solid #1f2942;border-radius:8px;padding:10px 12px;font-size:11px;min-width:180px;box-shadow:0 8px 24px #00000080;pointer-events:none;z-index:5}.trend-tooltip .tt-date{font-weight:600;color:#f1f5f9;margin-bottom:6px;font-variant-numeric:tabular-nums}.tt-rows{display:flex;flex-direction:column;gap:4px}.tt-row{display:grid;grid-template-columns:10px 1fr auto;gap:8px;align-items:center;color:#cbd5e1}.tt-row.prev{color:#94a3b8}.tt-dot{width:8px;height:8px;border-radius:50%}.tt-dot.dash{background:transparent;border:1.5px dashed #94a3b8;border-radius:0;height:0;align-self:center}.tt-val{font-variant-numeric:tabular-nums;color:#f1f5f9;font-weight:600}.tt-sep{height:1px;background:#1f2942;margin:6px 0}.tt-section-label{font-size:10px;color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-bottom:6px}.tt-top-ads{display:flex;flex-direction:column;gap:6px;min-width:240px}.tt-top-ad{display:flex;gap:8px;align-items:center}.tt-top-ad .thumb{width:32px;height:32px;border-radius:4px;flex:0 0 auto}.tt-top-ad-meta{flex:1;min-width:0}.tt-top-ad-name{font-size:11px;color:#f1f5f9;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tt-top-ad-stats{font-size:10px;color:#94a3b8;display:flex;gap:3px;align-items:center}.tt-top-ad-stats .dot{color:#475569}.trend-tooltip{min-width:260px}.trend-axis{display:flex;justify-content:space-between;font-size:10px;color:#64748b;font-variant-numeric:tabular-nums}.stat-list{display:flex;flex-direction:column;gap:4px}.stat-row{display:flex;justify-content:space-between;padding:6px 0;font-size:13px}.stat-label{color:#94a3b8}.stat-value{color:#f1f5f9;font-weight:600;font-variant-numeric:tabular-nums}.stat-value.active{color:#34d399}.stat-value.paused{color:#fbbf24}.stat-value.danger{color:#f87171}.divider{height:1px;background:#1f2942;margin:4px 0}.top-ads{display:flex;flex-direction:column;gap:8px}.top-ad-row{display:flex;gap:12px;align-items:center;padding:6px;border-radius:8px}.top-ad-row:hover{background:#1a2238}.top-ad-meta{flex:1;min-width:0}.top-ad-name{font-size:13px;color:#f1f5f9;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-ad-stats{font-size:11px;color:#94a3b8;margin-top:2px;font-variant-numeric:tabular-nums}.top-ad-stats .dot{color:#475569;margin:0 4px}.empty-state-inline{color:#64748b;font-size:12px;padding:16px;text-align:center}.alert-banner{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.alert-item{display:flex;align-items:center;gap:10px;padding:10px 14px;background:linear-gradient(90deg,#f871711a,#f8717108);border:1px solid rgba(248,113,113,.3);border-radius:8px;font-size:13px;color:#f1f5f9}.alert-icon{font-size:16px}.alert-text{flex:1}.alert-action{background:#f8717133;border:1px solid rgba(248,113,113,.4);color:#fca5a5;padding:4px 12px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600}.alert-action:hover{background:#f871714d}.dash-subnav{position:sticky;top:0;z-index:8;display:flex;gap:4px;padding:8px 0;margin-bottom:12px;background:linear-gradient(180deg,#0b1020 80%,transparent)}.dash-subnav-link{padding:5px 12px;border-radius:14px;font-size:12px;color:#94a3b8;background:#11182b;border:1px solid #1f2942;text-decoration:none}.dash-subnav-link:hover{color:#60a5fa;background:#1a2238;text-decoration:none}.dash-anchor{scroll-margin-top:56px}.kpi-clickable{cursor:pointer;transition:transform .1s,border-color .15s}.kpi-clickable:hover{transform:translateY(-2px);border-color:#1e40af}.qw-actions{margin-left:auto}.qw-btn{padding:4px 12px;font-size:11px}.goals-empty{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#11182b;border:1px dashed #1f2942;border-radius:8px;font-size:13px;color:#94a3b8}.goals-list{display:flex;flex-direction:column;gap:10px}.goal-row{display:grid;grid-template-columns:80px 1fr 200px;gap:12px;align-items:center;font-size:12px}.goal-label{color:#94a3b8;font-weight:500}.goal-track{height:10px;background:#1f2942;border-radius:5px;overflow:hidden}.goal-fill{height:100%;border-radius:5px;transition:width .3s}.goal-val{color:#f1f5f9;text-align:right;font-variant-numeric:tabular-nums}.goal-val .muted{color:#64748b}.goal-form{display:flex;flex-direction:column;gap:10px;max-width:320px}.goal-form label{display:flex;flex-direction:column;gap:4px;font-size:11px;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.best-worst{display:grid;grid-template-columns:1fr 1fr;gap:12px}.bw-card{display:flex;gap:12px;padding:12px 14px;border-radius:10px;background:#11182b;border:1px solid #1f2942}.bw-card.best{border-left:3px solid #34d399}.bw-card.worst{border-left:3px solid #f87171}.bw-icon{font-size:24px}.bw-body{display:flex;flex-direction:column;gap:2px}.bw-label{font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.bw-week{font-size:13px;color:#f1f5f9;font-weight:600;font-variant-numeric:tabular-nums}.bw-stats{font-size:12px;color:#94a3b8}.sat-summary{margin-top:10px;font-size:12px;color:#cbd5e1;padding:8px 10px;background:#0b1020;border-radius:6px}.ab-sig{margin-top:14px;padding-top:14px;border-top:1px solid #1f2942;display:flex;flex-direction:column;gap:6px}.ab-row{display:flex;justify-content:space-between;font-size:12px;color:#cbd5e1}.ab-result{font-size:13px;font-weight:600;padding:8px 10px;border-radius:6px;margin-top:4px}.ab-result.sig{background:#34d3991a;color:#34d399;border:1px solid rgba(52,211,153,.3)}.ab-result.nosig{background:#fbbf241a;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.whatif{display:flex;flex-direction:column;gap:14px}.whatif-slider{display:flex;flex-direction:column;gap:6px}.whatif-slider input{accent-color:#1877f2;width:100%}.whatif-label{font-size:14px;color:#f1f5f9;font-weight:600;text-align:center}.whatif-grid{display:flex;flex-direction:column;gap:6px}.whatif-row{display:grid;grid-template-columns:110px 1fr 20px 1fr;gap:10px;align-items:center;font-size:13px}.whatif-row-label{color:#94a3b8;font-weight:500}.whatif-row-cur{font-variant-numeric:tabular-nums}.whatif-row-proj{color:#60a5fa;font-weight:600;font-variant-numeric:tabular-nums}.whatif-arrow{color:#475569;text-align:center}.whatif-hint{font-size:11px;text-align:center;font-style:italic}.focus-banner{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;margin-bottom:8px;background:#60a5fa1a;border:1px solid rgba(96,165,250,.3);border-radius:8px;font-size:13px;color:#cbd5e1}.focus-banner .alert-action{background:#60a5fa33;border-color:#60a5fa66;color:#93c5fd}.bar-clickable{cursor:pointer;padding:4px;border-radius:4px}.bar-clickable:hover{background:#1a2238}.seg-toggle{display:flex;gap:4px;margin-bottom:12px}.seg-funnels{display:flex;gap:12px;height:200px;align-items:flex-end;padding:8px}.seg-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;height:100%;justify-content:flex-end;min-width:0}.seg-label{font-size:11px;color:#94a3b8;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.seg-bar{width:80%;border-radius:2px 2px 0 0;min-height:2px;transition:height .3s;opacity:.85}.seg-bar:hover{opacity:1}.seg-stats{font-size:10px;color:#cbd5e1;text-align:center;margin-top:4px;font-variant-numeric:tabular-nums}.seg-stats .muted{color:#64748b;font-size:9px}.pivot-controls{display:flex;gap:12px;margin-bottom:10px;font-size:12px;color:#94a3b8;align-items:center}.pivot-controls label{display:flex;align-items:center;gap:6px}.video-stages{display:flex;flex-direction:column;gap:6px}.video-stage{display:grid;grid-template-columns:70px 1fr 80px;gap:10px;align-items:center;font-size:12px}.video-stage-label{color:#94a3b8;font-weight:500}.video-stage-bar{height:16px;background:#1f2942;border-radius:4px;overflow:hidden}.video-stage-fill{height:100%;background:linear-gradient(90deg,#60a5fa,#a855f7);border-radius:4px;transition:width .3s}.video-stage-val{color:#f1f5f9;text-align:right;font-variant-numeric:tabular-nums}.geo-heatmap{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:4px;margin-bottom:12px}.geo-tile{padding:8px 10px;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;gap:2px;transition:transform .1s}.geo-tile:hover{transform:scale(1.05);outline:1px solid #60a5fa}.geo-code{font-size:13px;font-weight:700;color:#fff}.geo-val{font-size:10px;color:#ffffffd9;font-variant-numeric:tabular-nums}.sparkline{width:100px;height:28px;display:block}.spark-grid{display:flex;flex-direction:column;gap:6px}.spark-row{display:grid;grid-template-columns:110px 1fr 120px 80px;gap:12px;align-items:center;font-size:12px;padding:6px 8px;border-radius:6px}.spark-row:hover{background:#1a2238}.spark-label{color:#94a3b8;font-weight:500}.spark-total{color:#f1f5f9;font-variant-numeric:tabular-nums;font-weight:600}.spark-delta{font-size:11px;font-weight:600;text-align:right;font-variant-numeric:tabular-nums}.spark-delta.up{color:#34d399}.spark-delta.down{color:#f87171}@media print{body{background:#fff!important;color:#000!important}.nav,.topbar,.dash-subnav,.alert-action,.density-toggle,.main-head,.panel-head .btn-ghost,.field,.filters,.new-ad,.focus-banner{display:none!important}.layout{grid-template-columns:1fr!important;height:auto!important}.main{overflow:visible!important;padding:0!important}.content{overflow:visible!important}.panel{background:#fff!important;border:1px solid #ccc!important;color:#000!important;page-break-inside:avoid}.panel-title,.kpi-value,.kpi-label,.name{color:#000!important}.kpi{background:#fff!important;border:1px solid #ccc!important}.ads-table{color:#000!important}.ads-table tbody td,.ads-table thead th{color:#000!important;border-color:#ccc!important}.dash-grid{display:block!important}.dash-grid>*{margin-bottom:12px;page-break-inside:avoid}}.density-toggle{background:#11182b;border:1px solid #1f2942;color:#94a3b8;width:32px;height:30px;border-radius:8px;cursor:pointer;font-size:14px}.density-toggle:hover{background:#1a2238;color:#fff}.density-toggle.demo-on{background:#a855f733;border-color:#a855f780;color:#c084fc}.layout[data-demo=true] .thumb img,.layout[data-demo=true] .creative-img img,.layout[data-demo=true] .top-ad-row .thumb img,.layout[data-demo=true] .ad-preview-frame,.layout[data-demo=true] .card-preview iframe{filter:blur(14px) saturate(.4) brightness(.6);transition:filter .2s}.layout[data-demo=true] .thumb-clickable:hover .thumb img{filter:blur(4px) saturate(.6) brightness(.8)}[data-density=compact] .panel{padding:10px 12px;gap:8px}[data-density=compact] .kpi{padding:10px 12px}[data-density=compact] .kpi-value{font-size:18px}[data-density=compact] .panel-title{font-size:12px}[data-density=compact] .dashboard,[data-density=compact] .dash-grid{gap:10px}[data-density=compact] .main{padding:14px 18px}[data-density=compact] .kpi-row{gap:8px}.skeleton-panel{background:#11182b;border:1px solid #1f2942;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:8px;min-height:200px}.skeleton-row{height:12px;background:linear-gradient(90deg,#1f2942,#2a3656,#1f2942);background-size:200% 100%;border-radius:4px;animation:skeleton-shimmer 1.4s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.kpi-delta{font-size:11px;font-weight:600;margin-top:2px;font-variant-numeric:tabular-nums}.kpi-delta.up{color:#34d399}.kpi-delta.down{color:#f87171}.bar-list{display:flex;flex-direction:column;gap:6px}.bar-row{display:grid;grid-template-columns:90px 1fr 90px;gap:10px;align-items:center;font-size:12px}.bar-label{color:#cbd5e1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-track{height:8px;background:#1f2942;border-radius:4px;overflow:hidden;display:flex;gap:1px}.bar-track.stacked{background:#1f2942}.bar-fill{height:100%;border-radius:4px;transition:width .3s}.bar-value{color:#cbd5e1;text-align:right}.legend{display:flex;gap:16px;margin-top:8px;font-size:11px;color:#94a3b8}.legend i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:4px;vertical-align:middle}.dot-blue{background:#60a5fa}.dot-pink{background:#f472b6}.top-ad-stats .up{color:#34d399;font-weight:600}.top-ad-stats .down{color:#f87171;font-weight:600}.heatmap-wrap{position:relative}.heatmap-tooltip{position:absolute;transform:translate(-50%,calc(-100% - 8px));background:#0b1020;border:1px solid #1f2942;border-radius:8px;padding:10px 12px;font-size:11px;min-width:200px;box-shadow:0 8px 24px #00000080;pointer-events:none;z-index:10}.heatmap{display:flex;flex-direction:column;gap:2px}.heatmap-hours,.heatmap-row{display:grid;grid-template-columns:64px repeat(24,minmax(20px,1fr)) 50px;gap:2px}.heatmap-hour-label{font-size:9px;color:#64748b;text-align:center}.heatmap-day-label{font-size:11px;color:#94a3b8;display:flex;align-items:center;justify-content:flex-end;padding-right:4px}.heatmap-cell{height:22px;border-radius:3px;cursor:pointer;transition:transform .1s;position:relative;overflow:hidden}.heatmap-cell:hover{transform:scale(1.15);outline:1px solid #60a5fa;z-index:2}.heatmap-cell.best{outline:1.5px solid #34d399}.heatmap-cell.worst{outline:1.5px solid #f87171}.hm-full{width:100%;height:100%;border-radius:3px}.hm-half{position:absolute;left:0;right:0;height:50%}.hm-half.top{top:0}.hm-half.bottom{bottom:0}.heatmap-controls{display:flex;gap:16px;align-items:center;margin-bottom:10px}.heatmap-metric-toggle{display:inline-flex;background:#0b1020;border:1px solid #1f2942;border-radius:8px;padding:2px}.hm-btn{background:transparent;border:none;color:#94a3b8;padding:5px 12px;border-radius:6px;cursor:pointer;font-size:12px;font-family:inherit}.hm-btn.active{background:#1e3a8a33;color:#60a5fa}.hm-btn:hover:not(.active){color:#cbd5e1}.hm-compare{display:flex;align-items:center;gap:6px;font-size:12px;color:#94a3b8;cursor:pointer}.hm-compare input{accent-color:#1877f2}.heatmap-callouts{display:flex;gap:16px;font-size:12px;color:#94a3b8;margin-bottom:10px;flex-wrap:wrap}.heatmap-callouts b{color:#f1f5f9}.heatmap-day-label{gap:4px}.hm-trend{font-size:9px;font-weight:600;margin-left:4px;font-variant-numeric:tabular-nums}.hm-trend.up{color:#34d399}.hm-trend.down{color:#f87171}.heatmap-row-total{display:flex;align-items:center;height:22px;padding-left:4px}.heatmap-row-total .hm-total-bar{height:8px;background:linear-gradient(90deg,#1877f2,#34d399);border-radius:2px;min-width:1px}.heatmap-row-total-label,.col-totals .heatmap-day-label{font-size:10px;color:#64748b;font-weight:600}.heatmap-row.col-totals{margin-top:4px;align-items:end}.heatmap-col-total{height:22px;display:flex;align-items:end;justify-content:center}.heatmap-col-total .hm-total-bar{width:8px;background:linear-gradient(180deg,#34d399,#1877f2);border-radius:2px;min-height:1px}.conv-cell{color:#34d399}.pacing-list{display:flex;flex-direction:column;gap:10px}.pacing-row{display:grid;grid-template-columns:1fr 220px 200px;gap:12px;align-items:center}.pacing-name{font-size:13px;color:#f1f5f9;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pacing-track{position:relative;height:8px;background:#1f2942;border-radius:4px;overflow:hidden}.pacing-fill{height:100%;border-radius:4px;transition:width .3s;background:#34d399}.pacing-fill.over{background:#f87171}.pacing-fill.under{background:#fbbf24}.pacing-expected{position:absolute;top:-2px;bottom:-2px;width:2px;background:#94a3b8;z-index:2}.pacing-stats{font-size:11px;color:#cbd5e1;text-align:right}.pacing-stats .muted{color:#64748b}.pacing-ratio{margin-left:8px;font-weight:600}.pacing-ratio.over{color:#f87171}.pacing-ratio.under{color:#fbbf24}.pacing-ratio.ok{color:#34d399}.funnel{display:flex;flex-direction:column;gap:6px}.funnel-row{display:flex;flex-direction:column;gap:4px}.funnel-label{display:flex;justify-content:space-between;font-size:11px;color:#94a3b8;font-weight:500}.funnel-drop{color:#f87171;font-variant-numeric:tabular-nums}.funnel-bar-wrap{background:#1f2942;border-radius:4px;height:28px}.funnel-bar{height:100%;border-radius:4px;transition:width .3s;display:flex;align-items:center;padding:0 10px;color:#0b1020;font-weight:600;font-size:12px}.funnel-value{color:#000000bf}.forecast-list{display:flex;flex-direction:column;gap:8px}.forecast-row{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;padding:4px 0}.forecast-label{color:#94a3b8}.forecast-value{color:#f1f5f9;font-weight:600;font-variant-numeric:tabular-nums}.forecast-progress{height:6px;background:#1f2942;border-radius:3px;margin-top:4px;overflow:hidden}.forecast-progress-fill{height:100%;background:linear-gradient(90deg,#1877f2,#34d399);transition:width .3s}.time-insight{display:flex;flex-direction:column;gap:8px;align-items:center;padding:8px}.time-best{font-size:28px;color:#fbbf24;font-weight:700;font-variant-numeric:tabular-nums}.time-sub{font-size:12px;color:#94a3b8}.time-bars{display:flex;gap:2px;align-items:end;width:100%;height:60px;margin-top:8px}.time-bar{flex:1;background:#1f2942;border-radius:2px 2px 0 0;min-height:2px;transition:height .3s}.time-bar.peak{background:#fbbf24}.activity-list{display:flex;flex-direction:column;gap:6px}.activity-row{display:flex;gap:10px;font-size:12px;padding:6px 0;border-bottom:1px solid #1f2942}.activity-row:last-child{border-bottom:none}.activity-time{color:#64748b;font-variant-numeric:tabular-nums;min-width:80px}.activity-body{color:#cbd5e1;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-type{font-weight:600;color:#60a5fa;text-transform:capitalize}.activity-target{color:#f1f5f9}.activity-actor{color:#64748b}.overlap-list{display:flex;flex-direction:column;gap:12px}.overlap-group{display:flex;flex-direction:column;gap:6px}.overlap-key{font-size:12px;color:#fbbf24;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.overlap-key .muted{color:#64748b;font-weight:500}.overlap-items{display:flex;flex-wrap:wrap;gap:6px}.overlap-pill{background:#1f2942;color:#cbd5e1;padding:4px 10px;border-radius:12px;font-size:12px}.overlap-pill.muted{color:#64748b}.overlap-size{color:#94a3b8}.saved-views{position:relative}.saved-menu{position:absolute;top:calc(100% + 4px);right:0;background:#11182b;border:1px solid #1f2942;border-radius:8px;min-width:220px;z-index:10;box-shadow:0 10px 30px #0006;padding:4px}.saved-row{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border-radius:6px;font-size:13px;color:#cbd5e1}.saved-row:hover{background:#1a2238}.saved-name{flex:1;cursor:pointer}.saved-del{background:transparent;border:none;color:#64748b;cursor:pointer;font-size:16px;padding:0 4px}.saved-del:hover{color:#f87171}.saved-empty{color:#64748b;font-size:12px;padding:8px;text-align:center}.saved-add{width:100%;background:transparent;border:1px dashed #1f2942;color:#60a5fa;padding:8px;border-radius:6px;cursor:pointer;margin-top:4px;font-size:12px}.saved-add:hover{background:#1a2238}.trend-legend{font-size:11px;color:#94a3b8;display:inline-flex;align-items:center;gap:4px}.trend-legend .dash{width:14px;height:2px;border-top:2px dashed;border-color:inherit}.dow-chart{display:flex;align-items:end;gap:6px;height:180px;padding:8px 4px}.dow-bar-wrap{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;height:100%;justify-content:end}.dow-bar{width:100%;background:#1f2942;border-radius:4px 4px 0 0;min-height:2px;transition:height .3s}.dow-bar.peak{background:linear-gradient(180deg,#fbbf24,#f59e0b)}.dow-label{font-size:11px;color:#94a3b8}.scatter-svg{width:100%;height:280px}.scatter-wrap{position:relative}.scatter-bubble{cursor:pointer;transition:filter .1s}.scatter-bubble:hover{filter:brightness(1.3)}.scatter-tooltip{position:absolute;transform:translate(-50%,calc(-100% - 10px));background:#0b1020;border:1px solid #1f2942;border-radius:8px;padding:10px 12px;font-size:11px;min-width:240px;box-shadow:0 8px 24px #00000080;pointer-events:none;z-index:10}.scatter-warn{font-size:11px;color:#f87171;margin-top:6px;font-weight:600}.scatter-good{font-size:11px;color:#34d399;margin-top:6px;font-weight:600}.scatter-watch{font-size:11px;color:#fbbf24;margin-top:6px;font-weight:600}.scatter-tag{font-size:11px;color:#a855f7;margin-top:6px;font-weight:600}.fatigue-info{position:relative;display:inline-block;margin-left:6px}.fatigue-info-btn{background:transparent;border:none;color:#64748b;cursor:pointer;font-size:12px;padding:0;font-style:normal}.fatigue-info-btn:hover{color:#60a5fa}.fatigue-popover{position:absolute;left:0;top:calc(100% + 6px);background:#0b1020;border:1px solid #1f2942;border-radius:10px;padding:14px 16px;width:360px;z-index:100;box-shadow:0 12px 36px #0009;font-size:12px;color:#cbd5e1;font-weight:400}.fp-title{font-size:13px;color:#f1f5f9;font-weight:700;margin-bottom:10px}.fp-section{margin-bottom:12px}.fp-section:last-child{margin-bottom:0}.fp-section-head{font-size:11px;color:#94a3b8;font-weight:600;margin-bottom:6px}.fp-list{margin:0;padding-left:18px}.fp-list li{margin-bottom:3px;line-height:1.4}.fp-list b{color:#f1f5f9}.fp-table{width:100%;border-collapse:collapse;font-size:11px}.fp-table th,.fp-table td{padding:6px;text-align:left;border-bottom:1px solid #1f2942}.fp-table th{color:#64748b;font-weight:600}.fp-table td.watch{color:#fbbf24;font-weight:600}.fp-table td.warn{color:#f87171;font-weight:600}.fp-note{font-size:11px;color:#94a3b8;font-style:italic;margin-top:6px}.fp-tip{font-size:12px;color:#cbd5e1;line-height:1.5;padding:8px;background:#11182b;border-radius:6px;border-left:3px solid #34d399}.opp-list{display:flex;flex-direction:column;gap:8px}.opp-row{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:#cbd5e1;padding:8px;border-radius:6px;background:#0b1020}.opp-dot{width:8px;height:8px;border-radius:50%;margin-top:6px;flex:0 0 auto}.compare-bars{display:flex;flex-direction:column;gap:12px}.compare-row{display:grid;grid-template-columns:120px 1fr;gap:12px;align-items:center}.compare-label{font-size:12px;color:#94a3b8}.compare-bar-group{display:flex;flex-direction:column;gap:4px}.compare-bar-line{display:flex;align-items:center;gap:8px}.compare-bar{height:12px;border-radius:3px;transition:width .3s}.compare-bar.current{background:#60a5fa}.compare-bar.prev{background:#475569}.compare-val{font-size:11px;color:#cbd5e1;white-space:nowrap}.compare-val.muted{color:#64748b}.dot-gray{background:#475569}.campaign-compare{display:flex;flex-direction:column;gap:12px}.cc-picker{display:flex;flex-wrap:wrap;gap:6px;max-height:140px;overflow-y:auto;padding:4px}.cc-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid #1f2942;border-radius:16px;font-size:12px;cursor:pointer;color:#cbd5e1}.cc-pill:hover{background:#1a2238}.cc-pill.active{background:#1e3a8a33;border-color:#1e40af;color:#60a5fa}.cc-pill input{accent-color:#1877f2}.creatives-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.creative-card{background:#11182b;border:1px solid #1f2942;border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.creative-img{aspect-ratio:1 / 1;background:#1f2942;position:relative;display:flex;align-items:center;justify-content:center}.creative-img img{width:100%;height:100%;object-fit:cover}.creative-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000d9);padding:16px 10px 8px;display:flex;justify-content:space-between;font-size:11px;font-weight:600}.creative-overlay-spend{color:#fff}.creative-overlay-ctr{color:#34d399}.creative-body{padding:10px 12px;display:flex;flex-direction:column;gap:4px}.creative-body .name{font-size:13px;color:#f1f5f9;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.creative-stats{font-size:11px;color:#94a3b8;display:flex;gap:4px;align-items:center}.creative-stats .muted{color:#64748b}.creative-stats .num{color:#cbd5e1;font-variant-numeric:tabular-nums}.creative-stats .dot{color:#475569}.empty-state{background:#11182b;border:1px dashed #1f2942;border-radius:12px;padding:40px;text-align:center;color:#64748b;font-size:13px}.explorer{display:flex;flex-direction:column;gap:12px}.explorer-form{display:flex;gap:8px}.text-input{background:#11182b;border:1px solid #1f2942;color:#e2e8f0;padding:10px 14px;border-radius:8px;font-size:13px;font-family:inherit;flex:1}.text-input.mono{font-family:ui-monospace,Consolas,monospace;font-size:12px}.text-input:focus{outline:none;border-color:#1877f2}.explorer-result{background:#11182b;border:1px solid #1f2942;border-radius:12px;padding:16px;color:#cbd5e1;font-family:ui-monospace,Consolas,monospace;font-size:12px;line-height:1.6;overflow:auto;max-height:70vh;margin:0;white-space:pre-wrap;word-break:break-word}.library{display:flex;flex-direction:column;gap:16px}.library-form{display:flex;gap:8px}.library-form .text-input{max-width:360px}.library-form{align-items:center;flex-wrap:wrap}.lib-exact{display:flex;align-items:center;gap:6px;font-size:12px;color:#94a3b8;cursor:pointer;white-space:nowrap}.lib-exact input{accent-color:#1877f2}.lib-note{display:flex;align-items:center;gap:8px;font-size:12px;color:#94a3b8}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:200;padding:24px}.modal{background:#11182b;border:1px solid #1f2942;border-radius:12px;max-width:560px;width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 60px #0009}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #1f2942}.modal-title{font-size:14px;color:#f1f5f9;font-weight:600;display:flex;align-items:center;gap:10px}.modal-title .ad-id{font-size:11px;color:#64748b;font-family:ui-monospace,Consolas,monospace}.modal-controls{display:flex;align-items:center;gap:8px}.modal-controls .btn-ghost{padding:4px 10px}.modal-body{padding:16px;overflow:auto;display:flex;justify-content:center;background:#0b1020}.ad-preview-frame{width:100%}.ad-preview-frame iframe{width:100%!important;min-height:540px;border:none;display:block;margin:0 auto}.modal-wide{max-width:720px}.library-actions{display:flex;gap:6px;margin-top:4px}.library-link{background:transparent;cursor:pointer}.lib-detail{display:flex;flex-direction:column;gap:14px;color:#cbd5e1}.lib-detail-section{display:flex;flex-direction:column;gap:4px}.lib-detail-label{font-size:10px;color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.lib-detail-title{font-size:15px;color:#f1f5f9;font-weight:600}.lib-detail-body-text{font-size:13px;color:#e2e8f0;line-height:1.5;white-space:pre-wrap}.lib-detail-desc,.lib-detail-caption{font-size:12px;color:#94a3b8}.lib-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.lib-platforms{display:flex;flex-wrap:wrap;gap:4px}.lib-platform-pill{font-size:11px;background:#1f2942;padding:2px 8px;border-radius:8px;color:#cbd5e1}.lib-demo-table{width:100%;border-collapse:collapse;font-size:12px}.lib-demo-table th,.lib-demo-table td{padding:4px 8px;text-align:left;border-bottom:1px solid #1f2942;color:#cbd5e1}.lib-demo-table th{color:#64748b;font-weight:600;font-size:10px;text-transform:uppercase}.lib-detail-note{font-size:11px;color:#94a3b8;padding:8px 10px;background:#11182b;border-left:3px solid #fbbf24;border-radius:4px;font-style:italic}.library-form select{max-width:180px;flex:0 0 auto}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.library-card{background:#11182b;border:1px solid #1f2942;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:8px}.library-page{font-weight:600;color:#f1f5f9;font-size:14px}.library-body{font-size:13px;color:#cbd5e1;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.library-meta{font-size:11px;color:#64748b}.library-link{align-self:flex-start;font-size:12px;color:#60a5fa;border:1px solid #1f2942;padding:4px 10px;border-radius:6px}.library-link:hover{background:#1a2238;text-decoration:none}.aiads-main{padding:20px 24px}.spinner{width:28px;height:28px;border:3px solid rgba(148,163,184,.25);border-top-color:#1877f2;border-radius:50%;animation:aiads-spin .8s linear infinite}@keyframes aiads-spin{to{transform:rotate(360deg)}}.dash-toolbar{display:flex;align-items:flex-end;gap:14px;margin-bottom:16px}.page-title{font-size:20px;font-weight:700;color:inherit}.empty-connect{max-width:520px;margin:48px auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.empty-connect-icon{font-size:44px}.empty-connect h1{font-size:22px;margin:0}.empty-connect p{color:#94a3b8;line-height:1.6;margin:0 0 8px}.conn-list{display:flex;flex-direction:column;gap:16px}.conn-body{display:flex;flex-direction:column;gap:10px}.conn-meta{font-size:12px}:root{--p360-canvas: #f8fafc;--p360-surface: #ffffff;--p360-sunken: #f1f5f9;--p360-border: #e2e8f0;--p360-text: #334155;--p360-text-strong: #0f172a;--p360-muted: #64748b;--p360-faint: #64748b;--p360-hover: #f1f5f9;--p360-accent: #1877f2;--p360-accent-soft: #2563eb;--p360-scheme: light}.dark{--p360-canvas: #0b1020;--p360-surface: #11182b;--p360-sunken: #0b1020;--p360-border: #1f2942;--p360-text: #e2e8f0;--p360-text-strong: #f1f5f9;--p360-muted: #64748b;--p360-faint: #94a3b8;--p360-hover: #1a2238;--p360-accent: #1877f2;--p360-accent-soft: #60a5fa;--p360-scheme: dark}.p360-page{min-height:calc(100vh - 44px);background:var(--p360-canvas);color:var(--p360-text);font-family:Inter,Noto Sans Thai,system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px}.p360-main{padding:20px 24px;max-width:1400px;margin:0 auto}.p360-kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:20px}.p360-kpi{background:var(--p360-surface);border:1px solid var(--p360-border);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:4px}.p360-kpi-label{font-size:10px;color:var(--p360-muted);text-transform:uppercase;letter-spacing:.6px;font-weight:600}.p360-kpi-value{font-size:22px;color:var(--p360-text-strong);font-weight:700;font-variant-numeric:tabular-nums}.p360-kpi-sub{font-size:11px;color:var(--p360-muted)}.p360-section-title{font-size:14px;font-weight:600;color:var(--p360-text);margin:20px 0 10px}.p360-table-wrap{background:var(--p360-surface);border:1px solid var(--p360-border);border-radius:12px;overflow-x:auto;margin-bottom:20px}.p360-table{width:100%;border-collapse:collapse;min-width:max-content}.p360-table thead th{text-align:left;padding:8px 14px;font-size:10px;color:var(--p360-muted);font-weight:600;letter-spacing:.5px;text-transform:uppercase;border-bottom:1px solid var(--p360-border);white-space:nowrap}.p360-table tbody td{padding:7px 14px;border-bottom:1px solid var(--p360-border);font-size:12px;color:var(--p360-text);vertical-align:middle;white-space:nowrap;font-variant-numeric:tabular-nums}.p360-table tbody tr:last-child td{border-bottom:none}.p360-table tbody tr:hover{background:var(--p360-hover)}.p360-table thead th:first-child,.p360-table tbody td:first-child{padding-left:16px}.p360-table thead th:last-child,.p360-table tbody td:last-child{padding-right:16px}.p360-name-cell{color:var(--p360-text-strong);font-weight:500;max-width:300px;overflow:hidden;text-overflow:ellipsis;display:inline-block;vertical-align:middle}.p360-status{display:inline-block;padding:3px 9px;border-radius:10px;font-size:11px;font-weight:600;background:var(--p360-border);color:var(--p360-text)}.p360-status.active{background:#10b98126;color:#059669}.p360-status.paused{background:#fbbf2426;color:#d97706}.p360-status.deleted{background:#ef444426;color:#dc2626}.p360-status.archived{background:var(--p360-border);color:var(--p360-muted)}.dark .p360-status.active{color:#34d399}.dark .p360-status.paused{color:#fbbf24}.dark .p360-status.deleted{color:#f87171}.p360-select{background:var(--p360-surface);border:1px solid var(--p360-border);color:var(--p360-text);padding:7px 28px 7px 10px;border-radius:8px;font-size:13px;font-family:inherit;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3e%3cpath d='M6 9l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 7px center;background-size:14px}.p360-select:focus{outline:none;border-color:var(--p360-accent)}.p360-date-input{background:var(--p360-surface);border:1px solid var(--p360-border);color:var(--p360-text);padding:6px 10px;border-radius:8px;font-size:12px;font-family:inherit;color-scheme:var(--p360-scheme)}.p360-date-input:focus{outline:none;border-color:var(--p360-accent)}.p360-btn{background:var(--p360-accent);color:#fff;border:none;padding:8px 14px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;font-family:inherit}.p360-btn:hover{background:#166fe5}.p360-btn-ghost{background:transparent;color:var(--p360-faint);border:1px solid var(--p360-border);padding:6px 12px;border-radius:8px;cursor:pointer;font-size:12px;font-family:inherit;display:inline-flex;align-items:center;gap:6px}.p360-btn-ghost:hover{background:var(--p360-hover);color:var(--p360-text)}.p360-connect-card{background:var(--p360-surface);border:1px solid var(--p360-border);border-radius:16px;padding:40px 32px;max-width:520px;margin:60px auto;display:flex;flex-direction:column;gap:16px;text-align:center}.p360-connect-icon{font-size:40px}.p360-connect-title{font-size:18px;font-weight:700;color:var(--p360-text-strong);margin:0}.p360-connect-body{font-size:13px;color:var(--p360-faint);line-height:1.6;margin:0}.p360-env-block{background:var(--p360-sunken);border:1px solid var(--p360-border);border-radius:8px;padding:12px 14px;font-family:ui-monospace,Consolas,monospace;font-size:12px;color:var(--p360-accent-soft);text-align:left;line-height:1.8}.p360-compare-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin-bottom:24px}.p360-provider-card{background:var(--p360-surface);border:1px solid var(--p360-border);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:10px}.p360-provider-card-head{display:flex;align-items:center;gap:10px}.p360-provider-name{font-size:14px;font-weight:600;color:var(--p360-text-strong)}.p360-provider-card-metrics{display:flex;flex-direction:column;gap:6px}.p360-metric-row{display:flex;justify-content:space-between;font-size:12px}.p360-metric-label{color:var(--p360-muted)}.p360-metric-value{color:var(--p360-text-strong);font-weight:600;font-variant-numeric:tabular-nums}.p360-connect-chip{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--p360-accent-soft);background:#60a5fa1a;padding:3px 10px;border-radius:20px;text-decoration:none;cursor:pointer;border:none;font-family:inherit}.p360-connect-chip:hover{background:#60a5fa33;text-decoration:none}.p360-bar-chart{background:var(--p360-surface);border:1px solid var(--p360-border);border-radius:12px;padding:16px 20px;margin-bottom:20px}.p360-bar-chart-title{font-size:13px;font-weight:600;color:var(--p360-text);margin:0 0 14px}.p360-bar-rows{display:flex;flex-direction:column;gap:10px}.p360-bar-row{display:grid;grid-template-columns:90px 1fr 90px;gap:10px;align-items:center;font-size:12px}.p360-bar-row-label{color:var(--p360-faint);font-weight:500}.p360-bar-track{height:10px;background:var(--p360-border);border-radius:5px;overflow:hidden}.p360-bar-fill{height:100%;border-radius:5px;transition:width .3s}.p360-bar-val{color:var(--p360-text-strong);font-weight:600;text-align:right;font-variant-numeric:tabular-nums}.p360-currency-section{margin-bottom:28px}.p360-currency-label{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#d97706;font-weight:600;letter-spacing:.4px;text-transform:uppercase;margin-bottom:12px;background:#fbbf241f;padding:3px 10px;border-radius:8px}.dark .p360-currency-label{color:#fbbf24}.p360-currency-note{font-size:11px;color:var(--p360-muted);margin-bottom:12px;font-style:italic}.p360-trend-wrap{background:var(--p360-surface);border:1px solid var(--p360-border);border-radius:12px;padding:16px 20px;margin-bottom:20px}.p360-trend-title{font-size:13px;font-weight:600;color:var(--p360-text);margin:0 0 12px}.p360-trend-legend{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:10px;font-size:11px;color:var(--p360-faint)}.p360-legend-dot{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:4px;vertical-align:middle}.p360-trend-svg{width:100%;display:block}.p360-trend-axis{display:flex;justify-content:space-between;font-size:10px;color:var(--p360-muted);margin-top:4px;font-variant-numeric:tabular-nums}.p360-loading{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--p360-muted);font-size:13px;gap:10px}.p360-spinner{width:18px;height:18px;border:2px solid var(--p360-border);border-top-color:var(--p360-accent);border-radius:50%;animation:p360-spin .7s linear infinite;flex-shrink:0}@keyframes p360-spin{to{transform:rotate(360deg)}}.p360-empty{text-align:center;color:var(--p360-muted);font-size:13px;padding:40px 20px}.p360-error{background:#b423181f;border:1px solid rgba(180,35,24,.35);color:#dc2626;border-radius:8px;padding:12px 16px;font-size:13px;margin:12px 0}.dark .p360-error{color:#fca5a5}.p360-mock-banner{position:sticky;top:44px;z-index:40;display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 20px;background:#fbbf2429;border-bottom:1px solid rgba(251,191,36,.4);color:#b45309;font-size:12px;font-weight:600;letter-spacing:.2px}.dark .p360-mock-banner{color:#fbbf24}.p360-mock-banner-close{background:#fbbf2433;border:1px solid rgba(251,191,36,.4);color:inherit;border-radius:6px;padding:2px 10px;cursor:pointer;font-size:11px;font-weight:600;font-family:inherit;transition:background .12s}.p360-mock-banner-close:hover{background:#fbbf2452}.p360-mock-chip{display:inline-flex;align-items:center;padding:1px 8px;border-radius:10px;font-size:10px;font-weight:700;letter-spacing:.2px;background:#fbbf242e;color:#b45309;border:1px solid rgba(251,191,36,.4);line-height:1.6;vertical-align:middle;margin-left:4px;white-space:nowrap}.dark .p360-mock-chip{color:#fbbf24}.p360-provider-card.is-mock{opacity:.85;border:1px dashed rgba(251,191,36,.6);background:#fbbf240d}