:root{--bg: #f3f6fa;--panel: #ffffff;--ink: #182236;--muted: #69768c;--line: #dce3ec;--accent: #1768d8;--accent-dark: #0f4fa9;--good: #0d825b;--warn: #a96100;--bad: #b42318;--shadow: 0 8px 24px rgba(30, 47, 76, .07);--shadow-raised: 0 18px 50px rgba(24, 34, 54, .16);--sidebar: #151c2b;--sidebar-active: #25344e}html{background:var(--bg);scrollbar-color:#c4cedc transparent;scrollbar-width:thin}body{grid-template-columns:180px minmax(0,1fr);background:linear-gradient(180deg,#f7f9fc 0,var(--bg) 180px);font-feature-settings:"tnum" 1}button,.button-like,input,select,textarea,summary{transition:border-color .14s ease,background-color .14s ease,color .14s ease,box-shadow .14s ease,transform .14s ease}button,.button-like{min-height:38px;border-color:#d7e0eb;border-radius:7px;padding:8px 13px;font-weight:700}button:hover,.button-like:hover{border-color:#aebed2;background:#f7f9fc}.auth-panel .auth-panel-backdrop,.auth-panel .auth-panel-backdrop:hover,.auth-panel .auth-panel-backdrop:active{min-height:0;padding:0;border:0;border-radius:0;background:#030d1bad;box-shadow:none;transform:none}button:active,.button-like:active{transform:translateY(1px)}.primary{border-color:var(--accent);background:var(--accent);box-shadow:0 5px 14px #1768d82e}.primary:hover{border-color:var(--accent-dark);background:var(--accent-dark)}input,select,textarea,.form-grid>label input,.form-grid>label select,.form-grid>label textarea,.field input,.field select,.field textarea,.order-lookup-input>input[type=search]{min-height:42px;border-color:#d7e0eb;border-radius:7px;background:#fff}input:hover,select:hover,textarea:hover{border-color:#b7c5d8}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:0;border-color:#5891df;box-shadow:0 0 0 3px #1768d824}.sidebar{position:sticky;top:0;height:100vh;overflow:hidden;padding:14px 9px;background:var(--sidebar);border-right:1px solid rgba(255,255,255,.04)}.sidebar>.brand{min-height:52px;margin:0 0 14px;padding:6px 9px;border-radius:7px}.sidebar>.brand:hover{background:#ffffff0b}.brand-mark{width:32px;height:32px;flex-basis:32px}.brand strong{letter-spacing:0}.brand small{max-width:104px;overflow:hidden;color:#9dacbf;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.nav{gap:3px}.nav button{position:relative;min-height:40px;padding:9px 10px 9px 13px;border-radius:6px;color:#c5d0df;font-size:13px}.nav button:before{content:"";position:absolute;inset:9px auto 9px 0;width:3px;border-radius:0 3px 3px 0;background:transparent}.nav button:hover{background:#ffffff0e}.nav button.active{background:var(--sidebar-active);color:#fff;box-shadow:inset 0 0 0 1px #ffffff09}.nav button.active:before{background:#5b9cff}.nav-count{min-width:20px;height:20px;padding:0 5px;border-radius:6px;font-size:11px}.main{min-height:100vh}.topbar{min-height:76px;padding:14px clamp(18px,2vw,30px);background:#ffffffed;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.topbar-brand{padding-right:14px}.topbar h1{margin-bottom:3px;font-size:24px;line-height:1.15}.topbar p{margin:0;font-size:13px}.global-search-trigger{min-width:214px;min-height:40px;border-color:#dce3ec;background:#f7f9fc}.content{width:100%;max-width:1920px;margin:0 auto;gap:16px;padding:20px clamp(18px,2vw,30px) 42px}.card{border-color:#e0e6ef;border-radius:7px;box-shadow:0 5px 18px #1e2f4c0e}.order-stat-row{grid-template-columns:repeat(3,minmax(170px,1fr));gap:10px}.order-stat{position:relative;min-height:72px;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;align-content:center;justify-items:start;column-gap:12px;padding:12px 16px 12px 20px;overflow:hidden;border:1px solid var(--line);border-radius:7px;background:#fff!important;color:var(--ink);box-shadow:0 4px 14px #1e2f4c0e}.order-stat:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#718096}.order-stat:after{content:"";grid-row:1 / 3;grid-column:1;width:34px;height:34px;border-radius:7px;background:#eef2f7;box-shadow:inset 0 0 0 1px #1822360a}.order-stat strong,.order-stat span{grid-column:2;z-index:1}.order-stat strong{grid-row:1;align-self:end;font-size:22px;line-height:1.05}.order-stat span{grid-row:2;align-self:start;color:var(--muted);font-size:13px;font-weight:650}.order-stat.green:before{background:#11956a}.order-stat.green:after{background:#e4f5ee}.order-stat.red:before{background:#d73a3a}.order-stat.red:after{background:#fdeceb}.order-stat.dark:before{background:#394456}.order-stat.dark:after{background:#e9edf2}.order-stat:hover{border-color:#c8d3e1;box-shadow:0 8px 22px #1e2f4c17;transform:translateY(-1px)}.order-stat.active{border-color:#8bb2e8;background:#f5f9ff!important;box-shadow:0 0 0 2px #1768d81f,0 8px 22px #1e2f4c14}.order-stat.inactive{opacity:.56;filter:saturate(.55)}.order-toolbar{top:76px;margin:-2px -6px 0;padding:9px 6px;border-bottom:0;background:#f3f6faed}.order-filters{gap:7px}.order-filters .search-wrap,.order-filters select,.status-filter-menu>summary,.order-toolbar-actions>button{min-height:40px}.order-filters .search-wrap{min-width:min(310px,100%)}.order-filters select,.status-filter-menu>summary{background-color:#fff}.filter-chips{gap:6px}.filter-chip{min-height:26px;border-radius:6px;padding:4px 8px;font-size:12px}.table-wrap{border-color:#dbe3ed;border-radius:7px;box-shadow:0 8px 24px #1e2f4c0e}table{font-size:14px}th,td{padding:12px 13px}th{height:42px;background:#f7f9fc;color:#59677d;font-size:12px;font-weight:800}.order-table-wrap.compact th,.order-table-wrap.compact td{padding:10px 13px}.order-table-wrap tbody tr:hover{background:#f3f7fc;box-shadow:inset 3px 0 #5b91d8}.order-table-wrap tbody tr:focus-within{background:#f3f7fc}.urgent-order-row{background:#fff9ed}.urgent-order-row:hover{background:#fff5df!important;box-shadow:inset 3px 0 #d68a13!important}.order-number-cell strong,.customer-cell .link-button,.money{color:#173f78}.device-cell{font-weight:700}.created-by-cell .muted{color:#7b8798}.badge{min-height:26px;border-radius:6px;font-size:12px}.status-badge{min-height:30px;border-color:#18223612;box-shadow:none}.status-swatch{width:10px;height:10px;border-radius:2px}.status-picker summary .status-badge{min-height:32px;padding:6px 9px;font-size:13px}.status-picker-menu,.status-filter-panel,.order-lookup-results{border-color:#d5deea;border-radius:8px;box-shadow:0 18px 44px #1822362b}.status-picker-menu button{border-radius:6px}.pagination{margin-top:8px;padding:10px 2px}.pagination-pages button{min-width:36px;border-radius:6px}.two .table-wrap table{width:100%;min-width:0;table-layout:fixed}.two .table-wrap th,.two .table-wrap td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}dialog{border:1px solid rgba(24,34,54,.08);border-radius:8px;box-shadow:var(--shadow-raised)}dialog::backdrop{background:#121b2a85;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-head{min-height:62px;padding:14px 18px;background:#fff}.modal-head h2{font-size:19px}.modal-head .icon{border-color:transparent;background:#f3f6fa;color:#526077}.modal-head .icon:hover{background:#e9eef5;color:var(--ink)}.form-grid{gap:13px 14px;padding:18px}.field label,.form-grid>label>span,.inline-service-form label{color:#5f6d82;font-size:12px;font-weight:800}.modal-actions{min-height:62px;padding:11px 18px;background:#f8fafc}.modal-actions button{min-width:102px}.order-dialog .modal-card{background:#fff}.order-editor{grid-template-columns:minmax(0,1fr) 330px}.order-editor-side{background:#f2f6fc}.order-tabs,.side-switch{gap:4px;padding:12px 16px 0;border-bottom:1px solid transparent}.order-tabs button,.side-switch button,.settings-tabs button{min-height:36px;border-color:transparent;background:transparent;color:#5c6980}.order-tabs button:hover,.side-switch button:hover,.settings-tabs button:hover{background:#eef3f9;color:var(--ink)}.order-tabs button.active,.side-switch button.active,.settings-tabs button.active{border-color:#d6e4f6;background:#eaf2fd;color:#1255ae;box-shadow:none}.order-summary-strip{margin:12px 16px 0;padding:9px 11px;background:#f7f9fc}.order-services-pane{padding:16px}.inline-service-form{border-color:#dce3ec;background:#f7f9fc}.order-totals{gap:6px;padding:4px 2px}.order-totals div{min-height:28px;align-items:center}.order-totals div:last-child{margin-top:3px;padding:10px 12px;border-radius:7px;background:#edf3fa}.order-side-head{padding:10px 16px 0}.side-scroll{padding:14px 16px}.comment-item,.activity-item{border-color:#dde5ef;border-radius:7px;padding:11px;box-shadow:0 2px 8px #1e2f4c09}.comment-form{padding:0 16px 16px}.comment-form textarea{min-height:92px}.toast{border:1px solid rgba(255,255,255,.08);border-radius:7px}.auth-card{border-color:#dae3ef;box-shadow:0 18px 50px #1e2f4c1c}@media(max-width:1180px){body{grid-template-columns:168px minmax(0,1fr)}.order-editor{grid-template-columns:minmax(0,1fr) 310px}.topbar-brand{display:none}}@media(max-width:980px){body{grid-template-columns:1fr}.sidebar{position:sticky;height:auto;padding:8px 10px}.sidebar>.brand{min-height:42px;margin-bottom:6px}.nav button:before{display:none}.order-toolbar{top:auto;background:transparent}.order-editor{grid-template-columns:1fr}.order-editor-side{background:#f4f7fb}}@media(max-width:620px){body{background:var(--bg)}.sidebar{height:auto;padding:5px 7px calc(5px + env(safe-area-inset-bottom))}.nav button{min-height:46px;padding:7px 10px;font-size:12px}.topbar{min-height:56px;padding:9px 12px}.topbar h1{font-size:20px}.global-search-trigger{width:42px;min-width:42px;padding:0;justify-content:center;font-size:0}.global-search-trigger span,.global-search-trigger kbd{display:none}.global-search-trigger:before{content:"";width:15px;height:15px;border:2px solid #637187;border-radius:50%;box-sizing:border-box;transform:translate(1px,-1px)}.global-search-trigger:after{content:"";width:7px;height:2px;margin:10px 0 0 -4px;border-radius:2px;background:#637187;transform:rotate(45deg)}.content{gap:12px;padding:12px 10px 26px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stat{min-height:94px;padding:13px 14px}.order-stat-row{grid-template-columns:1fr;gap:7px}.order-stat{min-height:58px;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:1fr;padding:9px 12px 9px 16px}.order-stat:after{grid-row:1;width:30px;height:30px}.order-stat strong{grid-row:1;grid-column:2;align-self:center;font-size:20px}.order-stat span{grid-row:1;grid-column:3;align-self:center;text-align:right}.order-filters{grid-template-columns:1fr}.order-filters .search-wrap{grid-column:auto}.order-table-wrap{max-width:calc(100vw - 20px)}.order-table-wrap table{min-width:650px}dialog,#sub-modal,.order-dialog,.customer-dialog,.command-palette{border:0;border-radius:0;background:#fff}dialog .modal-card,#sub-modal .modal-card,.order-dialog .modal-card{min-height:100dvh;background:#fff}.modal-head{min-height:56px;padding:10px 12px}.modal-actions{min-height:58px;padding:8px 10px calc(8px + env(safe-area-inset-bottom))}.order-tabs,.side-switch{padding:10px 12px 0}.order-summary-strip{margin:10px 12px 0}.order-services-pane,.form-grid,.side-scroll{padding:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}#modal.order-dialog{width:min(1480px,calc(100vw - 28px));max-width:none;max-height:calc(100dvh - 28px);overflow:hidden}#modal.order-dialog>#modal-form{display:grid;width:100%;max-width:none;max-height:calc(100dvh - 28px);grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}#modal.order-dialog #modal-body.order-editor{display:grid;width:100%;min-width:0;max-width:none;grid-template-columns:minmax(0,1fr) minmax(320px,380px);overflow:hidden}#modal.order-dialog #modal-body.order-editor>*,#modal.order-dialog .order-editor-main,#modal.order-dialog .order-editor-side{min-width:0;max-width:100%}#modal.appointment-day-dialog:not(.order-dialog){width:min(960px,calc(100vw - 40px));max-width:960px;max-height:calc(100dvh - 40px);overflow:hidden}#modal.appointment-day-dialog:not(.order-dialog)>#modal-form{display:grid;width:100%;min-width:0;max-width:none;max-height:calc(100dvh - 40px);grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}#modal.appointment-day-dialog #modal-body.appointment-day-modal{display:block;width:100%;min-width:0;max-width:100%;padding:0;overflow-x:hidden;overflow-y:auto}#modal.appointment-day-dialog .appointment-day-card,#modal.appointment-day-dialog .appointment-day-actions,#modal.appointment-day-dialog .appointment-day-list{width:100%;min-width:0;max-width:100%;box-sizing:border-box}@media(max-width:980px){#modal.order-dialog #modal-body.order-editor{grid-template-columns:1fr;overflow-y:auto;overscroll-behavior:contain}#modal.order-dialog .order-editor-main,#modal.order-dialog .order-editor-side{overflow:visible}}@media(max-width:620px){#modal.order-dialog,#modal.appointment-day-dialog:not(.order-dialog){width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border-radius:0}#modal.order-dialog>#modal-form,#modal.appointment-day-dialog:not(.order-dialog)>#modal-form{height:100%;max-height:100dvh}#modal.appointment-day-dialog .appointment-day-actions{align-items:stretch;flex-direction:column;padding:14px}#modal.appointment-day-dialog .appointment-day-actions button{width:100%}#modal.appointment-day-dialog .appointment-day-item{grid-template-columns:64px minmax(0,1fr) 18px;gap:10px;padding:13px 14px}#modal.appointment-day-dialog .appointment-day-meta{grid-column:2}#modal.order-dialog .order-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;padding:10px 12px;overflow:visible}#modal.order-dialog .order-tabs>button{width:100%;min-width:0;min-height:42px;padding:8px 10px;white-space:normal}#modal.order-dialog .order-tabs .order-edit-state{grid-column:1 / -1;justify-self:stretch;text-align:center}}