@import"https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700;800&display=swap";@layer components;@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-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--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}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-orange-50:oklch(98% .016 73.684);--color-orange-100:oklch(95.4% .038 75.164);--color-orange-600:oklch(64.6% .222 41.116);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-600:oklch(66.6% .179 58.318);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-700:oklch(50.8% .118 165.612);--color-rose-50:oklch(96.9% .015 12.422);--color-rose-500:oklch(64.5% .246 16.439);--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-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-800:oklch(27.9% .041 260.031);--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-lg:32rem;--container-2xl:42rem;--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-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--animate-spin:spin 1s linear infinite;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-brand-100:#ffead8;--color-brand-500:#f56a1f;--color-brand-600:#dd4f0f}}@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,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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:where(:not(iframe)){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 utilities{.relative{position:relative}.m-0{margin:0}.mx-auto{margin-inline:auto}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.size-24{width:calc(var(--spacing) * 24);height:calc(var(--spacing) * 24)}.h-64{height:calc(var(--spacing) * 64)}.min-h-56{min-height:calc(var(--spacing) * 56)}.min-h-\[60vh\]{min-height:60vh}.\!w-auto{width:auto!important}.w-auto{width:auto}.max-w-2xl{max-width:var(--container-2xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-52{max-width:calc(var(--spacing) * 52)}.max-w-72{max-width:calc(var(--spacing) * 72)}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.animate-spin{animation:var(--animate-spin)}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-1{gap:var(--spacing)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:3.40282e38px}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-brand-100{border-color:var(--color-brand-100)}.border-orange-100{border-color:var(--color-orange-100)}.border-slate-100{border-color:var(--color-slate-100)}.border-slate-200{border-color:var(--color-slate-200)}.border-t-brand-500{border-top-color:var(--color-brand-500)}.bg-amber-50\/70{background-color:#fffbebb3}@supports (color:color-mix(in lab,red,red)){.bg-amber-50\/70{background-color:color-mix(in oklab,var(--color-amber-50) 70%,transparent)}}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-orange-50{background-color:var(--color-orange-50)}.bg-orange-50\/50{background-color:#fff7ed80}@supports (color:color-mix(in lab,red,red)){.bg-orange-50\/50{background-color:color-mix(in oklab,var(--color-orange-50) 50%,transparent)}}.bg-orange-50\/60{background-color:#fff7ed99}@supports (color:color-mix(in lab,red,red)){.bg-orange-50\/60{background-color:color-mix(in oklab,var(--color-orange-50) 60%,transparent)}}.bg-rose-50{background-color:var(--color-rose-50)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-white{background-color:var(--color-white)}.object-cover{object-fit:cover}.\!p-2{padding:calc(var(--spacing) * 2)!important}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-8{padding:calc(var(--spacing) * 8)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-1{padding-block:var(--spacing)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-10{padding-block:calc(var(--spacing) * 10)}.pt-1{padding-top:var(--spacing)}.text-center{text-align:center}.text-end{text-align:end}.text-start{text-align:start}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.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-\[11px\]{font-size:11px}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.text-amber-600{color:var(--color-amber-600)}.text-brand-500{color:var(--color-brand-500)}.text-brand-600{color:var(--color-brand-600)}.text-emerald-700{color:var(--color-emerald-700)}.text-orange-600{color:var(--color-orange-600)}.text-rose-500{color:var(--color-rose-500)}.text-slate-400{color:var(--color-slate-400)}.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-800{color:var(--color-slate-800)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.shadow-sm{--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)}@media(min-width:40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-\[150px_1fr_auto_auto\]{grid-template-columns:150px 1fr auto auto}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}}@media(min-width:64rem){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-\[\.75fr_1\.25fr\]{grid-template-columns:.75fr 1.25fr}}@media(min-width:80rem){.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}.ltr\:block:where(:dir(ltr),[dir=ltr],[dir=ltr] *){display:block}.ltr\:hidden:where(:dir(ltr),[dir=ltr],[dir=ltr] *){display:none}.ltr\:rotate-180:where(:dir(ltr),[dir=ltr],[dir=ltr] *){rotate:180deg}.rtl\:block:where(:dir(rtl),[dir=rtl],[dir=rtl] *){display:block}.rtl\:hidden:where(:dir(rtl),[dir=rtl],[dir=rtl] *){display:none}.rtl\:-rotate-90:where(:dir(rtl),[dir=rtl],[dir=rtl] *){rotate:-90deg}}:root{color:#202938;font-synthesis:none;text-rendering:optimizelegibility;--nav-width:272px;--nav-compact-width:92px;--ink:#202938;--muted:#778397;--line:#e8e9ed;--canvas:#f5f6f8;--paper:#fff;--warm:#fff8f2;--orange:#f56a1f;--orange-dark:#dd4f0f;--orange-soft:#fff0e4;background:#f5f6f8;font-family:Cairo,Inter,system-ui,sans-serif}html[lang=en]{font-family:Inter,Cairo,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px;min-height:100%}body{background:var(--canvas);min-width:320px;min-height:100vh;color:var(--ink);margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}::selection{color:#8a2e0b;background:#ffd9ba}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#d2d6dd;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#aeb6c2}.otlob-shell{grid-template-columns:var(--nav-width) minmax(0,1fr);background:var(--canvas);min-height:100dvh;display:grid}.otlob-shell.nav-compact{grid-template-columns:var(--nav-compact-width) minmax(0,1fr)}.otlob-sidebar{z-index:40;background:linear-gradient(#fffaf6,#fff 44% 100%);border-inline-end:1px solid #f0e7df;flex-direction:column;min-width:0;height:100dvh;transition:width .22s,transform .24s;display:flex;position:sticky;top:0;box-shadow:14px 0 42px #3c2e2409}.sidebar-head{border-bottom:1px solid #f4ebe4;justify-content:space-between;align-items:center;height:92px;padding:15px 16px;display:flex}.brand-lockup{flex:1;align-items:center;gap:11px;min-width:0;display:flex}.brand-symbol{color:#fff;background:linear-gradient(145deg,#ff8b3f,#f05b14);border-radius:15px;place-items:center;width:44px;height:44px;transition:transform .18s,box-shadow .18s;display:grid;position:relative;overflow:hidden;box-shadow:0 9px 24px #f56a1f40}.brand-symbol-ring{border:1px solid #ffffff47;border-radius:999px;width:28px;height:28px;position:absolute;transform:translate(11px,-11px)}.brand-copy{flex-direction:column;min-width:0;line-height:1.05;display:flex}.brand-copy strong{letter-spacing:.12em;color:#1f2937;font-family:Inter,Cairo,sans-serif;font-size:17px;font-weight:800}.brand-copy span{letter-spacing:.02em;color:#a07459;white-space:nowrap;margin-top:6px;font-size:10px;font-weight:700}.sidebar-brand-toggle{width:100%;min-width:0;color:inherit;text-align:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:18px;align-items:center;gap:8px;padding:6px 7px;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s;display:flex}.sidebar-brand-toggle:hover{background:linear-gradient(135deg,#fff8f2,#fffdfb);border-color:#f4dfd0;box-shadow:0 8px 22px #58392512}.sidebar-brand-toggle:active{transform:scale(.985)}.sidebar-brand-toggle:focus-visible{outline-offset:2px;outline:3px solid #f56a1f21}.sidebar-brand-indicator{color:#d95716;opacity:.86;background:#fff;border:1px solid #f1dfd2;border-radius:9px;flex:none;place-items:center;width:27px;height:27px;transition:transform .18s,border-color .18s,background .18s,opacity .18s;display:grid;box-shadow:0 4px 11px #4a31200f}.sidebar-brand-toggle:hover .sidebar-brand-indicator{opacity:1;background:#fff2e8;border-color:#f3b98f;transform:translate(-1px)}[dir=ltr] .sidebar-brand-toggle:hover .sidebar-brand-indicator{transform:translate(1px)}.sidebar-brand-toggle-compact{border-radius:19px;justify-content:center;width:58px;height:58px;margin-inline:auto;padding:7px}.sidebar-brand-toggle-compact .brand-lockup{flex:none;justify-content:center}.sidebar-brand-toggle-compact:hover .brand-symbol{transform:translateY(-1px)scale(1.045);box-shadow:0 12px 28px #f56a1f4f}.sidebar-mobile-close{color:#a54718;background:#fff3ea;border:0;border-radius:11px;padding:8px;display:none}.sidebar-context{background:#fff6ef;border:1px solid #f4dfcf;border-radius:17px;align-items:center;gap:10px;margin:16px 14px 10px;padding:11px 12px;display:flex}.context-dot{background:#f56a1f;border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 0 5px #f56a1f1c}.sidebar-context div{flex-direction:column;min-width:0;display:flex}.sidebar-context strong{color:#783a18;font-size:11px}.sidebar-context span{color:#b87955;margin-top:2px;font-size:9.5px}.sidebar-nav{flex:1;padding:8px 12px 18px;overflow-y:auto}.nav-group{margin-top:13px}.nav-group-label{color:#a1a8b4;text-transform:uppercase;letter-spacing:.08em;margin:0 10px 7px;font-size:9.5px;font-weight:800}.nav-group-links{gap:4px;display:grid}.nav-item{color:#626e80;border-radius:14px;align-items:center;gap:11px;min-height:45px;padding:7px 10px;font-size:12.5px;font-weight:700;transition:background .16s,color .16s,transform .16s;display:flex;position:relative}.nav-item:hover{color:#3d4654;background:#fff4ec;transform:translate(-1px)}[dir=ltr] .nav-item:hover{transform:translate(1px)}.nav-item-icon{color:#7d8795;background:#fff;border:1px solid #eee7e1;border-radius:10px;flex:none;place-items:center;width:31px;height:31px;transition:all .16s;display:grid}.nav-item-active{color:#b7450d;background:#fff0e5}.nav-item-active .nav-item-icon{color:#fff;background:#f56a1f;border-color:#f56a1f;box-shadow:0 6px 15px #f56a1f33}.nav-item-active:after{content:"";background:#f56a1f;border-radius:50%;width:4px;height:4px;position:absolute;inset-inline-end:7px}.nav-item-label{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.sidebar-foot{background:#ffffffd1;border-top:1px solid #f1ebe6;gap:7px;padding:13px;display:grid}.nav-logout{color:#7b8493;background:0 0;border:0;border-radius:13px;align-items:center;gap:9px;width:100%;padding:10px;font-size:11.5px;font-weight:700;transition:all .15s;display:flex}.nav-logout:hover{color:#be3140;background:#fff0f1}.is-compact .sidebar-head{justify-content:center;padding:14px 9px}.is-compact .sidebar-context{justify-content:center;margin-inline:15px;padding-inline:9px}.is-compact .sidebar-nav{padding-inline:12px}.is-compact .nav-group{margin-top:8px}.is-compact .nav-item{justify-content:center;padding-inline:7px}.is-compact .nav-item:after{display:none}.is-compact .nav-logout{justify-content:center}.otlob-workspace{background:radial-gradient(circle at 9% 0%,#f56a1f0e,transparent 23%),var(--canvas);flex-direction:column;min-width:0;min-height:100dvh;display:flex}.workspace-scroll{flex:1;min-height:0}.workspace-canvas{width:min(100%,1680px);margin-inline:auto;padding:24px clamp(18px,2.5vw,38px) 44px}.workspace-topbar{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f5f6f8e0;border-bottom:1px solid #dfe2e8c2;grid-template-columns:minmax(210px,.7fr) minmax(260px,1.1fr) auto;align-items:center;gap:18px;height:84px;padding:14px clamp(18px,2.5vw,38px);display:grid;position:sticky;top:0}.topbar-title-block{align-items:center;gap:12px;min-width:0;display:flex}.mobile-menu-button{color:#566172;background:#fff;border:1px solid #e3e6eb;border-radius:13px;place-items:center;width:39px;height:39px;display:none}.topbar-kicker{color:#f56a1f;text-transform:uppercase;letter-spacing:.11em;align-items:center;gap:5px;font-family:Inter,Cairo,sans-serif;font-size:9.5px;font-weight:800;display:flex}.topbar-page-title{color:#232c3a;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:16px;font-weight:800;display:block;overflow:hidden}.topbar-search{color:#9ba4b2;background:#fff;border:1px solid #e2e5ea;border-radius:15px;align-items:center;gap:9px;height:46px;padding:0 12px;display:flex;box-shadow:0 5px 18px #1d263306}.topbar-search input{color:#283242;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:12.5px}.topbar-search kbd{color:#a0a6b0;background:#f8f8f9;border:1px solid #eceef1;border-radius:7px;padding:3px 6px;font:600 9px Inter,sans-serif}.topbar-actions{align-items:center;gap:8px;display:flex}.topbar-icon-button{color:#566173;background:#fff;border:1px solid #e2e5ea;border-radius:12px;align-items:center;gap:6px;height:40px;padding:0 11px;font-size:11px;font-weight:800;display:flex;position:relative}.topbar-icon-button:hover{color:#d95412;background:#fffaf6;border-color:#ffcda9}.topbar-bell{justify-content:center;width:40px;padding:0}.bell-dot{top:8px;background:#f56a1f;border:1px solid #fff;border-radius:50%;width:5px;height:5px;position:absolute;inset-inline-end:9px}.operator-card{color:#fff;background:#202938;border-radius:14px;align-items:center;gap:9px;margin-inline-start:3px;padding:4px 6px 4px 5px;display:flex}.operator-avatar{color:#fff;background:#f56a1f;border-radius:10px;place-items:center;width:33px;height:33px;font-weight:800;display:grid}.operator-copy{flex-direction:column;max-width:135px;padding-inline-end:5px;line-height:1.1;display:flex}.operator-copy strong{white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;overflow:hidden}.operator-copy span{color:#aeb7c4;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:8.5px;overflow:hidden}.page-heading{justify-content:space-between;align-items:flex-end;gap:18px;margin:7px 0 22px;display:flex}.page-heading-copy{align-items:flex-start;gap:12px;min-width:0;display:flex}.page-heading-mark{background:linear-gradient(#ff9b55,#f15d15);border-radius:999px;width:5px;height:42px;box-shadow:0 5px 15px #f56a1f29}.page-heading h1{color:#222b39;letter-spacing:-.025em;margin:0;font-size:clamp(24px,2.2vw,32px);font-weight:800}.page-heading p{color:#7b8798;max-width:780px;margin:5px 0 0;font-size:12.5px;line-height:1.8}.page-heading-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dashboard-card,.surface-card,.data-panel{background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 7px 24px #20293809}.dashboard-card{position:relative;overflow:hidden}.dashboard-card-hover{transition:transform .18s,box-shadow .18s,border-color .18s}.dashboard-card-hover:hover{border-color:#f5d3bc;transform:translateY(-2px);box-shadow:0 13px 30px #29303b11}.metric-tile{background:#fff;border:1px solid #e5e7eb;border-radius:18px;align-items:center;gap:13px;min-height:112px;padding:18px;display:flex;position:relative;overflow:hidden;box-shadow:0 7px 24px #20293809}.metric-icon{color:#ef6019;background:#fff2e8;border-radius:13px;flex:none;place-items:center;width:42px;height:42px;display:grid}.metric-copy{flex-direction:column;min-width:0;display:flex}.metric-copy span{color:#8390a0;font-size:10.5px;font-weight:700}.metric-copy strong{color:#202938;letter-spacing:-.025em;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-family:Inter,Cairo,sans-serif;font-size:22px;font-weight:800;overflow:hidden}.metric-copy small{color:#a3aab4;margin-top:3px;font-size:9.5px}.metric-accent{inset-inline-end:-19px;border:15px solid #fff3ea;border-radius:50%;width:76px;height:76px;position:absolute;bottom:-24px}.surface-card-head{border-bottom:1px solid #edf0f2;justify-content:space-between;align-items:center;gap:14px;padding:17px 19px;display:flex}.surface-card-head h2{color:#273140;margin:0;font-size:14px;font-weight:800}.surface-card-head p{color:#8994a3;margin:4px 0 0;font-size:10.5px}.surface-card-body{padding:19px}.data-panel{overflow:hidden}.table-scroll{overflow:auto}.otlob-table{border-collapse:separate;border-spacing:0;width:100%;min-width:850px;font-size:12px}.otlob-table thead th{color:#8792a0;text-align:start;text-transform:uppercase;letter-spacing:.055em;background:#f8f8f9;border-bottom:1px solid #e7eaee;padding:12px 16px;font-size:9.5px;font-weight:800}.otlob-table tbody td{color:#465264;vertical-align:middle;border-bottom:1px solid #eef0f2;padding:14px 16px}.otlob-table tbody tr:last-child td{border-bottom:0}.otlob-table tbody tr{background:#fff;transition:background .14s}.otlob-table tbody tr:hover{background:#fffaf6}.table-skeleton{background:linear-gradient(90deg,#f0f1f3,#e5e7eb,#f0f1f3) 0 0/200% 100%;border-radius:999px;height:11px;animation:1.25s linear infinite shimmer;display:block}.table-empty{color:#a0a8b4;place-items:center;gap:7px;padding:46px 12px;display:grid}.table-empty span{color:#f08a50;border:1px dashed #d8dce2;border-radius:50%;place-items:center;width:34px;height:34px;font-size:17px;display:grid}.table-empty strong{font-size:11.5px;font-weight:700}.filter-bar{background:#fff;border:1px solid #e4e7eb;border-radius:17px;align-items:center;gap:9px;margin-bottom:14px;padding:9px;display:flex;box-shadow:0 5px 18px #20293806}.filter-bar-label{color:#f06a22;text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:6px;padding:0 7px;font-size:9.5px;font-weight:800;display:flex}.filter-search{color:#9ba3ae;background:#f8f9fa;border:1px solid #eceef1;border-radius:12px;flex:1;align-items:center;gap:8px;min-width:200px;max-width:370px;padding:0 11px;display:flex}.filter-search input{color:#344052;background:0 0;border:0;outline:0;width:100%;height:38px;font-size:11.5px}.filter-controls{flex-wrap:wrap;align-items:center;gap:7px;margin-inline-start:auto;display:flex}.filter-refresh{min-height:40px}.field-block{display:block}.field-label{color:#596577;margin-bottom:6px;font-size:10.5px;font-weight:800;display:block}.field-hint{color:#9aa3af;margin-top:5px;font-size:9.5px;line-height:1.5;display:block}.input{color:#344052;background:#fff;border:1px solid #dfe3e8;border-radius:12px;outline:0;width:100%;height:43px;padding:0 12px;font-size:12px;transition:border-color .14s,box-shadow .14s,background .14s}.input:hover:not(:disabled){border-color:#cfd5dd}.input:focus{border-color:#f3925e;box-shadow:0 0 0 3px #f56a1f17}.input:disabled{color:#9ca5b1;background:#f6f7f8}.textarea,textarea.input{resize:vertical;height:auto;min-height:108px;padding-block:10px}.input-icon-start{z-index:2;pointer-events:none;color:#a0a8b4;inset-inline-start:12px;position:absolute;top:50%;transform:translateY(-50%)}.input-action-end{z-index:3;inset-inline-end:6px;position:absolute;top:50%;transform:translateY(-50%)}.input.has-start-icon{padding-inline-start:38px!important}.input.has-end-action{padding-inline-end:44px!important}.select-shell{width:100%;display:block;position:relative}.select-shell-auto{width:auto;display:inline-block}.select-control{cursor:pointer;appearance:none!important;background-image:none!important;padding-inline-end:36px!important}.select-control::-ms-expand{display:none!important}.select-chevron{pointer-events:none;color:#f56a1f;top:50%;position:absolute;inset-inline-end:12px;transform:translateY(-50%)}.btn{border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 13px;font-size:11px;font-weight:800;transition:transform .14s,background .14s,border-color .14s,color .14s,box-shadow .14s;display:inline-flex}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{color:#fff;background:#f56a1f;box-shadow:0 7px 16px #f56a1f29}.btn-primary:hover:not(:disabled){background:#df5512;box-shadow:0 9px 20px #f56a1f38}.btn-secondary{color:#485466;background:#fff;border-color:#dfe3e8}.btn-secondary:hover:not(:disabled){color:#c34c12;background:#fff9f5;border-color:#f2b58d}.btn-danger{color:#c33847;background:#fff5f6;border-color:#ffd9dc}.btn-danger:hover:not(:disabled){background:#ffecee}.btn-ghost{color:#727d8c;background:0 0}.btn-ghost:hover:not(:disabled){color:#2f3947;background:#f3f4f6}.status-pill,.badge{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;width:max-content;padding:5px 9px;font-size:9.5px;font-weight:800;display:inline-flex}.status-pill i{opacity:.8;background:currentColor;border-radius:50%;width:5px;height:5px}.status-ok{color:#188451;background:#edfbf3;border:1px solid #ccefdc}.status-warn{color:#9b670e;background:#fff8e8;border:1px solid #f5e4b2}.status-bad{color:#b83a48;background:#fff0f1;border:1px solid #f6d0d5}.status-muted{color:#667180;background:#f2f4f6;border:1px solid #e1e5e9}.status-brand{color:#bd4a12;background:#fff0e5;border:1px solid #f8d4bd}.dialog-layer{z-index:9999;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#1b212a66;place-items:center;padding:22px;display:grid;position:fixed;inset:0;overflow:auto}.dialog-panel{background:#fff;border:1px solid #fff9;border-radius:22px;width:100%;max-height:calc(100dvh - 44px);position:relative;overflow:auto;box-shadow:0 28px 80px #1d232b38}.dialog-accent{background:linear-gradient(90deg,#ff9a53,#f56a1f 48%,#e4510d);height:5px}.dialog-head{z-index:5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff2;border-bottom:1px solid #eceef1;justify-content:space-between;align-items:center;gap:14px;padding:15px 18px;display:flex;position:sticky;top:0}.dialog-head div{flex-direction:column;display:flex}.dialog-head span{color:#f56a1f;letter-spacing:.12em;font:800 8.5px Inter,sans-serif}.dialog-head h2{color:#26303e;margin:2px 0 0;font-size:15px;font-weight:800}.dialog-close{color:#697586;background:#fff;border:1px solid #e4e7eb;border-radius:11px;place-items:center;width:35px;height:35px;display:grid}.dialog-close:hover{color:#d55313;background:#fff7f1;border-color:#ffc7a4}.dialog-body{padding:18px}.modal-backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#1b212a66}.pager{color:#8a94a2;justify-content:space-between;align-items:center;gap:12px;margin-top:13px;font-size:10.5px;display:flex}.pager-controls{align-items:center;gap:7px;display:flex}.pager-controls button{color:#5d6878;background:#fff;border:1px solid #e0e4e9;border-radius:11px;place-items:center;width:34px;height:34px;display:grid}.pager-controls button:disabled{opacity:.35;cursor:not-allowed}.pager-controls button:not(:disabled):hover{color:#d95615;background:#fff8f3;border-color:#f4b58e}.pager-controls strong{color:#26303e;justify-content:center;align-items:baseline;gap:4px;min-width:60px;font:800 11px Inter,sans-serif;display:flex}.pager-controls small{color:#9ba3ae;font-size:9px}.auth-stage{background:linear-gradient(145deg,#f4f5f7,#fff8f2 52%,#f4f5f7);place-items:center;min-height:100dvh;padding:28px;display:grid;position:relative;overflow:hidden}.auth-orbit{pointer-events:none;border-radius:50%;position:absolute}.auth-orbit-one{inset-inline-start:-220px;border:76px solid #f56a1f0e;width:520px;height:520px;top:-240px}.auth-orbit-two{filter:blur(1px);inset-inline-end:-110px;background:#f56a1f0b;width:360px;height:360px;bottom:-180px}.auth-frame{z-index:1;background:#fff;border:1px solid #e2e0dce6;border-radius:28px;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);width:min(1080px,100%);display:grid;position:relative;overflow:hidden;box-shadow:0 30px 80px #282c351f}.auth-form-panel{padding:34px clamp(28px,4vw,52px) 40px}.auth-panel-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.language-chip{color:#586476;background:#fff;border:1px solid #e3e5e9;border-radius:11px;align-items:center;gap:6px;padding:8px 10px;font-size:10.5px;font-weight:800;display:flex}.auth-heading{margin-top:58px}.auth-heading>span{color:#f56a1f;text-transform:uppercase;letter-spacing:.07em;font-size:10px;font-weight:800}.auth-heading h1{color:#202938;letter-spacing:-.035em;margin:9px 0 0;font-size:36px;font-weight:800}.auth-heading p{color:#7e8998;max-width:470px;margin:10px 0 0;font-size:12.5px;line-height:1.9}.auth-form{gap:15px;margin-top:31px;display:grid}.auth-field{gap:7px;display:grid}.auth-field>span{color:#5e697a;font-size:10.5px;font-weight:800}.auth-input-wrap{color:#9aa4b0;background:#fff;border:1px solid #dfe3e8;border-radius:13px;align-items:center;gap:10px;height:48px;padding:0 13px;transition:all .15s;display:flex;position:relative}.auth-input-wrap:focus-within{border-color:#f28a50;box-shadow:0 0 0 4px #f56a1f14}.auth-input-wrap input{color:#303a49;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:12.5px}.auth-eye{color:#929ba7;background:0 0;border:0;place-items:center;display:grid}.auth-code-wrap input{text-align:center;letter-spacing:.38em;font-size:22px;font-weight:800}.remember-row{color:#7b8594;align-items:center;gap:8px;font-size:10.5px;display:flex}.remember-row input{accent-color:#f56a1f;width:15px;height:15px}.auth-error{color:#b83a48;background:#fff3f4;border:1px solid #f4d0d5;border-radius:12px;padding:10px 12px;font-size:10.5px;font-weight:700}.auth-submit{color:#fff;background:#202938;border:0;border-radius:13px;justify-content:space-between;align-items:center;height:49px;padding:0 17px;font-size:12px;font-weight:800;transition:all .15s;display:flex;box-shadow:0 10px 24px #20293826}.auth-submit:hover:not(:disabled){background:#f56a1f;box-shadow:0 12px 24px #f56a1f38}.auth-submit:disabled{opacity:.55}.auth-back{color:#7d8795;background:0 0;border:0;font-size:10.5px;font-weight:700}.auth-insight-panel{color:#fff;background:linear-gradient(145deg,#252e3c,#1d2532);flex-direction:column;justify-content:space-between;min-height:660px;padding:46px;display:flex;position:relative;overflow:hidden}.auth-insight-panel:before{content:"";inset-inline-end:-150px;border:64px solid #f56a1f1f;border-radius:50%;width:360px;height:360px;position:absolute;top:-130px}.auth-insight-panel:after{content:"";filter:blur(100px);opacity:.2;inset-inline-start:-70px;background:#f56a1f;border-radius:50%;width:180px;height:180px;position:absolute;bottom:80px}.insight-head,.insight-grid,.insight-footer{z-index:1;position:relative}.insight-chip{color:#ffb686;background:#ffffff0e;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:6px;width:max-content;padding:7px 10px;font-size:9.5px;font-weight:800;display:inline-flex}.insight-head h2{letter-spacing:-.035em;max-width:520px;margin:28px 0 0;font-size:40px;font-weight:800;line-height:1.28}.insight-head p{color:#aeb8c5;max-width:510px;margin:15px 0 0;font-size:12.5px;line-height:1.9}.insight-grid{grid-template-columns:1fr 1fr;gap:11px;margin-top:34px;display:grid}.insight-card{color:#d9e0e8;background:#ffffff0b;border:1px solid #ffffff17;border-radius:18px;flex-direction:column;justify-content:space-between;min-height:130px;padding:17px;display:flex}.insight-card svg{color:#ff8942}.insight-card span{color:#aeb9c6;font-size:10px;font-weight:700}.insight-card strong{color:#fff;font:800 22px Inter,sans-serif}.insight-card.wide{flex-direction:row;grid-column:1/-1;justify-content:flex-start;align-items:center;gap:14px;min-height:84px}.insight-card.wide div{flex-direction:column;gap:5px;display:flex}.insight-card.wide strong{font-size:11px}.insight-footer{color:#7f8b9b;letter-spacing:.08em;font:700 9px Inter,sans-serif}.fade-up{animation:.22s ease-out both page-in}@keyframes page-in{0%{opacity:0}to{opacity:1}}.skeleton{background:linear-gradient(90deg,#f0f1f3 25%,#e6e8eb 38%,#f0f1f3 63%) 0 0/300% 100%;animation:1.25s infinite shimmer}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.nav-scrim{display:none}@media(max-width:1099px){.otlob-shell,.otlob-shell.nav-compact{display:block}.otlob-sidebar{z-index:70;width:278px;position:fixed;inset-block:0;transform:translate(105%);box-shadow:0 20px 60px #1f27322e}[dir=ltr] .otlob-sidebar{transform:translate(-105%)}.otlob-sidebar-open{transform:translate(0)!important}.sidebar-mobile-close{place-items:center;display:grid}.sidebar-brand-toggle{pointer-events:none;cursor:default;padding:6px 7px}.sidebar-brand-indicator{display:none}.nav-scrim{z-index:60;opacity:0;visibility:hidden;background:#161c2557;border:0;transition:all .2s;display:block;position:fixed;inset:0}.nav-scrim-visible{opacity:1;visibility:visible}.workspace-topbar{grid-template-columns:minmax(190px,.8fr) minmax(220px,1fr) auto}.mobile-menu-button{display:grid}}@media(max-width:760px){.workspace-topbar{grid-template-columns:1fr auto;height:auto;min-height:74px;padding:11px 15px}.topbar-search,.operator-copy{display:none}.operator-card{padding:4px}.workspace-canvas{padding:18px 14px 34px}.page-heading{flex-direction:column;align-items:flex-start}.filter-bar{flex-direction:column;align-items:stretch}.filter-bar-label{display:none}.filter-search{width:100%;max-width:none}.filter-controls{margin-inline-start:0}.auth-stage{padding:12px}.auth-frame{border-radius:22px;display:block}.auth-insight-panel{display:none}.auth-form-panel{padding:24px 20px 28px}.auth-heading{margin-top:42px}.auth-heading h1{font-size:30px}}.delivery-brand-symbol{background:linear-gradient(145deg,#ff984d,#e65a17)}.delivery-workspace{background:radial-gradient(circle at 8% 0,#f56a1f11,#0000 22%),linear-gradient(#f5f6f8,#f7f7f8)}.delivery-context{background:#fff4eb}.delivery-nav{padding-top:18px}.delivery-topbar .topbar-kicker{color:#df5b18}.delivery-operator-card{background:#2b3441}.delivery-auth-stage{background:linear-gradient(145deg,#f2f4f6,#fff8f2 65%,#f3f4f6)}.delivery-insight-panel{background:linear-gradient(150deg,#2a3340,#202733)}.delivery-insight-panel:after{background:#ff7a26}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@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}@keyframes spin{to{transform:rotate(360deg)}}