.admin-brand{display:flex;align-items:center;gap:var(--space-md)}.admin-brand-label{font-size:var(--text-body-sm-size);border-left:1px solid currentColor;padding-left:var(--space-md)}.admin-navigation-toggle{display:none;font:inherit;color:var(--color-header-ink);background:transparent;border:1px solid currentColor;border-radius:var(--radius-button);padding:6px 10px;cursor:pointer}.admin-sidebar{position:sticky;top:56px;height:calc(100vh - 56px)}.admin-sidebar .optima-navlink:focus-visible,.admin-navigation-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}@media (max-width:900px){.admin-header{padding:0 var(--space-md)!important}.admin-navigation-toggle{display:block}.admin-sidebar{display:none!important}.admin-sidebar--open{display:flex!important;position:fixed;left:0;top:56px;bottom:0;z-index:90;width:250px!important;height:calc(100dvh - 56px);box-shadow:var(--shadow-card)}.admin-main{padding:var(--space-md)!important}}@media (max-width:600px){.admin-account-email,.admin-brand-label{display:none}}.record-table{width:100%;border-collapse:collapse;font-family:var(--font-family);background:var(--color-surface)}.record-table-scroll{overflow:auto;max-width:100%}.record-table th{position:sticky;top:0;z-index:1;background:var(--color-surface);color:var(--color-ink-soft);font-size:var(--text-body-sm-size);padding:10px 12px;text-align:left;border-bottom:1px solid var(--color-line)}.record-table tbody>tr:nth-child(2n){background:var(--color-unread-tint)}.record-table tbody>tr:hover{background:var(--color-unread-tint)}.record-table td{overflow-wrap:anywhere}.record-table :is(a,button,input,select,textarea):focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}@media (max-width:600px){.record-table,.record-table tbody{display:block;width:100%}.record-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.record-table tbody>tr{display:block;padding:var(--space-sm) 0;border-bottom:1px solid var(--color-line)}.record-table tbody td{display:block;width:auto!important;border:0!important;padding:var(--space-sm) var(--space-md)!important;text-align:left!important;white-space:normal!important}.record-table td[data-label]:before{content:attr(data-label);display:block;margin-bottom:4px;color:var(--color-ink-soft);font-size:var(--text-body-sm-size);font-weight:600}.record-table td[colspan]{padding:0!important}.record-table td button{min-height:36px}.record-table td>div{flex-wrap:wrap}}.data-workspace{border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-surface);min-width:0}.data-table-toolbar{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);flex-wrap:wrap;border-bottom:1px solid var(--color-line)}.data-table-search{display:flex;flex-direction:column;gap:4px;flex:1 1 220px;max-width:360px}.data-table-search label,.data-table-count{color:var(--color-ink-soft);font-size:var(--text-body-sm-size)}.data-table-search input,.data-table-tools button,.data-table-columns summary,.data-table-detail-header button{font:inherit;font-size:var(--text-body-sm-size);border:1px solid var(--color-line-strong);border-radius:var(--radius-button);background:var(--color-surface);color:var(--color-ink);padding:8px 12px}.data-table-tools{margin-left:auto;display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.data-table-tools button,.data-table-columns summary,.data-table-detail-header button{cursor:pointer}.data-table-tools button:hover,.data-table-columns summary:hover,.data-table-detail-header button:hover{background:var(--color-unread-tint)}.data-table-tools button[aria-pressed=true]{border-color:var(--color-primary);color:var(--color-primary)}.data-workspace :is(input,button,summary,[tabindex]):focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.data-table-columns{position:relative}.data-table-column-menu{position:absolute;right:0;top:100%;z-index:15;background:var(--color-surface);border:1px solid var(--color-line-strong);border-radius:var(--radius-card);min-width:180px;padding:var(--space-sm);box-shadow:var(--shadow-card)}.data-table-column-menu label{display:flex;align-items:center;gap:var(--space-sm);padding:8px;font-size:var(--text-body-sm-size)}.data-table-column-menu input{accent-color:var(--color-primary)}.data-table-layout{display:grid;min-width:0}.data-table-layout--split{grid-template-columns:minmax(280px,1fr) minmax(360px,46%)}.data-table-list{min-width:0}.data-table-cell-value{min-width:0;overflow-wrap:anywhere}.data-table-scroll{max-height:72vh}.data-workspace th{position:sticky;top:0;z-index:1;background:var(--color-surface)}.data-workspace td{transition:background .12s}.data-workspace tbody>tr:nth-child(2n):not(.optima-table-row--expanded){background:var(--color-unread-tint)}.data-workspace--compact .optima-table tbody td{padding-top:7px!important;padding-bottom:7px!important}.data-table-detail{min-width:0;border-left:1px solid var(--color-line);background:var(--color-surface)}.data-table-detail-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md);border-bottom:1px solid var(--color-line);color:var(--color-ink)}.data-table-detail-content{padding:var(--space-md);overflow-wrap:anywhere}.data-table-detail-content>*{min-width:0}.data-table-loading{border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-surface);padding:var(--space-md)}.data-table-skeleton{height:36px;margin:8px 0;border-radius:var(--radius-button);background:var(--color-unread-tint);border-bottom:1px solid var(--color-line)}@media (max-width:1000px){.data-table-layout--split{grid-template-columns:minmax(0,1fr)}.data-table-detail{border-left:0;border-top:1px solid var(--color-line)}}@media (max-width:600px){.data-table-tools{margin-left:0;width:100%}.data-table-search{max-width:none}.data-table-count{width:100%}}@media (max-width:600px){.data-table-scroll{max-height:none}.data-workspace .optima-table,.data-workspace .optima-table thead,.data-workspace .optima-table tbody{display:block;width:100%}.data-workspace .optima-table thead tr{display:flex;flex-wrap:wrap;gap:var(--space-sm);padding:var(--space-md);border-bottom:1px solid var(--color-line)}.data-workspace .optima-table th{position:static;border:0!important;padding:4px!important;width:auto!important}.data-workspace .optima-table tbody>tr{display:block;border-bottom:1px solid var(--color-line);padding:var(--space-sm) 0}.data-workspace .optima-table tbody td{display:grid;grid-template-columns:minmax(80px,30%) minmax(0,1fr);gap:var(--space-md);border:0!important;padding:var(--space-sm) var(--space-md);white-space:normal;overflow-wrap:anywhere}.data-workspace .optima-table tbody td:before{content:attr(data-label);color:var(--color-ink-soft);font-weight:600}.data-workspace .optima-table tbody tr.optima-table-row--expanded td{display:block}.data-workspace .optima-table tbody tr.optima-table-row--expanded td:before{display:none}}@media (prefers-reduced-motion:reduce){.data-workspace td{transition:none}}.call-workflow-switch{display:flex;gap:var(--space-sm);border-bottom:1px solid var(--color-line);margin:var(--space-page) 0;padding-bottom:var(--space-md)}.call-workflow-switch button{text-align:left;padding:var(--space-md) var(--space-xl);border:1px solid transparent;border-radius:var(--radius-button);background:transparent;color:var(--color-ink-soft);font:inherit;font-weight:700;cursor:pointer}.call-workflow-switch button span{display:block;font-size:var(--text-body-sm-size);font-weight:400;margin-top:var(--space-base)}.call-workflow-switch button[aria-pressed=true]{background:var(--color-surface);color:var(--color-primary);border-color:var(--color-primary)}.call-workflow-switch button:hover{background:var(--color-unread-tint)}.callbacks-workspace{display:grid;grid-template-columns:minmax(240px,290px) minmax(0,1fr);border:1px solid var(--color-line);border-radius:var(--radius-card);overflow:hidden;background:var(--color-surface);min-height:520px}.callbacks-workspace h2{font-size:var(--text-heading-md-size);margin:0;line-height:1.3}.callbacks-workspace h3{font-size:var(--text-title-md-size);margin:0}.callbacks-workspace p{margin:var(--space-sm) 0;max-width:72ch}.callbacks-muted{color:var(--color-ink-soft)}.callbacks-queue{background:var(--color-unread-tint);border-right:1px solid var(--color-line)}.callbacks-heading{display:flex;align-items:start;gap:var(--space-sm);padding:var(--space-xl);border-bottom:1px solid var(--color-line)}.callbacks-heading h2{font-size:var(--text-title-lg-size)}.callbacks-heading p{font-size:var(--text-body-sm-size);color:var(--color-ink-soft)}.callbacks-queue-list{padding:var(--space-md);display:grid;gap:var(--space-sm)}.callback-customer{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-sm);padding:var(--space-lg);font:inherit;color:var(--color-ink);background:var(--color-surface);border:1px solid var(--color-line-strong);border-radius:var(--radius-thumbnail);text-align:left;cursor:pointer;overflow-wrap:anywhere}.callback-customer[aria-pressed=true]{border-color:var(--color-primary);box-shadow:inset 3px 0 var(--color-primary)}.callback-customer:hover{background:var(--color-unread-tint)}.callback-customer:active{background:var(--color-selection)}.callback-customer:disabled{cursor:wait;opacity:.65}.callback-customer-meta{display:flex;justify-content:space-between;gap:var(--space-sm);font-size:var(--text-body-sm-size);color:var(--color-ink-soft)}.callback-status{display:inline-flex;align-items:center;width:fit-content;padding:var(--space-base) var(--space-sm);border-radius:var(--radius-pill);font-size:var(--text-body-sm-size);font-weight:600;background:var(--color-unread-tint);color:var(--color-primary);border:1px solid var(--color-line)}.callback-status-pending{background:var(--color-warning-bg);color:var(--color-warning-ink)}.callbacks-main{padding:var(--space-card);min-width:0}.callback-context{display:flex;align-items:start;justify-content:space-between;flex-wrap:wrap;gap:var(--space-md)}.callback-context p{font-weight:600}.callback-context p span{font-weight:400}.callback-steps{display:flex;flex-wrap:wrap;gap:var(--space-lg) var(--space-xxl);padding:var(--space-lg) 0 var(--space-lg) var(--space-xl);margin:var(--space-lg) 0;border-block:1px solid var(--color-line);color:var(--color-ink-soft);font-size:var(--text-body-sm-size)}.callback-compare-heading{margin-bottom:var(--space-lg)}.callback-compare-heading p{color:var(--color-ink-soft);font-size:var(--text-body-sm-size)}.callback-quotes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:var(--space-lg);align-items:start}.callback-quote{border:1px solid var(--color-line-strong);border-radius:var(--radius-thumbnail);padding:var(--space-xl);min-width:0;overflow-wrap:anywhere}.callback-quote-selected{border-color:var(--color-primary);box-shadow:inset 0 3px var(--color-primary)}.callback-quote header{display:flex;justify-content:space-between;align-items:start;flex-wrap:wrap;gap:var(--space-sm)}.callback-quote header strong{font-size:var(--text-title-lg-size)}.callback-quote-type{font-size:var(--text-body-sm-size);color:var(--color-ink-soft)}.callback-price{display:flex;flex-direction:column;gap:var(--space-base);padding-block:var(--space-xl)}.callback-price-label{font-size:var(--text-body-sm-size)}.callback-price strong{font-size:var(--text-display-sm-size);letter-spacing:var(--text-heading-tracking);line-height:1.25}.callback-price>.callbacks-muted{font-size:var(--text-body-sm-size)}.callback-deposit-note{padding:var(--space-md);background:var(--color-unread-tint);border-left:2px solid var(--color-primary);font-size:var(--text-body-sm-size)}.callback-terms{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);margin:0;padding:var(--space-lg) 0;border-block:1px solid var(--color-line)}.callback-terms dt{font-size:var(--text-body-sm-size);color:var(--color-ink-soft);margin-bottom:var(--space-base)}.callback-terms dd{margin:0;font-weight:600}.callback-materials{grid-column:1/-1}.callback-details{margin:var(--space-lg) 0;font-size:var(--text-body-sm-size)}.callback-details summary{cursor:pointer;padding:var(--space-sm) 0;color:var(--color-primary);font-weight:600}.callback-details summary:hover{text-decoration:underline}.callback-details summary:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.callback-details>div{margin-top:var(--space-md)}.callback-details p{white-space:pre-wrap}.callback-quote>button{width:100%}.callback-confirmation{margin-top:var(--space-xl);border-top:1px solid var(--color-line);padding-top:var(--space-xl);display:grid;gap:var(--space-lg)}.callback-confirmation>div p{color:var(--color-ink-soft)}.callback-confirmation label{display:flex;align-items:start;gap:var(--space-md);max-width:76ch;cursor:pointer}.callback-confirmation input{accent-color:var(--color-primary);flex-shrink:0;margin-top:var(--space-base);width:18px;height:18px}.callback-confirmation small{display:block;color:var(--color-ink-soft);margin-top:var(--space-base)}.callback-confirmation>button{justify-self:start}.callback-handoff{margin-top:var(--space-xl);padding:var(--space-xl);display:flex;align-items:start;gap:var(--space-md);background:var(--color-success-bg);color:var(--color-ink);border-radius:var(--radius-thumbnail)}.callback-handoff>svg{color:var(--color-success);flex-shrink:0}.callback-handoff a{color:var(--color-primary);font-weight:700}.callbacks-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-sm);padding:var(--space-card)}.callbacks-empty>svg{color:var(--color-primary)}.callbacks-welcome{justify-content:center;min-height:420px}.callbacks-welcome p{max-width:52ch}@media (max-width:1000px){.callbacks-workspace{grid-template-columns:minmax(220px,260px) minmax(0,1fr)}.callbacks-main{padding:var(--space-lg)}}@media (max-width:700px){.call-workflow-switch{flex-direction:column}.callbacks-workspace{grid-template-columns:minmax(0,1fr)}.callbacks-queue{border-right:0;border-bottom:1px solid var(--color-line)}.callbacks-queue-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}.callback-steps{flex-direction:column;gap:var(--space-sm)}.callback-confirmation>button{width:100%}}[data-realm=midnight]{--color-page: #faf6ed;--color-surface: #ffffff;--color-surface2: #f2e3c7;--color-ink: #1c1b19;--color-ink-soft: #6f6b64;--color-ink-faint: #777064;--color-line: #e4dccb;--color-line-strong: #948971;--color-unread-tint: #fcf8f1;--color-primary: #8f3033;--color-on-primary: #ffffff;--color-secondary: #b43d40;--color-header-bg: #8f3033;--color-header-ink: #ffffff;--color-selection: #e7dcc6;--color-success: #1a7a50;--color-error: #c23b3b;--color-star: #f5a623;--shadow-card: 0 2px 8px rgba(28, 27, 25, .1), 0 6px 24px rgba(28, 27, 25, .04)}[data-realm=azure]{--color-page: #fffdf8;--color-surface: #ffffff;--color-surface2: #f2e3c7;--color-ink: #1c1b19;--color-ink-soft: #6f6b64;--color-ink-faint: #777064;--color-line: #e4dccb;--color-line-strong: #948971;--color-unread-tint: #fcf8f1;--color-primary: #b43d40;--color-on-primary: #ffffff;--color-secondary: #948e85;--color-header-bg: #ffffff;--color-header-ink: #1c1b19;--color-selection: #e4dccb;--color-success: #1a7a50;--color-error: #c23b3b;--color-star: #f5a623;--shadow-card: 0 2px 8px rgba(28, 27, 25, .08), 0 6px 24px rgba(28, 27, 25, .04)}:root{--color-success-bg: #dcf4ea;--color-error-bg: #fdeded;--color-warning-bg: #fef3dc;--color-warning-ink: #a06000}:root{--font-family: "Plus Jakarta Sans", system-ui, sans-serif;--text-display-lg-size: 32px;--text-display-md-size: 28px;--text-display-sm-size: 24px;--text-display-weight: 800;--text-display-tracking: -.025em;--text-display-leading: 1.05;--text-heading-lg-size: 22px;--text-heading-md-size: 20px;--text-heading-sm-size: 18px;--text-heading-weight: 700;--text-heading-tracking: -.02em;--text-heading-leading: 1.1;--text-title-lg-size: 17px;--text-title-md-size: 15px;--text-title-sm-size: 13px;--text-label-lg-size: 14px;--text-label-md-size: 12px;--text-label-weight: 600;--text-label-bold-weight: 700;--text-body-lg-size: 16px;--text-body-md-size: 14px;--text-body-sm-size: 12px;--text-body-weight: 400;--text-body-leading: 1.5;--text-micro-size: 10px;--text-micro-weight: 700;--text-micro-tracking: .12em;--space-base: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 20px;--space-xxl: 32px;--space-page: 22px;--space-card: 24px;--radius-card: 16px;--radius-button: 13px;--radius-input: 14px;--radius-pill: 999px;--radius-thumbnail: 12px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;font-family:var(--font-family);font-size:var(--text-body-md-size);color:var(--color-ink);background:var(--color-page);line-height:var(--text-body-leading);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-button)}label:has(>input[type=radio]:focus-visible){outline:2px solid var(--color-primary);outline-offset:2px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:1px;border-radius:var(--radius-input)}.optima-input:focus{border-color:var(--color-primary)!important}.optima-btn{transition:filter .15s ease,background-color .15s ease,color .15s ease,box-shadow .15s ease,transform .05s ease}.optima-btn:not(:disabled):hover{filter:brightness(1.06)}.optima-btn:not(:disabled):active{transform:translateY(1px);filter:brightness(.96)}.optima-navlink{transition:background-color .15s ease,color .15s ease}.optima-navlink:not(.optima-navlink--active):hover{background-color:var(--color-surface2);color:var(--color-ink)}.optima-iconbtn{transition:opacity .15s ease,background-color .15s ease}.optima-iconbtn:hover{opacity:1!important;background-color:#ffffff1f}.optima-tile{transition:transform .12s ease,box-shadow .15s ease,border-color .15s ease}.optima-tile:hover{transform:translateY(-1px);border-color:var(--color-line-strong)}.optima-tile:active{transform:translateY(0)}.optima-link{transition:opacity .15s ease}.optima-link:hover{opacity:.72}.optima-table tbody tr{transition:background-color .12s ease}.optima-table tbody tr:hover{background-color:var(--color-unread-tint)}.optima-table tbody tr:last-child td{border-bottom:none}@keyframes optima-spin{to{transform:rotate(360deg)}}@keyframes optima-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes optima-dialog-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes optima-toast-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes optima-skeleton-pulse{0%{opacity:.55}50%{opacity:.9}to{opacity:.55}}.optima-spinner{display:inline-block;border-radius:var(--radius-pill);border:2px solid currentColor;border-top-color:transparent;animation:optima-spin .6s linear infinite;flex-shrink:0}.optima-backdrop{animation:optima-backdrop-in .16s ease-out}.optima-dialog{animation:optima-dialog-in .18s cubic-bezier(.22,1,.36,1)}.optima-toast{animation:optima-toast-in .2s cubic-bezier(.22,1,.36,1)}.optima-skeleton{background-color:var(--color-surface2);border-radius:var(--radius-button);animation:optima-skeleton-pulse 1.3s ease-in-out infinite}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.optima-spinner{animation:optima-spin .6s linear infinite}}