@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Momo+Signature&family=Outfit:wght@100..900&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--text);background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-dark: oklch(.16 0 0);--bg: oklch(.21 0 0);--bg-light: oklch(.27 0 0);--scroll: oklch(.28 0 0);--text: oklch(.96 .01 80);--text-muted: oklch(.88 .01 220);--highlight: oklch(.5 .01 80);--border: rgba(86, 84, 84, .396);--border-muted: oklch(.3 .01 80);--primary: oklch(50.743% .14978 141.339 / .87);--primary-selected: oklch(64.679% .19277 141.21 / .469);--primary-hover: oklch(42.69% .12821 141.366 / .66);--primary-muted: oklch(32.511% .09245 141.139 / .66);--primary-light: oklch(68.027% .17603 141.172 / .89);--secondary: oklch(.76 .1 260);--danger: oklch(51.488% .12811 31.565);--warning: oklch(.7 .05 100);--success: oklch(.7 .05 160);--info: oklch(.7 .05 260);--today-bg: oklch(50.774% .14938 141.183 / .127);--agent: oklch(.59 .11 98.94);--caller: oklch(.42 .11 258.77);--function: oklch(.5 .16 142.78);--log-outgoing: oklch(.22 .035 240);--log-incoming: oklch(24.44% .04354 13.711);--log-voicemail: oklch(26.918% .04848 66.481);--log-callback: oklch(.22 .035 300)}[data-theme=light]{--bg-light: oklch(.91 .0001 271.152);--bg: oklch(.95 0 0);--bg-dark: oklch(.97 0 0);--scroll: oklch(81.173% .0011 12.54);--text: oklch(.18 .01 80);--text-muted: oklch(.35 .01 220);--highlight: oklch(.75 .01 80);--border: oklch(78.025% .00111 12.77 / .724);--border-muted: oklch(78.025% .00111 12.77 / .44);--primary: oklch(.58 .17603 141.172 / .8);--primary-muted: oklch(58.038% .17528 141.043 / .377);--primary-light: oklch(.65 .17603 141.172 / .8);--today-bg: oklch(50.774% .14938 141.183 / .194);--secondary: oklch(.58 .1 260);--danger: oklch(.55 .08 30);--warning: oklch(.6 .08 100);--success: oklch(.55 .08 160);--info: oklch(.55 .08 260);--agent: oklch(78.214% .13751 99.129 / .759);--caller: oklch(63.228% .14649 258.547 / .684);--function: oklch(73.059% .19179 143.319 / .727);--log-outgoing: oklch(81.634% .08572 239.71 / .565);--log-incoming: oklch(84.806% .08399 13.413 / .432);--log-voicemail: oklch(84.406% .06699 62.975 / .491);--log-callback: oklch(83.434% .07107 299.471)}html,body{padding:0;margin:0;height:100%;max-height:100vh;scrollbar-color:var(--scroll) var(--bg);scrollbar-width:thin}#root{width:100%;height:100vh;display:flex;flex-direction:column}.desktop-layout{width:100%;height:100%;display:grid;grid-template:1fr / minmax(20vw,1.2fr) repeat(5,1fr);grid-template-areas:"sidebar main main main main main"}.sidebar{grid-area:sidebar;background-color:var(--bg);display:flex;flex-direction:column}.logo-container{padding:1.25rem 1.5rem;box-sizing:border-box;-webkit-user-select:none;user-select:none;cursor:default;display:flex;align-items:center;justify-content:center}.sidebar .logo-container{justify-content:flex-start}#logo{display:flex;flex-direction:column;margin-left:1.5rem;--logo-size: clamp(1.1rem, 1.5vw, 2.2rem);font-family:Bruno Ace SC,sans-serif;font-weight:400;font-style:normal}.sidebar-mobile #logo{margin-left:0rem;width:100%;padding-inline:1rem}.logo-second-part{font-size:clamp(.7rem,1vw,1.6rem);color:var(--text-muted);opacity:.55}.logo-name{font-size:var(--logo-size);font-weight:800;color:var(--primary);letter-spacing:.04em;line-height:1}.logo-sub{font-size:clamp(.55rem,.55vw,.72rem);font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);opacity:.55;line-height:1;margin-left:calc(var(--logo-size) * 4.5);white-space:nowrap}.logo-sub.mobile{margin-left:40%}.menu-pages{list-style-type:none;border-radius:10px;padding-inline-start:0px;font-size:clamp(1.1rem,1.2vw,2rem);display:flex;flex-direction:column;gap:.3rem;padding-inline:5%}.menu-pages li{background-color:var(--bg);transition:background-color .2s ease;cursor:pointer;border-radius:.6rem}.menu-pages li:hover{background-color:var(--bg-light)}.menu-pages li:has(.selected){background-color:var(--primary)}.menu-pages li:has(.selected):hover{background-color:var(--primary)}.menu-pages li.nav-separator{height:0;padding:0;margin:.4rem 0;border-top:1px solid rgba(104,101,102,.424);border-radius:0;cursor:default;background-color:transparent}.menu-pages li.nav-separator:hover{background-color:transparent}.menu-pages a{text-decoration:none;display:block;width:100%;padding:.3rem .3rem .3rem 1rem;color:var(--text)}.main-content{grid-area:main;place-self:center;background-color:var(--bg-dark);width:100%;height:100%;max-height:100vh;overflow:hidden;display:flex;justify-content:center;align-items:center}.profile-container{margin-top:auto;padding:2rem;border-top:1px solid rgba(104,101,102,.424);color:var(--text)}.profile{display:flex;align-items:center;gap:.5rem}#name{font-size:clamp(1rem,1.2vw,1.5rem);font-weight:500}.circle{height:50px;width:50px;background-color:var(--primary);border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:1.2rem;-webkit-user-select:none;user-select:none;box-shadow:0 0 5px #26c71d70}.icon{width:2.2vw;margin-left:auto;cursor:pointer}#settings-icon{transform:rotate(0);transition:transform .2s ease-in-out}#settings-icon:hover{transform:rotate(60deg)}.settings-container{position:relative;margin-left:auto;display:flex;align-items:center}.settings-menu{position:absolute;bottom:100%;right:0;margin-bottom:.5rem;background-color:var(--bg-light);border-radius:.75rem;padding:.5rem;min-width:200px;border:1px solid var(--border-muted);box-shadow:0 4px 12px #0000004d;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .2s ease-in-out;z-index:1000}.settings-container:hover .settings-menu{opacity:1;visibility:visible;transform:translateY(0)}.menu-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;border-radius:.5rem;transition:background-color .2s ease}.menu-item:hover{background-color:var(--bg)}.menu-item span{font-size:clamp(.9rem,1vw,1.1rem);color:var(--text);font-weight:500}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.logout-overlay{position:fixed;inset:0;background-color:#00000080;z-index:1100;display:flex;align-items:center;justify-content:center;animation:fadeIn .15s ease-in-out}.logout-dialog{width:min(360px,90vw);background-color:var(--bg-light);border-radius:1.25rem;padding:2rem 1.5rem;display:flex;flex-direction:column;gap:1.5rem;animation:dialogIn .2s ease-out}.logout-dialog p{margin:0;font-size:1.1rem;font-weight:600;color:var(--text);text-align:center}.logout-dialog-actions{display:flex;gap:.75rem}.logout-cancel,.logout-confirm{flex:1;padding:.85rem;border:none;outline:none;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .15s}.logout-cancel:hover,.logout-confirm:hover{opacity:.85}.logout-cancel{background-color:var(--bg);color:var(--text)}.logout-confirm{background-color:var(--danger);color:#fff}@keyframes dialogIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.toast-wrapper{position:fixed;top:2.5rem;left:50%;transform:translate(-50%);z-index:9999;pointer-events:none}.toast{min-width:13rem;max-width:90vw;padding:.75rem 1.25rem;border-radius:.75rem;background:var(--bg-light);border:1px solid var(--border);color:var(--primary);font-size:1.2rem;font-weight:500;text-align:center;box-shadow:0 4px 12px #0000004d;opacity:0;transform:translateY(-8px);transition:opacity .25s ease,transform .25s ease}button:disabled{background-color:#ccc;color:#666;cursor:not-allowed;opacity:.7}button:disabled:active{border:2px solid transparent}.toast.show{opacity:1;transform:translateY(0)}.toast.red{border-color:var(--danger);color:var(--danger)}.header{padding:1rem 1.5rem;background-color:var(--bg-dark);border-bottom:1px solid var(--border);display:grid;grid-template:1fr / 1fr 3fr 1fr;align-items:center}.main-content-mobile{background-color:var(--bg-dark);flex:1;overflow:hidden;display:flex;flex-direction:column}.header-page-name{text-align:center;font-size:clamp(1rem,6.5vw,2.2rem);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--primary)}.menu-button{display:flex;align-items:center;cursor:pointer;color:var(--primary)}.menu-button svg{width:1.75rem;height:1.75rem}.header-logout{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;color:var(--text-muted);cursor:pointer;opacity:.7}.header-logout svg{width:1.4rem;height:1.4rem}.logs-page-container-mobile h1{margin-top:0}.logs-page-container-mobile .logs-list-container{background-color:var(--bg-dark)}.logs-page-container-mobile .logs-list{padding:0}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:999;animation:fadeIn .15s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sidebar-mobile{position:fixed;top:0;left:-80%;width:80%;max-width:300px;height:100%;background-color:var(--bg);z-index:1000;transition:left .15s ease-in-out;display:flex;flex-direction:column;box-shadow:2px 0 10px #0000004d}.sidebar-mobile.open{left:0}.sidebar-mobile .logo-container{padding:1.5rem;border-bottom:1px solid rgba(104,101,102,.424)}.sidebar-mobile .logo-second-part,.mobile .logo-second-part{font-size:clamp(.7rem,5vw,1.6rem)}.sidebar-mobile #logo,.mobile #logo{--logo-size: clamp(1.1rem, 7.5vw, 2.2rem)}.sidebar-mobile .logo-sub{font-size:.65rem}.mobile .logo-sub{font-size:.75rem}.sidebar-mobile .menu-container{flex:1;padding:1rem 0}.sidebar-mobile .menu-pages{list-style:none;padding:0;margin:0}.sidebar-mobile .menu-pages li{margin:0}.sidebar-mobile .menu-pages a{display:block;padding:1rem 1.5rem;text-decoration:none;color:var(--text);font-size:1.1rem;transition:background-color .2s;width:80%}.sidebar-mobile .menu-pages a.selected{font-weight:600}.sidebar-mobile .profile-container{padding:1.5rem;border-top:1px solid rgba(104,101,102,.424)}.sidebar-mobile .profile{display:flex;align-items:center;gap:1rem}.sidebar-mobile .circle{width:2.5rem;height:2.5rem;border-radius:50%;background-color:var(--primary);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;box-shadow:0 0 5px #26c71d70}.sidebar-mobile #name{font-size:1rem;color:var(--text)}.push-prompt{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:var(--color-surface, #1e1e1e);border-bottom:1px solid var(--color-border, #333);font-size:13px;color:var(--color-text, #e0e0e0)}.push-prompt-body{display:flex;align-items:center;gap:10px;flex:1}.push-prompt-icon{flex-shrink:0;width:20px;height:20px;opacity:.7}.push-prompt-icon svg{width:100%;height:100%}.push-prompt-actions{display:flex;align-items:center;gap:8px}.push-prompt-subscribe{padding:5px 12px;border-radius:6px;border:none;background:var(--color-accent, #4f8ef7);color:#fff;font-size:13px;cursor:pointer;white-space:nowrap}.push-prompt-dismiss{background:none;border:none;color:var(--color-text-muted, #888);font-size:14px;cursor:pointer;padding:4px 6px;line-height:1}.logs-page-container{display:grid;grid-template:1fr / repeat(7,1fr);grid-template-areas:"logs logs logs logs call call call";width:100%;height:100%;overflow:auto}.logs-list-container{grid-area:logs;padding:1.5rem;box-sizing:border-box;font-size:clamp(1rem,1vw,1.3rem);font-weight:500;overflow:hidden;flex:1;display:flex;flex-direction:column;align-items:center}.main-content .logs-list-container{border-right:1px solid rgba(85,87,85,.82)}.logs-list-container h1{font-size:clamp(2rem,3vw,3rem);color:var(--text)}.logs-list{background-color:var(--bg);padding:1rem;box-sizing:border-box;border-radius:1rem;width:100%;overflow:auto;display:flex;flex-direction:column;gap:.7rem}.logs-page-container-mobile .logs-list{gap:.75rem;padding:.75rem}.logs-page-container-mobile .logs-list-container{padding:1rem;width:100%}.log{background-color:var(--bg-light);white-space:pre;cursor:pointer;padding:.4rem .8rem;border-radius:1rem;display:flex;gap:.5rem;color:var(--text-muted)}.log-mobile{background-color:var(--bg-light);border-radius:.75rem;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.5rem;transition:all .2s;cursor:pointer;white-space:normal}.log-mobile.log-outgoing,.call-type-badge-container.call-type-outgoing{background-color:var(--log-outgoing)}.log-mobile.log-incoming,.call-type-badge-container.call-type-incoming{background-color:var(--log-incoming)}.log-mobile.log-voicemail,.call-type-badge-container.call-type-voicemail{background-color:var(--log-voicemail)}.log-mobile.log-callback,.call-type-badge-container.call-type-callback{background-color:var(--log-callback)}.logs-page-container-mobile{background-color:var(--bg);height:100%;display:flex;flex-direction:column}.log-mobile:active{filter:brightness(.75)}.first-row .phone-order-number{display:flex;gap:.5rem;flex-wrap:wrap}.logs-list-container .order-number{font-size:clamp(.85rem,1vw,1.5rem)}.first-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.first-row a{font-size:clamp(1rem,4.5vw,1.3rem);font-weight:600;color:var(--text);text-decoration:none}.phone-link{display:flex;align-items:center;gap:.4rem}.log-duration{font-size:.8em;font-weight:400;opacity:.6}.phone-link svg{width:clamp(.9rem,3.8vw,1.1rem);height:clamp(.9rem,3.8vw,1.1rem);flex-shrink:0;opacity:.6}.first-row>div:not(a){font-size:clamp(.85rem,3.8vw,1rem);color:var(--text);font-weight:500}.log div{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.log a{color:var(--text)}.datetime{margin-left:auto}.log-mobile .datetime{font-size:clamp(.75rem,3.5vw,.9rem);color:var(--text-muted);margin-left:0;margin-top:.25rem;opacity:.8}.log.selected,.log-mobile.selected{background-color:var(--primary-selected)}.desktop-layout .log:hover{background-color:var(--primary-hover)}.call-type-badge-container{border-radius:999px;flex-shrink:0;display:inline-flex;align-items:center}.call-type-badge{font-size:clamp(.82rem,3.5vw,.95rem);font-weight:600;text-transform:capitalize;padding:.15rem .55rem;border-radius:999px;background-color:#ffffff14;letter-spacing:.02em}[data-theme=light] .call-type-badge{background-color:#00000012}.call-type-badge.call-type-outgoing{color:#67addd}.call-type-badge.call-type-incoming{color:#f5a6c4}.call-type-badge.call-type-voicemail{color:#d0975f}.call-type-badge.call-type-callback{color:#ae96da}[data-theme=light] .call-type-badge.call-type-outgoing{color:#005b88;color:oklch(.45 .12 240)}[data-theme=light] .call-type-badge.call-type-incoming{color:#823564}[data-theme=light] .call-type-badge.call-type-voicemail{color:#7b4700;color:oklch(.45 .12 65)}[data-theme=light] .call-type-badge.call-type-callback{color:#60438d}.log-skeleton-card{cursor:default;pointer-events:none;height:152px}.log-skeleton-line{border-radius:.35rem;background:linear-gradient(90deg,var(--bg) 25%,var(--highlight) 50%,var(--bg) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}.intent-tag{font-size:clamp(.7rem,3.4vw,.82rem);color:var(--text-muted);font-style:italic;opacity:.75}.log-summary-section{margin-top:.25rem;border-top:1px solid rgba(128,128,128,.15);padding-block:.5rem;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center}.log-summary-section p.log-summary-text{overflow:hidden;text-overflow:ellipsis;font-size:clamp(.95rem,1.1vw,1.15rem);color:var(--text-muted);line-height:1.55;margin:0;flex:1}.log-summary-text.open{white-space:normal}.log-summary-chevron{flex-shrink:0;align-self:center;width:14px;height:14px;color:var(--text-muted);opacity:.55;transition:transform .2s ease}.log-summary-chevron.open{transform:rotate(180deg)}.call-transcript-container{grid-area:call;overflow-y:auto;max-height:100vh;align-content:center;text-align:center;padding:1.5rem;box-sizing:border-box}.call-transcript-container p,.logs-list-container p{font-size:clamp(1rem,1.1vw,2rem);color:var(--text-muted);font-weight:400}.logs-list-container p{margin-top:auto;margin-bottom:auto}.main-content-mobile p{font-size:5.5vw}.logs-slide-in{animation:slideInLeft .25s ease-out}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:.8}to{transform:translate(0);opacity:1}}.transcript-view-mobile{width:100%;flex:1;display:flex;flex-direction:column;background-color:var(--bg-dark);overflow:hidden}.transcript-view-mobile.transcript-slide-in{animation:slideInRight .25s ease-out}@keyframes slideInRight{0%{transform:translate(100%);opacity:.8}to{transform:translate(0);opacity:1}}.transcript-header{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid rgba(104,101,102,.276)}.back-button{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text);cursor:pointer;padding:.5rem;margin:0;transition:color .2s;flex-shrink:0}.back-button:hover{color:var(--primary)}.back-button svg{width:20px;height:20px}.transcript-title{margin:0;font-size:1.2rem;font-weight:600;color:var(--text);flex:1}.logs-filters{display:flex;gap:.4rem;width:100%;margin-bottom:.75rem;flex-wrap:wrap;flex-shrink:0}.logs-filter-pill{padding:.25rem .75rem;border-radius:999px;border:1px solid transparent;font-size:clamp(.78rem,3.2vw,.88rem);font-weight:600;text-transform:capitalize;cursor:pointer;transition:background .15s,color .15s,border-color .15s;background:var(--bg-light);color:var(--text-muted)}.logs-filter-pill.log-type-all.active,.logs-filter-pill.log-type-all:hover{background:var(--primary-muted);color:var(--text)}.logs-filter-pill.log-type-outgoing{color:#84b8da}.logs-filter-pill.log-type-outgoing:hover,.logs-filter-pill.log-type-outgoing.active{background-color:var(--log-outgoing);border-color:#144d6e80}.logs-filter-pill.log-type-incoming{color:#e2b3c5}.logs-filter-pill.log-type-incoming:hover,.logs-filter-pill.log-type-incoming.active{background-color:var(--log-incoming);border-color:#69344a80}.logs-filter-pill.log-type-voicemail{color:#d0af8d}.logs-filter-pill.log-type-voicemail:hover,.logs-filter-pill.log-type-voicemail.active{background-color:var(--log-voicemail);border-color:#653d1080}.logs-filter-pill.log-type-callback{color:#b29fd5}.logs-filter-pill.log-type-callback:hover,.logs-filter-pill.log-type-callback.active{background-color:var(--log-callback);border-color:#4e3d6c80}[data-theme=light] .logs-filter-pill.log-type-outgoing{color:#005b88;color:oklch(.45 .12 240)}[data-theme=light] .logs-filter-pill.log-type-outgoing:hover,[data-theme=light] .logs-filter-pill.log-type-outgoing.active{background-color:var(--log-outgoing);border-color:#3179a666}[data-theme=light] .logs-filter-pill.log-type-incoming{color:#823564}[data-theme=light] .logs-filter-pill.log-type-incoming:hover,[data-theme=light] .logs-filter-pill.log-type-incoming.active{background-color:var(--log-incoming);border-color:#9a587f66}[data-theme=light] .logs-filter-pill.log-type-voicemail{color:#7b4700;color:oklch(.45 .12 65)}[data-theme=light] .logs-filter-pill.log-type-voicemail:hover,[data-theme=light] .logs-filter-pill.log-type-voicemail.active{background-color:var(--log-voicemail);border-color:#99642a66}[data-theme=light] .logs-filter-pill.log-type-callback{color:#60438d}[data-theme=light] .logs-filter-pill.log-type-callback:hover,[data-theme=light] .logs-filter-pill.log-type-callback.active{background-color:var(--log-callback);border-color:#7b63a366}.logs-search{width:100%;position:relative;display:flex;align-items:center;margin-bottom:.75rem;flex-shrink:0}.logs-search-icon{position:absolute;left:.7rem;width:1rem;height:1rem;color:var(--text-muted);opacity:.55;pointer-events:none;flex-shrink:0}.logs-search-input{width:100%;padding:.6rem 2.25rem;box-sizing:border-box;background:var(--bg-light);border:1px solid transparent;border-radius:.6rem;color:var(--text);font-size:clamp(.9rem,3.5vw,1rem);outline:none;transition:border-color .15s}.logs-search-input:focus{border-color:var(--primary)}.logs-search-input::placeholder{color:var(--text-muted);opacity:.55}.logs-search-clear{position:absolute;right:.5rem;background:none;border:none;color:var(--text-muted);opacity:.55;cursor:pointer;padding:.2rem;display:flex;align-items:center;justify-content:center;transition:opacity .15s}.logs-search-clear:hover{opacity:1}.logs-search-clear svg{width:14px;height:14px}.logs-pagination{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem 0 .25rem;flex-shrink:0}.pagination-btn{display:flex;align-items:center;justify-content:center;background:var(--bg-light);border:none;border-radius:.5rem;color:var(--text);cursor:pointer;padding:.4rem;transition:background .15s,color .15s}.pagination-btn:hover:not(:disabled){background:var(--primary-muted)}.pagination-btn:disabled{opacity:.3;cursor:default}.pagination-btn svg{width:18px;height:18px}.pagination-info{font-size:.9rem;color:var(--text-muted);min-width:4rem;text-align:center}.dashboard-container{width:100%;height:100%;padding:clamp(2rem,4vw,5rem);padding-inline:clamp(5rem,10vw,10rem);box-sizing:border-box;display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr 1fr;grid-template-areas:"stats-panel" "recent" "recent";gap:3rem}.stats-panel{grid-area:stats-panel;background-color:var(--bg);border-radius:1.5rem;border:2px solid transparent;padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.main-content .stats-panel:hover{border-color:var(--border)}.stats-panel .square{background-color:var(--bg-light);border-color:transparent}.main-content .stats-panel:hover .square{border-color:transparent}.top-row{display:flex;gap:2.5rem}.square,.recent-container{background-color:var(--bg);padding:2rem;border-radius:1.5rem;font-size:clamp(1rem,1.5vw,2rem);flex:1;border:2px solid transparent;display:flex;flex-direction:column;gap:1rem}.main-content .square:hover,.main-content .recent-container:hover{border:2px solid var(--border)}.label{font-size:clamp(.5rem,1vw,1.5rem);color:var(--text-muted)}.amount{font-size:clamp(1.5rem,2.5vw,4rem)}.recent-container>p{font-size:1.2rem}.recent-container{grid-area:recent}.recent-container .log{font-size:clamp(.9rem,1.1vw,1.5rem)}.recent a,.recent *{color:var(--text)}.dash-skeleton-amount{height:clamp(1.5rem,2.5vw,4rem);width:55%;border-radius:.5rem;background:linear-gradient(90deg,var(--bg-light) 25%,var(--highlight) 50%,var(--bg-light) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}.dash-skeleton-card{cursor:default;pointer-events:none;height:125px}.dash-skeleton-line{border-radius:.35rem;background:linear-gradient(90deg,var(--bg) 25%,var(--highlight) 50%,var(--bg) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}@media(max-width:1024px){.dashboard-container{padding:1.5rem;gap:1.5rem;display:flex;flex-direction:column;overflow-y:auto;height:100%}.stats-panel{padding:1rem;border-radius:1rem;gap:1rem}.top-row{flex-direction:column;gap:1rem}.square{padding:1.5rem;border-radius:1rem;gap:.5rem}.label{font-size:clamp(.85rem,3.5vw,1rem)}.amount{font-size:clamp(2rem,8vw,3rem);font-weight:700}.recent-container{padding:1rem;border-radius:1rem;flex:1;min-height:36rem;display:flex;flex-direction:column}.recent-container>div:first-child{font-size:clamp(1.2rem,5vw,1.5rem);font-weight:600;margin-left:.5rem;margin-bottom:1rem;color:var(--text)}.recent{overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:.75rem;padding:0}}.login-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:2rem;box-sizing:border-box;background-color:var(--bg-dark)}.login-card{background-color:var(--bg);border-radius:1.5rem;padding:3rem;border:2px solid transparent;transition:border-color .3s ease;box-shadow:0 4px 6px #0000001a}.mobile .login-card{width:100%}.login-card:hover{border-color:var(--bg-light)}.login-header{text-align:center;margin-bottom:2.5rem}.login-logo{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;color:var(--primary);margin:0;margin-bottom:.5rem;line-height:1}.login-subtitle{font-size:clamp(.9rem,2vw,1.1rem);font-weight:600;color:var(--text-muted);margin:0}.login-form{display:flex;flex-direction:column;gap:1.5rem}.login-error{color:#bd1515}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:clamp(.9rem,2vw,1rem);font-weight:500;color:var(--text)}.form-group input{background-color:var(--bg-light);border:2px solid var(--border-muted);border-radius:.75rem;padding:.875rem 1rem;font-size:clamp(.95rem,2vw,1.05rem);color:var(--text);font-family:inherit;transition:all .2s ease;outline:none}.form-group input::placeholder{color:var(--text-muted);opacity:.6}.form-group input:focus{border-color:var(--primary);background-color:var(--bg)}.form-group input:hover:not(:focus){border-color:var(--border)}.show-password-container{display:flex;align-items:center;gap:.5rem;margin-top:.25rem}.show-password-container input[type=checkbox]{width:1rem;height:1rem;cursor:pointer;accent-color:var(--primary)}.show-password-container label{font-size:clamp(.85rem,2vw,.95rem);color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none}.login-button{background-color:var(--primary);color:var(--text);border:none;border-radius:.75rem;padding:1rem;font-size:clamp(1rem,2vw,1.1rem);font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:.5rem;font-family:inherit}.login-button:hover:not(:disabled){background-color:var(--primary-light);transform:translateY(-1px);box-shadow:0 4px 9px var(--primary-muted)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-footer{display:flex;justify-content:center;gap:1rem;margin-top:.5rem}.forgot-password,.forgot-password-bullet{color:var(--primary-light);text-decoration:none;font-size:clamp(.85rem,2vw,.95rem);transition:color .2s ease}.forgot-password:hover{color:var(--primary-light);text-decoration:underline}.twofa-prompt{color:var(--text-muted);font-size:clamp(.9rem,2vw,1rem);text-align:center;margin-bottom:.5rem}.twofa-prompt p{margin:0}@media(max-width:1024px){.login-container{padding:1.5rem}.login-card{padding:2rem;border-radius:1rem;width:100%}.login-header{margin-bottom:2rem}.login-form{gap:1.25rem}.form-group input{padding:1rem;font-size:16px}.login-button{padding:1.125rem}}@media(max-width:480px){.login-container{padding:1rem}.login-card{padding:1.5rem}.login-header{margin-bottom:1.5rem}}.setup-card{max-height:calc(100vh - 4rem);overflow-y:auto;box-sizing:border-box}.setup-steps{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1.75rem}.setup-step-dot{width:10px;height:10px;border-radius:50%;background-color:var(--border-muted);transition:background-color .2s ease}.setup-step-dot.active{background-color:var(--primary)}.setup-step-line{width:3rem;height:2px;background-color:var(--border-muted)}.setup-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.setup-nav{display:grid;grid-template-columns:1fr 2fr;gap:.75rem}.setup-back{background-color:var(--bg-light);color:var(--text-muted)}.setup-back:hover:not(:disabled){background-color:var(--border-muted);box-shadow:none}@media(max-width:480px){.setup-row{grid-template-columns:1fr}}.settings-container-mobile{width:100%;height:100%;padding:1.5rem;box-sizing:border-box;overflow-y:auto;background-color:var(--bg-dark)}.settings-header{margin-bottom:2rem}.settings-header h1{font-size:clamp(1.75rem,5vw,2.5rem);font-weight:700;color:var(--text);margin:0}.settings-content{display:flex;flex-direction:column;gap:2rem}.settings-section{background-color:var(--bg);border-radius:1rem;padding:1.5rem;border:2px solid transparent;transition:border-color .2s ease}.main-content .settings-section:hover{border-color:var(--bg-light)}.settings-section h2{font-size:clamp(1.2rem,4vw,1.5rem);font-weight:600;color:var(--text);margin:0 0 1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-muted)}.setting-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-radius:.75rem;background-color:var(--bg-dark);transition:background-color .2s ease}.main-content .setting-item:hover{background-color:var(--bg-light)}.setting-info{flex:1}.setting-item:has(button) .setting-info{max-width:60%}.setting-info button:disabled{background-color:#ccc;color:#666;cursor:not-allowed;opacity:.7}.setting-label{font-size:clamp(1rem,4vw,1.1rem);font-weight:500;color:var(--text);margin-bottom:.25rem}.setting-description{font-size:clamp(.85rem,3.5vw,.95rem);color:var(--text-muted)}.toggle-switch{position:relative;display:inline-block;width:50px;height:28px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:var(--border);transition:.3s;border-radius:28px}.slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.slider{background-color:var(--primary)}.toggle-switch input:checked+.slider:before{transform:translate(22px)}.toggle-switch:hover .slider{box-shadow:0 0 0 2px var(--primary-muted)}.logout-button{padding:.6rem 1.25rem;background-color:var(--danger, #e74c3c);color:#fff;border:none;border-radius:.5rem;font-size:.95rem;font-weight:500;cursor:pointer;transition:opacity .2s ease;flex-shrink:0}.logout-button:hover{opacity:.85}.account-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.account-info-item{background-color:var(--bg-dark);border-radius:.75rem;padding:.875rem 1rem;transition:background-color .2s ease}.account-info-item:hover{background-color:var(--bg-light)}.account-info-label{font-size:.8rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.3rem}.account-info-value{font-size:clamp(.9rem,3vw,1rem);color:var(--text);word-break:break-word}.account-info-empty{color:var(--text-muted);opacity:.5}@media(max-width:480px){.account-info-grid{grid-template-columns:1fr}}.twofa-action-button{padding:.6rem 1.25rem;background-color:var(--primary);color:var(--text);border:none;border-radius:.5rem;font-size:.95rem;font-weight:500;cursor:pointer;transition:opacity .2s ease;flex-shrink:0;font-family:inherit}.twofa-action-button:hover:not(:disabled){opacity:.85}.twofa-action-button:disabled{opacity:.5;cursor:not-allowed}.twofa-cancel-button{padding:.6rem 1.25rem;background-color:transparent;color:var(--text-muted);border:1px solid var(--border-muted);border-radius:.5rem;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit}.twofa-cancel-button:hover{border-color:var(--border);color:var(--text)}.twofa-flow{display:flex;flex-direction:column;gap:1rem}.twofa-instructions{margin:0;color:var(--text-muted);font-size:clamp(.85rem,3.5vw,.95rem)}.twofa-qr{width:180px;height:180px;border-radius:.5rem;align-self:flex-start}.twofa-verify-form{display:flex;flex-direction:column;gap:.75rem}.twofa-code-input{background-color:var(--bg-light);border:2px solid var(--border-muted);border-radius:.75rem;padding:.75rem 1rem;font-size:1.25rem;letter-spacing:.3em;color:var(--text);font-family:inherit;width:10rem;outline:none;transition:border-color .2s ease}.twofa-code-input:focus{border-color:var(--primary)}.twofa-actions{display:flex;gap:.75rem;align-items:center}.twofa-secret-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.twofa-copy-button{padding:.4rem .9rem;background-color:transparent;color:var(--text-muted);border:1px solid var(--border-muted);border-radius:.5rem;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit;flex-shrink:0}.twofa-copy-button:hover{border-color:var(--border);color:var(--text)}.twofa-error{color:var(--danger, #e74c3c);font-size:.9rem}.twofa-warning{color:var(--warning, #d97706);font-weight:500}.backup-codes-list{list-style:none;padding:0;margin:.75rem 0;display:grid;grid-template-columns:repeat(2,1fr);gap:.4rem 1rem}.backup-code{font-family:monospace;font-size:.95rem;color:var(--text);background:var(--surface-alt, var(--bg-secondary));padding:.3rem .6rem;border-radius:.4rem;letter-spacing:.05em}.twofa-idle-actions{display:flex;gap:.5rem;flex-wrap:wrap}.disclosure-toggles{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.disclosure-note{color:var(--warning, #d97706)}.disclosure-field{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.disclosure-field-label{font-size:.9rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.disclosure-textarea{background-color:var(--bg-dark);border:2px solid var(--border-muted);border-radius:.75rem;padding:.75rem 1rem;font-size:.95rem;color:var(--text);font-family:inherit;resize:vertical;outline:none;transition:border-color .2s ease;line-height:1.5}.disclosure-textarea:focus{border-color:var(--primary)}.disclosure-suggestion{font-size:.8rem;color:var(--text-muted);opacity:.75;line-height:1.4}.disclosure-suggestion-text{font-style:italic}.disclosure-actions{display:flex;justify-content:flex-end;margin-top:.25rem}@media(min-width:1024px){.settings-container-mobile{padding:3rem;padding-inline:10rem}.setting-item{padding:1.25rem 1.5rem}}.sched-widget{display:flex;flex-direction:column;gap:.4rem;-webkit-user-select:none;user-select:none}.sched-row{display:grid;grid-template-columns:2.5rem 1fr 2rem;align-items:center;gap:.5rem}.sched-day-col{font-size:.78rem;font-weight:600;color:var(--text-muted);text-align:right;flex-shrink:0}.sched-track-col{position:relative;height:2.5rem;overflow:visible}.sched-bg-line{position:absolute;top:50%;left:0;right:0;height:2px;transform:translateY(-50%);background:var(--border-muted);border-radius:1px;pointer-events:none}.sched-work-fill{position:absolute;top:50%;height:4px;transform:translateY(-50%);background:var(--primary);border-radius:2px;pointer-events:none}.sched-break-fill{position:absolute;top:50%;height:4px;transform:translateY(-50%);background:var(--text-muted);border-radius:2px;z-index:1;overflow:visible}.sched-handle{position:absolute;top:50%;border-radius:50%;transform:translate(-50%,-50%);cursor:ew-resize;touch-action:none;transition:transform .1s ease}.sched-handle-work{width:16px;height:16px;background:var(--primary);border:2.5px solid var(--bg);box-shadow:0 1px 4px #00000040;z-index:2}.sched-handle-break{width:11px;height:11px;background:var(--text-muted);border:2px solid var(--bg);z-index:3}.sched-handle-work:hover{transform:translate(-50%,-50%) scale(1.25)}.sched-handle-break:hover{transform:translate(-50%,-50%) scale(1.3)}@media(max-width:1023px){.sched-handle-work{width:13px;height:34px;border-radius:6px}.sched-handle-break{width:10px;height:26px;border-radius:5px}}.sched-break-remove{position:absolute;top:0;left:50%;transform:translate(-50%,calc(-100% - 3px));width:16px;height:16px;border-radius:50%;border:none;background:var(--text-muted);color:var(--bg);cursor:pointer;font-size:1rem;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center;padding:0;z-index:4;font-family:inherit;opacity:0;transition:opacity .15s,background .15s}.sched-break-fill:hover .sched-break-remove{opacity:1}.sched-break-remove:hover{background:var(--danger, #e74c3c)}@media(max-width:1023px){.sched-break-remove{opacity:1}}.sched-ruler-row{margin-block:.25rem}.sched-ruler{height:1.25rem;overflow:visible}.sched-tick{position:absolute;bottom:0;font-size:.68rem;color:var(--text-muted);white-space:nowrap;pointer-events:none}.sched-btn-col{display:flex;justify-content:center;flex-shrink:0}.sched-add-break{width:1.4rem;height:1.4rem;border-radius:50%;border:1.5px solid var(--border-muted);background:transparent;color:var(--text-muted);cursor:pointer;font-size:1rem;line-height:1;display:flex;align-items:center;justify-content:center;transition:border-color .15s,color .15s;font-family:inherit;padding:0}.sched-add-break:hover{border-color:var(--primary);color:var(--primary)}.sched-row-inactive .sched-day-col{opacity:.35}.sched-row-inactive .sched-bg-line{opacity:.3}.sched-drag-tooltip{position:absolute;bottom:calc(50% + 20px);transform:translate(-50%);background:var(--bg-light);color:var(--text);font-size:.72rem;font-weight:600;padding:.2rem .45rem;border-radius:.35rem;border:1px solid var(--border-muted);white-space:nowrap;pointer-events:none;z-index:10}@media(max-width:1023px){.sched-tick-middle{display:none}}.sched-actions{margin-top:1rem;display:flex;justify-content:flex-end}.sched-status{color:var(--text-muted);font-size:.9rem;margin:0}.dispatcher-page{width:100%;height:100%;overflow:auto;background-color:var(--bg-dark);overflow:hidden}.dispatcher-container{padding:1.5rem;box-sizing:border-box;max-width:860px;max-height:100%;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:.25rem}.dispatcher-container h1{font-size:clamp(2rem,3vw,3rem);color:var(--text);width:100%;margin-bottom:.75rem;text-align:center}.dispatcher-msg{font-size:clamp(1rem,1.1vw,2rem);color:var(--text-muted);font-weight:400;margin-top:2rem}.dispatcher-search{width:100%;position:relative;display:flex;align-items:center;margin-bottom:.6rem;flex-shrink:0}.dispatcher-search-icon{position:absolute;left:.7rem;width:1rem;height:1rem;color:var(--text-muted);opacity:.55;pointer-events:none}.dispatcher-search-input{width:100%;padding:.6rem 2.25rem;box-sizing:border-box;background:var(--bg-light);border:1px solid transparent;border-radius:.6rem;color:var(--text);font-size:clamp(.9rem,3.5vw,1rem);outline:none;transition:border-color .15s}.dispatcher-search-input:focus{border-color:var(--primary)}.dispatcher-search-input::placeholder{color:var(--text-muted);opacity:.55}.dispatcher-search-clear{position:absolute;right:.5rem;background:none;border:none;color:var(--text-muted);opacity:.55;cursor:pointer;padding:.2rem;display:flex;align-items:center;justify-content:center;transition:opacity .15s}.dispatcher-search-clear:hover{opacity:1}.dispatcher-search-clear svg{width:14px;height:14px}.dispatcher-filters{display:flex;gap:.4rem;width:100%;margin-bottom:.75rem;flex-wrap:wrap}.filter-pill{padding:.25rem .75rem;border-radius:999px;border:1px solid transparent;font-size:clamp(.78rem,3.2vw,.88rem);font-weight:600;cursor:pointer;transition:background .15s,color .15s,border-color .15s;background:var(--bg-light);color:var(--text-muted)}.filter-pill.all.active,.filter-pill.all:hover{background:var(--primary-muted);color:var(--text);border-color:transparent}.filter-pill.resolved{color:#7fb980}.filter-pill.resolved:hover,.filter-pill.resolved.active{background-color:#101f10;border-color:#2e522f80}.filter-pill.escalated{color:#e08f88}.filter-pill.escalated:hover,.filter-pill.escalated.active{background-color:#291412;border-color:#68383480}.filter-pill.unresolved{color:#bdb5b7}.filter-pill.unresolved:hover,.filter-pill.unresolved.active{background-color:#1f191a;border-color:#2e522f80}[data-theme=light] .filter-pill.resolved{color:#135d1d}[data-theme=light] .filter-pill.resolved:hover,[data-theme=light] .filter-pill.resolved.active{background-color:#c8dfc880;border-color:#577d5866}[data-theme=light] .filter-pill.escalated{color:#8c3432}[data-theme=light] .filter-pill.escalated:hover,[data-theme=light] .filter-pill.escalated.active{background-color:#f8d4d180;border-color:#96615d66}[data-theme=light] .filter-pill.unresolved{color:#4d4647}[data-theme=light] .filter-pill.unresolved:hover,[data-theme=light] .filter-pill.unresolved.active{background-color:#dad6d780;border-color:#577d5866}.jobs-list{background-color:var(--bg);padding:1rem;box-sizing:border-box;border-radius:1rem;width:100%;display:flex;flex-direction:column;gap:.7rem;overflow:auto}.job-card{background-color:var(--bg-light);border-radius:.75rem;padding:1rem 1.25rem;cursor:pointer;transition:filter .15s}.desktop-layout .job-card:hover,.job-card.expanded{background-color:var(--primary-hover)}.job-card:active{filter:brightness(.75)}.job-primary{display:flex;flex-direction:column;gap:.35rem}.job-first-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.job-phone-order{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.job-phone-link{display:flex;align-items:center;gap:.4rem;font-size:clamp(1rem,4.5vw,1.3rem);font-weight:600;color:var(--text);text-decoration:none}.job-phone-link svg{width:clamp(.9rem,3.8vw,1.1rem);height:clamp(.9rem,3.8vw,1.1rem);flex-shrink:0;opacity:.6}a.job-order-number{font-size:clamp(.82rem,3.5vw,.95rem);color:var(--text-muted);font-weight:500;align-content:center}a.job-order-link{text-decoration:none;transition:color .15s}.job-order-link:hover{text-decoration:underline}.job-status-badge{font-size:clamp(.78rem,3.2vw,.9rem);font-weight:600;text-transform:capitalize;padding:.15rem .6rem;border-radius:999px;flex-shrink:0;letter-spacing:.02em}.job-status-badge.resolved{background-color:#09200b;color:#67bb6b}.job-status-badge.escalated{background-color:#310d0c;color:#f07f77}.job-status-badge.unresolved{background-color:#211e1f;color:#aaa2a4}[data-theme=light] .job-status-badge.resolved{background-color:#bbe4bc80;color:#005e15;color:oklch(.42 .14 145)}[data-theme=light] .job-status-badge.escalated{background-color:#ffd1cd80;background-color:oklch(.9 .07 25 / .5);color:#932b2a}[data-theme=light] .job-status-badge.unresolved{background-color:#dad6d799;color:#4d4647}.job-intent{font-size:clamp(.82rem,3.5vw,.95rem);color:var(--text-muted);opacity:.8}.job-intent-label{font-weight:600;font-style:normal}.job-next-call{font-size:clamp(.78rem,3.3vw,.9rem);color:var(--text-muted);opacity:.75}.job-next-call-label{font-weight:600;opacity:1;color:var(--text-muted)}.job-expanded-section{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease}.job-expanded-section.open{grid-template-rows:1fr}.job-expanded-inner{overflow:hidden}.job-details-grid{display:flex;flex-direction:column;gap:.4rem;padding-top:.85rem;margin-top:.75rem;border-top:1px solid rgba(128,128,128,.15);font-size:clamp(.78rem,3.3vw,.9rem)}.job-detail-row{display:flex;gap:.5rem;flex-wrap:wrap;align-items:baseline}.job-detail-label{font-weight:600;color:var(--text-muted);flex-shrink:0;min-width:7rem}.job-detail-label:after{content:":"}.job-detail-value{color:var(--text-muted);opacity:.85}.job-attempts-row{margin-top:.2rem}.job-attempts-text{font-style:italic}.job-skeleton-card{cursor:default;pointer-events:none;display:flex;flex-direction:column;gap:.5rem}.job-skeleton-line{border-radius:.35rem;background:linear-gradient(90deg,var(--bg) 25%,var(--highlight) 50%,var(--bg) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}.dispatcher-pagination{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem 0 .25rem;flex-shrink:0}.orders-page-container{display:grid;grid-template:1fr / repeat(7,1fr);grid-template-areas:"orders orders orders orders detail detail detail";width:100%;height:100%;overflow:auto}.orders-list-container{grid-area:orders;padding:1.5rem;box-sizing:border-box;font-size:clamp(1rem,1vw,1.3rem);font-weight:500;overflow:hidden;flex:1;display:flex;flex-direction:column;align-items:center}.main-content .orders-list-container{border-right:1px solid rgba(85,87,85,.82)}.orders-list-container h1{font-size:clamp(2rem,3vw,3rem);color:var(--text)}.orders-list{background-color:var(--bg);padding:1rem;box-sizing:border-box;border-radius:1rem;width:100%;overflow:auto;display:flex;flex-direction:column;gap:.7rem}.order-card{background-color:var(--bg-light);border-radius:.75rem;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.4rem;cursor:pointer;transition:background .15s}.order-card:hover,.order-card.selected{background-color:var(--primary-hover)}.order-first-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.order-number-label{font-size:clamp(1rem,1.1vw,1.2rem);font-weight:600;color:var(--text)}.orders-filters{display:flex;gap:.4rem;width:100%;margin-bottom:.75rem;flex-shrink:0;flex-wrap:wrap}.orders-filter-pill{padding:.25rem .75rem;border-radius:999px;border:1px solid transparent;font-size:clamp(.75rem,.8vw,.85rem);font-weight:600;cursor:pointer;transition:background .15s,color .15s,border-color .15s;background:var(--bg-light);color:var(--text-muted)}.orders-filter-pill.order-status-all.active,.orders-filter-pill.order-status-all:hover{background:var(--primary-muted);color:var(--text)}.orders-filter-pill.order-status-new{color:#8ab5e3}.orders-filter-pill.order-status-new.active,.orders-filter-pill.order-status-new:hover{background:#0d1c2a;border-color:#224a7180}.orders-filter-pill.order-status-confirmed{color:#73c2b8}.orders-filter-pill.order-status-confirmed.active,.orders-filter-pill.order-status-confirmed:hover{background:#03201d;border-color:#00544d80;border-color:oklch(.4 .08 185 / .5)}.orders-filter-pill.order-status-date-set{color:#b9a6dd}.orders-filter-pill.order-status-date-set.active,.orders-filter-pill.order-status-date-set:hover{background:#1d1728;border-color:#4e3d6c80}.orders-filter-pill.order-status-scheduled{color:#e0aa86}.orders-filter-pill.order-status-scheduled.active,.orders-filter-pill.order-status-scheduled:hover{background:#2e1a0c;border-color:#683b1880}.orders-filter-pill.order-status-delivered{color:#8fb888}.orders-filter-pill.order-status-delivered.active,.orders-filter-pill.order-status-delivered:hover{background:#111f0f;border-color:#2e522880}[data-theme=light] .orders-filter-pill.order-status-new{color:#004f8a;color:oklch(.42 .12 250)}[data-theme=light] .orders-filter-pill.order-status-new.active,[data-theme=light] .orders-filter-pill.order-status-new:hover{background:#c4daf280;border-color:#1f74bf66}[data-theme=light] .orders-filter-pill.order-status-confirmed{color:#005a52;color:oklch(.42 .12 185)}[data-theme=light] .orders-filter-pill.order-status-confirmed.active,[data-theme=light] .orders-filter-pill.order-status-confirmed:hover{background:#bbe1db80;border-color:#00847966;border-color:oklch(.55 .14 185 / .4)}[data-theme=light] .orders-filter-pill.order-status-date-set{color:#583a84}[data-theme=light] .orders-filter-pill.order-status-date-set.active,[data-theme=light] .orders-filter-pill.order-status-date-set:hover{background:#dbd2ef80;border-color:#7f5bb666}[data-theme=light] .orders-filter-pill.order-status-scheduled{color:#773a00;color:oklch(.42 .12 55)}[data-theme=light] .orders-filter-pill.order-status-scheduled.active,[data-theme=light] .orders-filter-pill.order-status-scheduled:hover{background:#edd1bf80;border-color:#ac570066;border-color:oklch(.55 .14 55 / .4)}[data-theme=light] .orders-filter-pill.order-status-delivered{color:#125105}[data-theme=light] .orders-filter-pill.order-status-delivered.active,[data-theme=light] .orders-filter-pill.order-status-delivered:hover{background:#cadfc680;border-color:#3c853066}.order-status-badge{font-size:clamp(.7rem,.75vw,.82rem);font-weight:600;padding:.15rem .55rem;border-radius:999px;flex-shrink:0;white-space:nowrap}.order-status-badge.order-status-new{background:#002f5666;background:oklch(.3 .1 250 / .4);color:#7cbdff;color:oklch(.78 .12 250)}.order-status-badge.order-status-confirmed{background:#00363166;background:oklch(.3 .1 185 / .4);color:#44d0c1}.order-status-badge.order-status-date-set{background:#361e5766;color:#c3a5f9}.order-status-badge.order-status-scheduled{background:#49220066;background:oklch(.3 .1 55 / .4);color:#ffaf78;color:oklch(.82 .12 55)}.order-status-badge.order-status-delivered{background:#07390066;background:oklch(.3 .1 141 / .4);color:#82c178}[data-theme=light] .order-status-badge.order-status-new{background:#badbff80;background:oklch(.88 .14 250 / .5);color:#004f8a;color:oklch(.42 .12 250)}[data-theme=light] .order-status-badge.order-status-confirmed{background:#47f5e380;color:#005a52;color:oklch(.42 .12 185)}[data-theme=light] .order-status-badge.order-status-date-set{background:#deceff80;background:oklch(.88 .14 300 / .5);color:#583a84}[data-theme=light] .order-status-badge.order-status-scheduled{background:#ffcba980;background:oklch(.88 .14 55 / .5);color:#773a00;color:oklch(.42 .12 55)}[data-theme=light] .order-status-badge.order-status-delivered{background:#a3ef9680;color:#0d5100;color:oklch(.38 .14 141)}.order-customer-name{font-size:clamp(.82rem,.9vw,1rem);color:var(--text-muted);font-weight:500}.order-location{font-size:clamp(.75rem,.8vw,.88rem);color:var(--text-muted);opacity:.6}.order-detail-container{grid-area:detail;overflow:hidden;padding:1.5rem;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center}.order-detail-content{width:100%;align-self:stretch;flex:1;min-height:0;display:flex;flex-direction:column;gap:.75rem;overflow:hidden}.order-detail-lists{flex:1;min-height:0;display:flex;flex-direction:column;gap:.75rem;overflow:hidden}.order-detail-section{flex:1;min-height:0;display:flex;flex-direction:column;background:var(--bg-light);border-radius:1rem;padding:1rem 1.25rem .75rem;overflow:hidden}.order-detail-section-list{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem;padding-bottom:.25rem;padding-right:.25rem}.od-call-type-badge{font-size:clamp(.55rem,16.5vw,.7rem)}.od-card{background:var(--bg);border-radius:.6rem;padding:.6rem .85rem;flex-shrink:0}.od-log-card{cursor:pointer;transition:background .15s}.od-log-card:hover{background:var(--primary-muted)}.od-card-first-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.od-card-phone{font-size:clamp(.82rem,.9vw,1rem);font-weight:600;color:var(--text)}.od-card-date{font-size:clamp(.72rem,.78vw,.85rem);color:var(--text-muted);opacity:.75}.od-card-intent{font-size:clamp(.7rem,.75vw,.82rem);color:var(--text-muted);opacity:.65;margin-top:.2rem}.od-call-badge{font-size:clamp(.65rem,.7vw,.78rem);font-weight:600;padding:.1rem .45rem;border-radius:999px;background:var(--primary-muted);color:var(--primary-light);white-space:nowrap;flex-shrink:0}.od-job-status{font-size:clamp(.65rem,.7vw,.78rem);font-weight:600;padding:.1rem .45rem;border-radius:999px;flex-shrink:0;white-space:nowrap}.od-job-resolved{background:#09200b;color:#67bb6b}.od-job-escalated{background:#310d0c;color:#f07f77}.od-job-unresolved{background:#211e1f;color:#aaa2a4}.od-job-card{cursor:pointer;transition:background .15s}.od-job-card:hover,.od-job-expanded{background:var(--primary-hover)}.od-job-expand-section{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease}.od-job-expand-section.open{grid-template-rows:1fr}.od-job-expand-inner{overflow:hidden}.od-job-details{display:flex;flex-direction:column;gap:.3rem;padding-top:.6rem;margin-top:.5rem;border-top:1px solid rgba(128,128,128,.15);font-size:clamp(.72rem,.78vw,.85rem)}.od-job-detail-row{display:flex;gap:.5rem;flex-wrap:wrap;align-items:baseline}.od-job-detail-label{font-weight:600;color:var(--text-muted);flex-shrink:0;min-width:6rem;opacity:.75}.od-job-detail-label:after{content:":"}.od-job-detail-value{color:var(--text-muted);opacity:.8}.od-job-attempts{font-style:italic}[data-theme=light] .od-job-resolved{background:#bbe4bc80;color:#005e15;color:oklch(.42 .14 145)}[data-theme=light] .od-job-escalated{background:#ffd1cd80;background:oklch(.9 .07 25 / .5);color:#932b2a}[data-theme=light] .od-job-unresolved{background:#dad6d799;color:#4d4647}.od-empty{font-size:clamp(.8rem,.85vw,.95rem);color:var(--text-muted);opacity:.55;margin:auto;text-align:center}.od-skeleton-card{cursor:default;pointer-events:none}.od-skeleton-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.order-info-section{background:var(--bg-light);border-radius:1rem;padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:.75rem}.order-info-section-title{font-size:clamp(.78rem,.85vw,.95rem);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);opacity:.6;margin:0 0 .25rem}.order-info-grid{display:flex;flex-direction:column;gap:.6rem}.order-info-row{display:flex;align-items:baseline;gap:.75rem}.order-info-label{font-size:clamp(.78rem,.82vw,.9rem);font-weight:600;color:var(--text-muted);opacity:.65;min-width:5.5rem;flex-shrink:0}.order-info-value{font-size:clamp(.88rem,.95vw,1.05rem);font-weight:500;color:var(--text)}.order-info-link{text-decoration:none;color:var(--primary-light);transition:opacity .15s}.order-info-link:hover{opacity:.75}.order-email-copy,.order-address-copy{cursor:pointer;display:flex;gap:.4rem}.order-email-hint,.order-address-hint{font-size:.85rem;font-weight:500;color:var(--text-muted);opacity:0;transition:opacity .15s;white-space:nowrap}.order-detail-mobile .order-email-hint,.order-detail-mobile .order-address-hint,.order-email-copy:hover .order-email-hint,.order-address-copy:hover .order-address-hint,.order-email-copy.copied .order-email-hint,.order-address-copy.copied .order-address-hint{opacity:.65}.order-info-address{display:flex;flex-direction:column;gap:.1rem}.order-info-skeleton-title{width:35%;height:.7rem;border-radius:.35rem;margin-bottom:.5rem;background:linear-gradient(90deg,var(--bg) 25%,var(--highlight) 50%,var(--bg) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}.order-info-skeleton-row{display:flex;align-items:center;gap:.75rem;padding:.2rem 0}.order-detail-container p,.orders-list-container p{font-size:clamp(1rem,1.1vw,2rem);color:var(--text-muted);font-weight:400}.orders-list-container p{margin-top:auto;margin-bottom:auto}.order-skeleton-card{cursor:default;pointer-events:none;height:88px}.order-skeleton-line{border-radius:.35rem;background:linear-gradient(90deg,var(--bg) 25%,var(--highlight) 50%,var(--bg) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}.orders-search{width:100%;position:relative;display:flex;align-items:center;margin-bottom:.75rem;flex-shrink:0}.orders-search-icon{position:absolute;left:.7rem;width:1rem;height:1rem;color:var(--text-muted);opacity:.55;pointer-events:none;flex-shrink:0}.orders-search-input{width:100%;padding:.6rem 2.25rem;box-sizing:border-box;background:var(--bg-light);border:1px solid transparent;border-radius:.6rem;color:var(--text);font-size:clamp(.9rem,3.5vw,1rem);outline:none;transition:border-color .15s}.orders-search-input:focus{border-color:var(--primary)}.orders-search-input::placeholder{color:var(--text-muted);opacity:.55}.orders-search-clear{position:absolute;right:.5rem;background:none;border:none;color:var(--text-muted);opacity:.55;cursor:pointer;padding:.2rem;display:flex;align-items:center;justify-content:center;transition:opacity .15s}.orders-search-clear:hover{opacity:1}.orders-search-clear svg{width:14px;height:14px}.orders-load-more{width:100%;padding:1rem 1.25rem;background:#101f0d80;border:1px solid oklch(.4 .08 141 / .35);border-radius:.75rem;color:#81b479;font-size:clamp(.82rem,.9vw,.95rem);font-weight:600;text-align:left;cursor:pointer;transition:background .15s,border-color .15s;flex-shrink:0;text-align:center;text-transform:uppercase}.orders-load-more:hover:not(:disabled){background:#0f280bb3;border-color:#33632b8c}.orders-load-more:disabled{opacity:.5;cursor:default}[data-theme=light] .orders-load-more{background:#c6e0c259;border-color:#4f804766;color:#1f4f17}[data-theme=light] .orders-load-more:hover:not(:disabled){background:#b5daaf80;border-color:#38732e8c}.orders-pagination{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem 0 .25rem;flex-shrink:0}.orders-page-container-mobile{background-color:var(--bg);height:100%;display:flex;flex-direction:column}.orders-page-container-mobile .orders-list-container{padding:1rem;width:100%}.orders-page-container-mobile .orders-list{gap:.75rem;padding:.75rem}.orders-slide-in{animation:ordersSlideInLeft .25s ease-out}@keyframes ordersSlideInLeft{0%{transform:translate(-100%);opacity:.8}to{transform:translate(0);opacity:1}}.order-detail-mobile{width:100%;flex:1;display:flex;flex-direction:column;background-color:var(--bg-dark);overflow:hidden}.order-detail-mobile .order-detail-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:1rem;box-sizing:border-box;min-height:0}.order-detail-mobile .order-detail-lists{flex:unset;overflow:visible;min-height:unset}.order-detail-mobile .order-detail-section{flex:unset;min-height:unset;overflow:visible}.order-detail-mobile .order-detail-section-list{flex:unset;min-height:unset;overflow-y:auto;max-height:13rem}.order-detail-mobile.order-detail-slide-in{animation:orderDetailSlideInRight .25s ease-out}@keyframes orderDetailSlideInRight{0%{transform:translate(100%);opacity:.8}to{transform:translate(0);opacity:1}}.order-detail-header{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid rgba(104,101,102,.276)}.order-detail-title{margin:0;font-size:1.2rem;font-weight:600;color:var(--text);flex:1}.orders-msg{font-size:clamp(1rem,1.1vw,2rem);color:var(--text-muted);font-weight:400;margin-top:auto;margin-bottom:auto}.appointments-page{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;padding:1.5rem;box-sizing:border-box;position:relative}.appointments-staff-filter{display:flex;align-items:center;padding-bottom:.75rem}.appointments-staff-filter select{width:100%;padding:.5rem .75rem;border-radius:.5rem;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:.875rem}.staff-dropdown-backdrop{position:fixed;inset:0;z-index:99}.staff-dropdown{position:fixed;z-index:100;background:var(--bg);border:1px solid var(--border);border-radius:.5rem;padding:.25rem;min-width:140px;box-shadow:0 4px 16px #00000026}.staff-dropdown-item{padding:.45rem .75rem;border-radius:.35rem;cursor:pointer;font-size:.875rem;color:var(--text)}.staff-dropdown-item:hover{background:var(--bg-light)}.staff-dropdown-item.active{color:var(--primary);font-weight:500}.appointments-calendar-container{flex:1;min-height:0;overflow:hidden}.appointments-calendar-container .fc{--fc-border-color: var(--border);--fc-page-bg-color: transparent;--fc-neutral-bg-color: var(--bg);--fc-today-bg-color: var(--today-bg);--fc-event-bg-color: var(--primary);--fc-event-border-color: var(--primary-hover);--fc-event-text-color: #fff;--fc-highlight-color: var(--primary-selected);--fc-now-indicator-color: var(--primary-light);--fc-list-event-hover-bg-color: var(--bg-light);--fc-button-text-color: var(--text);--fc-button-bg-color: var(--bg-light);--fc-button-border-color: var(--border);--fc-button-hover-bg-color: var(--primary-hover);--fc-button-hover-border-color: var(--primary-hover);--fc-button-active-bg-color: var(--primary);--fc-button-active-border-color: var(--primary);--fc-non-business-color: rgb(29, 28, 28);color:var(--text);font-family:inherit;font-size:1rem}.fc-event{cursor:pointer;transition:filter .15s}.fc-event:hover{filter:brightness(1.2)}.fc-daygrid-day-frame{font-size:1.05rem}.appointments-calendar-container .fc a{color:var(--text)}.appointments-calendar-container .fc a:hover{color:var(--primary-light)}.appointments-calendar-container .fc .fc-col-header-cell-cushion{color:var(--text-muted);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}.appointments-calendar-container .fc .fc-toolbar-title{font-size:1.05rem;font-weight:600;color:var(--text)}.appointments-calendar-container .fc .fc-button{border-radius:.5rem;font-weight:600;font-size:.85rem;padding:.35rem .75rem;text-transform:capitalize;transition:background .15s,border-color .15s}.appointments-calendar-container .fc .fc-button:focus{box-shadow:none}.appointments-calendar-container .fc .fc-list-event-title{max-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.appointments-calendar-container .fc .fc-list-event td{color:var(--text)}.appointments-calendar-container .fc .fc-list-day-cushion{background-color:var(--bg);color:var(--text-muted);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.appointments-calendar-container .fc .fc-list-empty{background-color:var(--bg);color:var(--text-muted)}.appointments-calendar-container .fc .fc-timegrid-slot-label{color:var(--text-muted);font-size:.78rem}.appointments-calendar-container .fc .fc-timegrid-event .fc-event-main{height:100%}.fc-v-event{background-color:transparent;border:none;display:block}.appt-event-content{display:flex;flex-direction:column;gap:.1rem;padding:.1rem .25rem;overflow:hidden;width:100%;box-sizing:border-box;color:var(--fc-event-text-color, #fff);max-height:100%;border-radius:.4rem;padding:.15rem}.appt-event-content span{margin-left:.4rem}.fc-list-event-graphic{padding-left:4px!important}.appt-event-time{font-size:.8rem;opacity:.85;white-space:nowrap}.appt-event-title{font-size:.9rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.appt-event-staff{font-size:.9rem;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.appointments-fab{position:fixed;bottom:1.5rem;right:1.5rem;z-index:500;width:3.25rem;height:3.25rem;border-radius:50%;background-color:var(--primary);color:#fff;font-size:1.75rem;line-height:1;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #00000059;transition:background .15s}.appointments-fab:hover{background-color:var(--primary-light)}.booking-container{min-height:100vh;background:#f5f5f5;display:flex;justify-content:center;align-items:flex-start;padding:2rem 1rem;font-family:inherit;color:#111827}.booking-card{background:#fff;border-radius:1.25rem;box-shadow:0 4px 16px #00000014;padding:2.5rem;width:100%;max-width:560px}.booking-header{margin-bottom:1.75rem;text-align:center}.booking-business-name{font-size:1.6rem;font-weight:700;color:#111827;margin:0}.step-indicator{display:flex;align-items:flex-start;justify-content:center;margin-bottom:2rem}.step-node{display:flex;flex-direction:column;align-items:center;gap:.4rem}.step-dot{width:2rem;height:2rem;border-radius:50%;background:#e5e7eb;color:#9ca3af;font-size:.8rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s,color .2s}.step-dot.active,.step-dot.done{background:#2563eb;color:#fff}.step-label{font-size:.7rem;font-weight:500;color:#9ca3af;white-space:nowrap;text-align:center}.step-label.active{color:#2563eb;font-weight:600}.step-line{height:2px;width:4rem;background:#e5e7eb;transition:background .2s;margin:1rem .25rem 0;flex-shrink:0}.step-line.done{background:#2563eb}.booking-step{display:flex;flex-direction:column;gap:0}.booking-section-label{font-size:.8rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.06em;margin:0 0 .75rem}.booking-services{display:flex;flex-direction:column;gap:.625rem;margin-bottom:1.75rem}.service-card{display:flex;justify-content:space-between;align-items:center;border:2px solid #e5e7eb;border-radius:.875rem;padding:1rem 1.25rem;cursor:pointer;background:#fff;text-align:left;transition:border-color .15s,background .15s;width:100%}.service-card:hover{border-color:#93c5fd;background:#f0f9ff}.service-card.selected{border-color:#2563eb;background:#eff6ff}.service-card-name{font-size:1rem;font-weight:600;color:#111827;margin:0 0 .2rem}.service-card-meta{font-size:.875rem;color:#6b7280;margin:0}.service-card-price{font-size:1.1rem;font-weight:700;color:#2563eb;white-space:nowrap}.booking-staff{display:flex;flex-direction:column;gap:.625rem;margin-bottom:1.75rem}.staff-card{display:flex;align-items:center;gap:.875rem;border:2px solid #e5e7eb;border-radius:.875rem;padding:.875rem 1.25rem;cursor:pointer;background:#fff;text-align:left;transition:border-color .15s,background .15s;width:100%}.staff-card:hover{border-color:#93c5fd;background:#f0f9ff}.staff-card.selected{border-color:#2563eb;background:#eff6ff}.staff-card-avatar{width:2.5rem;height:2.5rem;border-radius:50%;background:#dbeafe;color:#1d4ed8;font-size:1rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.staff-card-avatar.no-pref-avatar{background:#f3f4f6;color:#6b7280}.staff-card-name{font-size:1rem;font-weight:600;color:#111827}.cal-picker{border:2px solid #e5e7eb;border-radius:.875rem;overflow:hidden;margin-bottom:1.75rem;-webkit-user-select:none;user-select:none}.cal-nav-row{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#f9fafb;border-bottom:1px solid #e5e7eb}.cal-month-label{font-size:.95rem;font-weight:600;color:#111827}.cal-nav-btn{background:none;border:none;font-size:1.5rem;line-height:1;cursor:pointer;color:#6b7280;padding:.2rem .5rem;border-radius:.375rem;transition:background .15s,color .15s;font-family:inherit}.cal-nav-btn:hover:not(:disabled){background:#e5e7eb;color:#111827}.cal-nav-btn:disabled{opacity:.3;cursor:not-allowed}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);padding:.5rem .75rem .75rem;gap:.25rem}.cal-dow{text-align:center;font-size:.72rem;font-weight:600;color:#9ca3af;padding:.35rem 0;text-transform:uppercase;letter-spacing:.03em}.cal-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:none;font-size:.875rem;color:#374151;cursor:pointer;font-family:inherit;transition:background .12s,color .12s}.cal-day:hover:not(.disabled):not(.selected){background:#dbeafe;color:#1d4ed8}.cal-day.selected{background:#2563eb;color:#fff;font-weight:600}.cal-day.disabled{color:#d1d5db;cursor:not-allowed}.booking-slots-row{margin-bottom:1.75rem}.slots-loading,.slots-empty{font-size:.9rem;color:#6b7280}.slots-grid{display:flex;flex-wrap:wrap;gap:.5rem}.slot-btn{border:2px solid #e5e7eb;border-radius:2rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:#374151;background:#fff;cursor:pointer;font-family:inherit;transition:border-color .12s,background .12s,color .12s}.slot-btn:hover:not(.selected){border-color:#93c5fd;background:#f0f9ff;color:#1d4ed8}.slot-btn.selected{border-color:#2563eb;background:#2563eb;color:#fff}.booking-form-group{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1.25rem}.booking-form-group label{font-size:.9rem;font-weight:500;color:#374151}.booking-form-group input{border:2px solid #e5e7eb;border-radius:.75rem;padding:.875rem 1rem;font-size:1rem;font-family:inherit;color:#111827;background:#fff;transition:border-color .15s;outline:none}.booking-form-group input::placeholder{color:#9ca3af}.booking-form-group input:focus{border-color:#2563eb}.booking-form-hint{font-size:.8rem;color:#9ca3af;margin:0}.booking-error{background:#fef2f2;border:1px solid #fca5a5;border-radius:.75rem;padding:.875rem 1rem;color:#dc2626;font-size:.9rem;margin-bottom:1.25rem}.step-nav{display:flex;gap:.75rem;margin-top:.5rem}.booking-back-btn{flex:0 0 auto;background:#f3f4f6;color:#374151;border:none;border-radius:.875rem;padding:1rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s}.booking-back-btn:hover:not(:disabled){background:#e5e7eb}.booking-back-btn:disabled{opacity:.5;cursor:not-allowed}.booking-next-btn{flex:1;background:#2563eb;color:#fff;border:none;border-radius:.875rem;padding:1rem;font-size:1rem;font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s,transform .1s}.booking-next-btn:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px)}.booking-next-btn:active:not(:disabled){transform:translateY(0)}.booking-next-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.booking-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 0;color:#6b7280;font-size:.95rem;gap:1rem}.booking-spinner{width:2rem;height:2rem;border:3px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.booking-page-error{text-align:center;padding:3rem 0;color:#6b7280}.booking-page-error h2{font-size:1.25rem;color:#111827;margin:0 0 .5rem}.booking-confirmed{text-align:center;padding:1rem 0}.confirmed-icon{width:4rem;height:4rem;background:#f0fdf4;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#16a34a}.confirmed-title{font-size:1.5rem;font-weight:700;color:#111827;margin:0 0 .75rem}.confirmed-details{background:#f9fafb;border-radius:.875rem;padding:1rem 1.25rem;text-align:left;margin:1rem 0 1.25rem}.confirmed-details p{margin:.35rem 0;font-size:.95rem;color:#374151}.confirmed-details strong{color:#111827}.confirmed-cancel-hint{font-size:.875rem;color:#6b7280;margin:0}@media(max-width:600px){.booking-container{padding:1rem .75rem}.booking-card{padding:1.75rem 1.25rem;border-radius:1rem}.booking-business-name{font-size:1.35rem}.booking-form-group input{font-size:16px}.step-line{width:3rem}}.appt-overlay{position:fixed;inset:0;background-color:#0000008c;z-index:1100;display:flex;align-items:center;justify-content:center;animation:fadeIn .15s ease-in-out}.appt-modal{width:min(540px,95vw);max-height:90vh;background-color:var(--bg-light);border-radius:1.25rem;display:flex;flex-direction:column;overflow:hidden;animation:dialogIn .2s ease-out}.appt-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem 0;flex-shrink:0}.appt-modal-header h2{margin:0;font-size:1.2rem;font-weight:600;color:var(--text)}.appt-close{background:none;border:none;color:var(--text-muted);font-size:1.1rem;cursor:pointer;padding:.25rem .5rem;border-radius:.4rem;transition:background .15s}.appt-close:hover{background-color:var(--bg)}.appt-form{padding:1.25rem 1.5rem 1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.appt-form select{appearance:base-select}.appt-server-errors{margin:0;padding:.75rem 1rem;background-color:oklch(from var(--danger) l c h / .12);border:1px solid var(--danger);border-radius:.6rem;list-style:none;display:flex;flex-direction:column;gap:.3rem}.appt-server-errors li{font-size:.88rem;color:var(--danger)}.appt-field{display:flex;flex-direction:column;gap:.35rem;flex:1}.appt-field label{font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.appt-current-hint{text-transform:none;font-weight:400;letter-spacing:0;opacity:.7}.appt-field input,.appt-field select,.appt-field textarea{background-color:var(--bg);border:1px solid var(--border);border-radius:.6rem;padding:.6rem .75rem;color:var(--text);font-size:.95rem;font-family:inherit;outline:none;transition:border-color .15s;box-sizing:border-box;width:100%}.appt-field input:focus,.appt-field select:focus,.appt-field textarea:focus{border-color:var(--primary-light)}.appt-field textarea{resize:none;min-height:4rem}.appt-field select option{background-color:var(--bg-light)}.appt-field-row{display:flex;gap:.75rem}.appt-actions{display:flex;align-items:center;margin-top:.5rem}.appt-submit-group{display:flex;gap:.6rem;margin-left:auto}.appt-delete-confirm{display:flex;align-items:center;gap:.6rem;width:100%}.appt-delete-confirm span{font-size:.9rem;color:var(--text-muted);margin-right:auto}.delete-confirm-buttons{display:flex;gap:.4rem;white-space:nowrap}.delete-confirm-buttons button{padding:.4rem 1rem}.appt-btn-cancel,.appt-btn-save,.appt-btn-delete,.appt-btn-delete-yes,.appt-btn-delete-no{border:none;outline:none;border-radius:.65rem;padding:.6rem 1.2rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:opacity .15s;font-family:inherit}.appt-btn-cancel{background-color:var(--bg);color:var(--text-muted)}.appt-btn-cancel:hover{opacity:.8}.appt-btn-save{background-color:var(--primary);color:#fff}.appt-btn-save:hover:not(:disabled){background-color:var(--primary-light)}.appt-btn-save:disabled{opacity:.5;cursor:not-allowed}.appt-btn-delete{background-color:transparent;color:var(--danger);border:1px solid var(--danger);margin-right:auto}.appt-btn-delete:hover,.appt-btn-delete-yes{background-color:var(--danger);color:#fff}.appt-btn-delete-yes:disabled{opacity:.5;cursor:not-allowed}.appt-btn-delete-no{background-color:var(--bg);color:var(--text-muted)}@media(max-width:480px){.appt-field-row{flex-direction:column}}.analytics-container{width:100%;height:100%;padding:clamp(2rem,4vw,5rem);padding-inline:clamp(5rem,10vw,10rem);box-sizing:border-box;overflow-y:auto;display:flex;flex-direction:column;gap:2rem}.analytics-empty{color:var(--text-muted);font-size:1rem}.analytics-module{background-color:var(--bg);border-radius:1.5rem;border:2px solid transparent;padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.main-content .analytics-module:hover,.analytics-card:hover{border-color:var(--border-muted)}.module-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.module-title{font-size:clamp(1rem,1.5vw,1.5rem);font-weight:600;margin:0;color:var(--text)}.module-header-controls{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.staff-filter-select{padding:.4rem 2rem .4rem .75rem;border-radius:2rem;border:1.5px solid var(--border);background-color:var(--bg-light);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23888'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;appearance:none;color:var(--text);font-size:clamp(.8rem,1vw,1rem);cursor:pointer;outline:none;transition:border-color .15s}.staff-filter-select:focus{border-color:var(--primary)}.staff-filter-select option{background-color:var(--bg-light);color:var(--text)}.period-toggle{display:flex;gap:.5rem}.period-nav{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%}.period-nav-btn{background:none;border:1.5px solid var(--border);border-radius:50%;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text);flex-shrink:0;transition:background .15s}.period-nav-btn:hover:not(:disabled){background:var(--primary-muted)}.period-nav-btn:disabled{opacity:.3;cursor:default}.period-nav-label{font-size:clamp(.85rem,1vw,1rem);color:var(--text-muted);min-width:12rem;text-align:center}.analytics-grid-fading{opacity:.5;transition:opacity .15s}.orders-module-footnote{font-size:.85rem!important;color:var(--text-muted);margin:0}.period-btn{padding:.4rem 1rem;border-radius:2rem;border:1.5px solid var(--border);background:transparent;color:var(--text);font-size:clamp(.8rem,1vw,1rem);cursor:pointer;transition:background .15s,color .15s}.period-btn:hover{background:var(--primary-muted)}.period-btn.active{background:var(--primary);color:var(--text);border-color:var(--primary)}.analytics-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.analytics-card{background-color:var(--bg-light);border:2px solid transparent;border-radius:1rem;padding:1.5rem;display:flex;flex-direction:column;gap:.75rem}.analytics-card-label{font-size:clamp(.65rem,.85vw,1rem);color:var(--text-muted)}.analytics-card-value{font-size:clamp(1.5rem,2vw,2.5rem);font-weight:600;color:var(--text)}@keyframes analytics-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.analytics-card-skeleton{height:clamp(1.5rem,2vw,2.5rem);width:55%;border-radius:.5rem;background:linear-gradient(90deg,var(--bg) 25%,var(--highlight) 50%,var(--bg) 75%);background-size:200% 100%;animation:analytics-shimmer 1.4s infinite}@media(max-width:1024px){.analytics-container{padding:1.5rem;gap:1.5rem;height:100%}.analytics-module{padding:1rem;border-radius:1rem;gap:1rem}.analytics-stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.analytics-card{padding:1rem;border-radius:.75rem}.analytics-card-value{font-size:clamp(1.5rem,6vw,2.5rem);font-weight:700}}*{box-sizing:border-box}.cancel-container{min-height:100vh;background:#f5f5f5;display:flex;justify-content:center;align-items:center;padding:2rem 1rem;font-family:inherit;color:#111827}.cancel-card{background:#fff;border-radius:1.25rem;box-shadow:0 4px 16px #00000014;padding:2.5rem;width:100%;max-width:480px;text-align:center}.cancel-icon{width:4rem;height:4rem;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.cancel-icon.warning{background:#fffbeb;color:#d97706}.cancel-icon.success{background:#f0fdf4;color:#16a34a}.cancel-icon.error{background:#fef2f2;color:#dc2626}.cancel-title{font-size:1.4rem;font-weight:700;color:#111827;margin:0 0 .75rem}.cancel-body{font-size:.95rem;color:#6b7280;margin:0 0 2rem;line-height:1.6}.cancel-buttons{display:flex;flex-direction:column;gap:.75rem}.cancel-confirm-btn{width:100%;background:#dc2626;color:#fff;border:none;border-radius:.875rem;padding:1rem;font-size:1rem;font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s ease}.cancel-confirm-btn:hover:not(:disabled){background:#b91c1c}.cancel-confirm-btn:disabled{opacity:.55;cursor:not-allowed}@media(max-width:600px){.cancel-container{padding:3rem .75rem 1rem;align-items:flex-start}.cancel-card{padding:1.75rem 1.25rem;border-radius:1rem}}.transcript-viewer{display:flex;flex-direction:column;gap:1rem;border-radius:1rem;background-color:var(--bg);padding:1rem;height:auto}.transcript-viewer>div{padding:.3rem .5rem;border-radius:.5rem;font-size:clamp(.9rem,.9vw,2rem);font-weight:400;max-width:80%}.transcript-viewer>div:not(.transcript-desktop-title){text-align:start}.caller{align-self:flex-start;background-color:var(--caller)}.agent{align-self:flex-end;background-color:var(--agent)}.function{align-self:flex-end;background-color:var(--function)}.transcript-desktop-title{margin:0 0 .5rem;font-size:clamp(1.2rem,5vw,1.8rem);color:var(--text)}.transcript-skeleton{display:flex;flex-direction:column;gap:1rem;border-radius:1rem;background-color:var(--bg);padding:1rem}.skeleton-bubble{height:clamp(1.8rem,2.5vw,2.4rem);border-radius:.5rem;background:linear-gradient(90deg,var(--bg-light) 25%,var(--highlight) 50%,var(--bg-light) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}.skeleton-bubble-left{align-self:flex-start}.skeleton-bubble-right{align-self:flex-end}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:1024px){.transcript-desktop-title{display:none}.transcript-viewer,.transcript-skeleton{margin:1rem;flex:1;overflow-y:auto;min-height:0}.transcript-viewer>div{font-size:clamp(.9rem,3.5vw,1.2rem);max-width:85%}}
