.ops-shell{--sl-bg:#f4f6fa;--sl-surface:#fff;--sl-surface-muted:#f8fafc;--sl-border:#e3e8ef;--sl-border-input:#c5cedb;--sl-text:#0e1a2e;--sl-text-2:#4a5a73;--sl-text-3:#5c6b82;--sl-navy-900:#0e1f3d;--sl-navy-800:#152c52;--sl-nav-text:#c9d4e5;--sl-primary:#1f5bd8;--sl-primary-hover:#1a4db8;--sl-primary-soft:#e8f0fe;--sl-success:#157347;--sl-success-soft:#e3f5ea;--sl-warning:#a35a00;--sl-warning-soft:#fdf1dc;--sl-danger:#c0322b;--sl-danger-soft:#fce8e6;--sl-radius-sm:6px;--sl-radius-md:10px;--sl-radius-lg:14px;--sl-shadow-1:0 1px 2px #0e1a2e0f;--sl-shadow-2:0 8px 24px #0e1a2e1f;--sl-font:Inter, "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;background:var(--sl-bg);min-height:100vh;color:var(--sl-text);font-family:var(--sl-font);-webkit-font-smoothing:antialiased;font-size:14px;line-height:20px;display:flex}.ops-shell :is(button,input,select,textarea,h1,h2,h3,h4,p,span,b,small,label,a,td,th,li){font-family:var(--sl-font)}.ops-shell :focus-visible{outline:2px solid var(--sl-primary);outline-offset:2px}.ops-skip{position:absolute;left:-9999px}.ops-skip:focus{z-index:80;background:#fff;border-radius:8px;padding:8px 12px;top:8px;left:12px}.ops-sidebar{background:var(--sl-navy-900);scrollbar-width:thin;scrollbar-color:#fff2 transparent;flex-direction:column;flex-shrink:0;gap:4px;width:248px;height:100vh;padding:14px 12px;transition:width .18s;display:flex;position:sticky;top:0;overflow-y:auto}.ops-shell.collapsed .ops-sidebar{width:72px}.ops-brand{color:#fff;align-items:center;gap:10px;padding:2px 6px 14px;text-decoration:none;display:flex}.ops-brand-mark svg{width:34px;height:34px;display:block}.ops-brand-name{letter-spacing:-.01em;flex-direction:column;font-size:17px;font-weight:700;line-height:20px;display:flex}.ops-brand-name small{color:#8fa0ba;letter-spacing:.02em;font-size:11px;font-weight:500}.ops-nav{flex-direction:column;gap:2px;padding:0;display:flex}.ops-nav-section{flex-direction:column;gap:2px;display:flex}.ops-nav-title{letter-spacing:.08em;text-transform:uppercase;color:#8fa0ba;margin:14px 10px 4px;font-size:11px;font-weight:600}.ops-nav hr{border:0;border-top:1px solid #ffffff1a;margin:10px 12px}.ops-nav-link{color:var(--sl-nav-text);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;width:100%;padding:8px 10px;font-size:14px;text-decoration:none;display:flex}.ops-nav-link svg{flex-shrink:0;width:18px;height:18px}.ops-nav-link:hover{color:#fff;background:#ffffff12}.ops-nav-link.active{background:var(--sl-primary);color:#fff;font-weight:500}.ops-shell.collapsed .ops-nav-link{justify-content:center;padding:9px 0}.ops-sidebar-foot{margin-top:auto;padding-top:10px}.ops-body{flex-direction:column;flex:1;min-width:0;display:flex}.ops-topbar{z-index:30;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--sl-border);background:#fffe;align-items:center;gap:10px;height:64px;padding:0 24px;display:flex;position:sticky;top:0}.ops-search{border:1px solid var(--sl-border);border-radius:var(--sl-radius-md);background:var(--sl-surface-muted);min-width:220px;max-width:520px;height:40px;color:var(--sl-text-3);flex:320px;align-items:center;gap:8px;padding:0 12px;display:flex}.ops-search:focus-within{border-color:var(--sl-primary);background:#fff}.ops-search svg{flex-shrink:0;width:16px;height:16px}.ops-search input{min-width:0;color:var(--sl-text);height:100%;box-shadow:none;background:0 0;border:0;outline:0;flex:1;padding:0;font-size:14px}.ops-topbar-spacer{flex:1}.ops-date{color:var(--sl-text-3);white-space:nowrap;font-size:13px}.ops-icon-btn{border-radius:var(--sl-radius-md);border:1px solid var(--sl-border);width:40px;height:40px;color:var(--sl-text-2);cursor:pointer;background:#fff;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.ops-icon-btn:hover{background:var(--sl-surface-muted);color:var(--sl-text)}.ops-icon-btn svg{width:18px;height:18px}.ops-btn{border-radius:var(--sl-radius-md);cursor:pointer;white-space:nowrap;border:1px solid #0000;align-items:center;gap:8px;height:40px;padding:0 14px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.ops-btn svg{width:16px;height:16px}.ops-btn-primary{background:var(--sl-primary);color:#fff}.ops-btn-primary:hover{background:var(--sl-primary-hover);color:#fff}.ops-account{position:relative}.ops-account-btn{cursor:pointer;border-radius:var(--sl-radius-md);color:var(--sl-text);background:0 0;border:0;align-items:center;gap:10px;padding:4px 6px;display:flex}.ops-account-btn:hover{background:var(--sl-surface-muted)}.ops-account-btn>svg{width:16px;height:16px;color:var(--sl-text-3)}.ops-avatar{background:var(--sl-primary-soft);width:36px;height:36px;color:var(--sl-primary-hover);border-radius:50%;place-items:center;font-size:13px;font-weight:600;display:grid}.ops-account-text{text-align:left;flex-direction:column;line-height:17px;display:flex}.ops-account-text b{font-size:13px;font-weight:600}.ops-account-text small{color:var(--sl-text-3);font-size:12px}.ops-menu{border:1px solid var(--sl-border);border-radius:var(--sl-radius-md);min-width:190px;box-shadow:var(--sl-shadow-2);z-index:40;background:#fff;flex-direction:column;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.ops-menu a,.ops-menu button{color:var(--sl-text);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;padding:9px 10px;font-size:14px;text-decoration:none;display:flex}.ops-menu a:hover,.ops-menu button:hover{background:var(--sl-surface-muted)}.ops-menu svg{width:16px;height:16px;color:var(--sl-text-3)}.ops-only-mobile{display:none}.ops-mobile{z-index:60;position:fixed;inset:0}.ops-mobile-backdrop{background:#0e1f3d80;position:absolute;inset:0}.ops-mobile .ops-sidebar{width:280px;height:100%;position:absolute;top:0;bottom:0;left:0}.ops-mobile-close{width:36px;height:36px;color:var(--sl-nav-text);cursor:pointer;background:0 0;border:0;border-radius:8px;position:absolute;top:12px;right:10px}.ops-mobile-close svg{width:20px;height:20px}@media (width<=1023px){.ops-shell>.ops-sidebar{display:none}.ops-only-mobile{display:inline-flex}.ops-date,.ops-account-text{display:none}.ops-topbar{padding:0 12px}}@media (width<=640px){.ops-btn-primary span{display:none}.ops-btn-primary{padding:0 11px}}.ops-content{width:100%;min-width:0;max-width:1600px;margin:0 auto;padding:24px 28px 40px}@media (width<=640px){.ops-content{padding:16px 14px 32px}}.ops-content .auth-check{color:var(--sl-text-3);padding:40px}.ops-shell .app-shell{background:0 0;min-height:0;display:block}.ops-shell .app-shell>aside.sidebar,.ops-shell .app-shell>.sidebar{display:none!important}.ops-shell .app-shell main,.ops-shell .app-shell>main{background:0 0;min-width:0;padding:0;width:auto!important;margin-left:0!important}.ops-shell .app-shell main>.topbar{height:auto;min-height:0;box-shadow:none;background:0 0;border:0;flex-wrap:wrap;align-items:center;gap:10px;margin:0;padding:0 0 16px;display:flex;position:static}.ops-shell .app-shell main>.topbar :is(.menu,.profile,.bell,kbd){display:none!important}.ops-shell .app-shell main>.topbar>b{color:var(--sl-text-3);text-transform:uppercase;letter-spacing:.06em;font-size:13px;font-weight:600}.ops-shell .app-shell .content{max-width:none;margin:0;padding:0!important}.ops-content .search,.ops-content .mini-search{border:1px solid var(--sl-border-input);border-radius:var(--sl-radius-md);height:40px;color:var(--sl-text-3);background:#fff;max-width:520px}.ops-content .search:focus-within,.ops-content .mini-search:focus-within{border-color:var(--sl-primary);box-shadow:0 0 0 3px var(--sl-primary-soft)}.ops-content h1{letter-spacing:-.015em;color:var(--sl-text);font-size:24px;font-weight:600;line-height:32px}.ops-content h2{color:var(--sl-text);letter-spacing:-.005em}.ops-content :is(.customer-title,.payment-title,.invoices-title,.reports-title,.notify-title,.settings-title,.masters-title,.spend-title,.pricing-top)>div>p,.ops-content .details-eyebrow{letter-spacing:.06em;font-size:12px;font-weight:600;color:var(--sl-text-3)!important}.ops-content :is(.panel,.details-card,.cm-card,.application-card,.settings-panel,.users-panel,.billing-panel){background:var(--sl-surface);box-shadow:var(--sl-shadow-1);border:1px solid var(--sl-border)!important;border-radius:var(--sl-radius-lg)!important}.ops-content .live-table-head,.ops-content .list-head{background:var(--sl-surface-muted);color:var(--sl-text-3);letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid var(--sl-border);font-size:11px;font-weight:600}.ops-content .live-table-row{border-bottom:1px solid var(--sl-border)}.ops-content .live-table-row:hover{background:var(--sl-surface-muted)}.ops-content table{border-collapse:collapse}.ops-content table th{background:var(--sl-surface-muted);color:var(--sl-text-3);letter-spacing:.06em;text-transform:uppercase;text-align:left;font-size:11px;font-weight:600}.ops-content table :is(th,td){border-bottom:1px solid var(--sl-border)}.ops-content table tbody tr:hover{background:var(--sl-surface-muted)}.ops-content :is(.empty,.empty-data,.master-empty,.spend-empty){color:var(--sl-text-3)}.ops-content :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea){color:var(--sl-text)}.ops-content :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea):focus{box-shadow:0 0 0 3px var(--sl-primary-soft);outline:none;border-color:var(--sl-primary)!important}.ops-content :is(input[type=checkbox],input[type=radio]){accent-color:var(--sl-primary)}.ops-content :is(.top-create,.primary-action,.cm-primary,.save-payment,.master-save,.template-save,.invite-user,.invoice-button,button.primary,a.primary){border-radius:var(--sl-radius-md);background:var(--sl-primary)!important;border-color:var(--sl-primary)!important;color:#fff!important}.ops-content :is(.top-create,.primary-action,.cm-primary,.save-payment,.master-save,.template-save,.invite-user,.invoice-button,button.primary,a.primary):hover{background:var(--sl-primary-hover)!important}.ops-content :is(.secondary-action,button.secondary,.row-action,.table-action){border-radius:var(--sl-radius-md)}.ops-content button:disabled{cursor:not-allowed}.ops-content :is(.dispatch-error,.booking-save-error,.users-error,.master-error,.spend-error,.billing-error,.pm-error){background:var(--sl-danger-soft);color:var(--sl-danger);border-radius:var(--sl-radius-md)}.ops-content main{max-width:none;width:auto!important;min-height:0!important;margin-left:0!important}.ops-content :is(.pm-shell,.application-shell){background:0 0!important;min-height:0!important;display:block!important}.ops-content :is(.pm-shell,.application-shell)>main{padding:0!important}.ops-content :is(.pricing-page,.ops-users,.cm-page,.masters-page,.booking-details-page){background:0 0!important;min-height:0!important;padding:0!important}.ops-content .cm-container{max-width:none!important;padding:0!important}.ops-content nav{padding-top:0}.ops-content nav.pricing-tabs{border-bottom:1px solid var(--sl-border);flex-flow:wrap;gap:6px;padding-bottom:0}.ops-content nav.pricing-tabs button{color:var(--sl-text-2);background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;padding:10px 12px;font-size:14px;font-weight:500}.ops-content nav.pricing-tabs button:hover{color:var(--sl-text)}.ops-content nav.pricing-tabs button.selected{color:var(--sl-primary);border-bottom-color:var(--sl-primary);background:0 0}.ops-shell .app-shell main>.topbar>button.date:not(:has(.lucide-refresh-cw)){display:none}