:root{--blue:#2f78ad;--blue-dark:#26384d;--blue-soft:#eaf4fb;--bg:#f4f5f7;--card:#fff;--text:#3d4650;--muted:#7b8793;--line:#dfe4e8;--green:#3aa66b;--orange:#ee9b45;--red:#d65b63;--purple:#8e6aae}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;font:14px Arial,Helvetica Neue,sans-serif}button,input{font:inherit}button,a{transition:background .15s,border-color .15s,color .15s}.login-page{background:#eef1f4;place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#fff;border:1px solid #d9dee3;border-radius:4px;gap:12px;width:min(390px,100%);padding:38px 42px;display:grid;box-shadow:0 2px 12px #1725341a}.login-logo{color:var(--blue);margin-bottom:18px;font-size:27px;font-weight:700}.login-logo span{color:#7c8995;font-weight:400}.login-card h1{text-align:center;margin:0;font-size:23px;font-weight:500}.login-card>p{text-align:center;margin:0 0 14px}.login-card label{color:#586572;margin-top:7px;font-size:12px;font-weight:700}.login-card input,.table-search{background:#fff;border:1px solid #cfd6dc;border-radius:3px;outline:none;padding:11px 12px}.login-card input:focus,.table-search:focus{border-color:var(--blue);box-shadow:0 0 0 2px #2f78ad1c}.muted{color:var(--muted)}.form-error{font-size:12px;color:#b9444b!important}.primary,.secondary,.ghost,.koibox-primary,.page-actions button,.agenda-toolbar button,.operation-tabs button,.agenda-alerts button,.table-action{color:#4c5965;cursor:pointer;background:#fff;border:1px solid #ccd4da;border-radius:3px;padding:9px 14px}.primary,.koibox-primary{background:var(--blue)!important;border-color:var(--blue)!important;color:#fff!important}.secondary{background:#fff}.full{width:100%}.crm-shell{min-height:100vh;padding-top:58px;padding-left:176px}.topbar{z-index:50;background:#fff;border-bottom:1px solid #d8dee4;justify-content:space-between;align-items:center;height:58px;display:flex;position:fixed;top:0;left:0;right:0}.topbar-left{border-right:1px solid #e1e5e8;align-items:center;width:176px;height:100%;display:flex}.menu-button{color:#fff;background:#2f78ad;border:0;width:48px;height:100%;font-size:19px}.wordmark{color:#2f78ad;padding-left:13px;font-size:18px;font-weight:700;text-decoration:none}.wordmark b{color:#73808c;font-weight:400}.global-search{background:#f7f8f9;border:1px solid #d8dee3;border-radius:3px;align-items:center;width:min(420px,32vw);height:34px;margin-left:24px;margin-right:auto;padding:0 11px;display:flex}.global-search span{color:#9aa4ad;font-size:20px}.global-search input{background:0 0;border:0;outline:0;width:100%;padding:0 9px;font-size:12px}.topbar-right{align-items:center;gap:8px;height:100%;padding-right:15px;display:flex}.fixed-branch,.branch-current{text-align:right;cursor:default;background:0 0;border:0;min-width:185px;padding:5px 12px;display:grid}.fixed-branch span,.branch-current span{font-size:12px;font-weight:700}.fixed-branch small,.branch-current small{color:var(--blue);margin-top:2px;font-size:10px}.branch-current{cursor:pointer}.branch-switcher{position:relative}.branch-menu{z-index:80;background:#fff;border:1px solid #d6dce1;border-radius:3px;width:265px;padding:8px;display:grid;position:absolute;top:48px;right:0;box-shadow:0 8px 24px #26384d26}.branch-menu strong{color:#78838e;text-transform:uppercase;padding:9px;font-size:11px}.branch-menu button{text-align:left;color:#46535e;cursor:pointer;background:#fff;border:0;padding:10px}.branch-menu button:hover,.branch-menu button.selected{color:var(--blue);background:#edf5fa}.bell{color:#73808b;background:0 0;border:0;padding:8px;font-size:22px;position:relative}.bell i{color:#fff;background:#e65e65;border-radius:8px;padding:2px 4px;font:700 9px Arial;position:absolute;top:3px;right:3px}.user-summary{border-left:1px solid #e2e6e9;align-items:center;gap:8px;padding-left:12px;display:flex}.user-avatar{color:#fff;background:#597c9a;border-radius:50%;place-items:center;width:33px;height:33px;font-size:11px;display:grid}.user-summary strong,.user-summary small{white-space:nowrap;text-overflow:ellipsis;max-width:130px;display:block;overflow:hidden}.user-summary strong{font-size:11px}.user-summary small{color:var(--muted);margin-top:2px;font-size:10px}.sidebar{z-index:40;background:#29394c;flex-direction:column;width:176px;display:flex;position:fixed;top:58px;bottom:0;left:0}.sidebar nav{padding-top:10px;display:grid}.sidebar nav a,.sidebar-webhooks{color:#c8d1d9;border-left:3px solid #0000;align-items:center;gap:11px;padding:14px 16px;font-size:13px;text-decoration:none;display:flex}.sidebar nav a span{text-align:center;width:18px;font-size:16px}.sidebar nav a:hover,.sidebar nav a.active{color:#fff;background:#223144;border-left-color:#4aa2d7}.sidebar-webhooks{border-top:1px solid #3a495b;margin-top:auto}.sidebar form{border-top:1px solid #3a495b}.logout{color:#abb7c1;text-align:left;cursor:pointer;background:0 0;border:0;width:100%;padding:13px 17px}.main-content{min-width:0;padding:21px 23px 50px}.page-title-row{justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px;display:flex}.page-title-row h1{color:#44515d;margin:0;font-size:24px;font-weight:400}.page-title-row p{color:#89949e;margin:4px 0 0;font-size:11px}.page-actions{flex-wrap:wrap;gap:7px;display:flex}.page-actions button{padding:8px 12px;font-size:12px}.icon-action{font-size:18px;padding:5px 10px!important}.operation-tabs{border:1px solid var(--line);background:#fff;display:flex;overflow-x:auto}.operation-tabs button{white-space:nowrap;border:0;border-right:1px solid #e5e9ec;border-radius:0;padding:12px 16px;font-size:12px}.operation-tabs button.active{color:var(--blue);box-shadow:inset 0 -3px var(--blue);font-weight:700}.operation-tabs b,.agenda-alerts b{background:#e6edf2;border-radius:9px;padding:2px 6px;font-size:9px}.agenda-alerts{gap:8px;margin:10px 0;display:flex}.agenda-alerts button{padding:7px 10px;font-size:11px}.agenda-alerts span{color:var(--green)}.agenda-alerts .pending{color:var(--orange)}.agenda-actions{gap:0}.agenda-actions button{color:#fff;background:#47a638;border-color:#47a638;border-radius:0;padding:11px 16px}.agenda-actions button:first-child{border-radius:3px 0 0 3px}.agenda-actions button:last-child{border-radius:0 3px 3px 0}.agenda-actions button:hover{background:#3f9632}.agenda-panel,.table-panel,.permission-panel,.photo-section,.customer-summary,.appointment-banner,.panel{border:1px solid var(--line);background:#fff;border-radius:3px}.agenda-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;min-height:52px;padding:8px 11px;display:flex}.date-nav,.view-buttons{align-items:center;display:flex}.date-nav button,.view-buttons button{border-radius:0;margin-left:-1px;padding:7px 10px;font-size:11px}.date-nav button:first-child,.view-buttons button:first-child{border-radius:3px 0 0 3px}.date-nav button:nth-child(3),.view-buttons button:last-child{border-radius:0 3px 3px 0}.date-nav strong{margin-left:14px;font-size:12px}.view-buttons button.active{color:var(--blue);background:#edf6fb;border-color:#9ec8e2}.agenda-scroll{max-height:calc(100vh - 225px);overflow:auto}.agenda-grid{grid-template-columns:65px repeat(var(--staff-count),minmax(175px,1fr));grid-template-rows:54px repeat(43,var(--slot-height));min-width:max-content;display:grid;position:relative}.corner-cell,.staff-head{z-index:5;background:#f8fafb;border-bottom:1px solid #dce2e6;border-right:1px solid #e1e6ea;position:sticky;top:0}.corner-cell{z-index:7;color:#8a959e;padding:19px 12px;font-size:10px;left:0}.staff-head{justify-content:center;align-items:center;gap:8px;display:flex}.staff-head>span{color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;font-weight:700;display:grid}.staff-head strong,.staff-head small{display:block}.staff-head strong{font-size:12px}.staff-head small{color:#6aa27d;margin-top:3px;font-size:9px}.time-label{z-index:3;color:#87929c;text-align:right;background:#fff;border-bottom:1px solid #eef1f3;border-right:1px solid #dce2e6;padding:5px 9px 0 0;font-size:9px;position:sticky;left:0}.slot{background:linear-gradient(#fff,#fff);border-bottom:1px solid #edf0f2;border-right:1px solid #e3e7ea;min-height:42px}.slot:hover{background:#f5faff}.agenda-entry{z-index:2;border-left:4px solid;border-radius:2px;margin:2px 3px;padding:6px 7px;text-decoration:none;overflow:hidden;box-shadow:0 1px 2px #29394c15}.agenda-entry b,.agenda-entry span{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.agenda-entry b{color:#33414c;font-size:10px}.agenda-entry span{color:#65717b;margin-top:4px;font-size:9px}.agenda-entry.blue{background:#e3f1fa;border-color:#438ac7}.agenda-entry.green{background:#e7f4ea;border-color:#69a977}.agenda-entry.orange{background:#fff0df;border-color:#df923e}.agenda-entry.purple{background:#f0e9f5;border-color:#8e6aae}.cash-menu,.report-grid{grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:14px;display:grid}.cash-menu button,.report-grid button{border:1px solid var(--line);text-align:left;color:#53606b;cursor:pointer;background:#fff;border-radius:3px;gap:5px;padding:18px;display:grid}.cash-menu button>span,.report-grid button>span{color:var(--blue);font-size:23px}.cash-menu strong,.report-grid strong{font-size:13px}.cash-menu small,.report-grid small{color:var(--muted);font-size:10px}.cash-menu button.active{border-top:3px solid var(--blue);padding-top:16px}.table-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;padding:17px 19px;display:flex}.table-heading h2,.permission-panel h2{margin:0;font-size:16px;font-weight:500}.table-heading p,.permission-panel p{color:var(--muted);margin:4px 0 0;font-size:11px}.cash-total{text-align:right}.cash-total span{color:var(--muted);font-size:10px;display:block}.cash-total strong{color:var(--blue);font-size:22px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:670px}th,td{text-align:left;border-bottom:1px solid #e7ebee;padding:12px 14px;font-size:11px}th{color:#78848f;text-transform:uppercase;letter-spacing:.04em;background:#f8fafb;font-size:9px}td.negative{color:var(--red)}.cash-details{grid-template-columns:repeat(4,1fr);padding:17px;display:grid}.cash-details article{border-right:1px solid var(--line);padding:4px 18px}.cash-details article:last-child{border:0}.cash-details span,.cash-details strong{display:block}.cash-details span{color:var(--muted);font-size:10px}.cash-details strong{margin-top:6px;font-size:18px}.report-grid{grid-template-columns:repeat(3,1fr)}.settings-layout{grid-template-columns:190px 1fr;gap:14px;display:grid}.settings-nav{border:1px solid var(--line);background:#fff;align-content:start;display:grid}.settings-nav strong{border-bottom:1px solid var(--line);padding:16px;font-size:13px}.settings-nav a{color:#65717b;cursor:pointer;border-bottom:1px solid #edf0f2;padding:11px 16px}.settings-nav a.active{color:var(--blue);border-left:3px solid var(--blue);padding-left:13px;font-weight:700}.settings-content{gap:14px;display:grid}.table-panel.compact .table-heading{padding:14px 16px}.table-search{padding:8px 10px;font-size:11px}.check{color:var(--green);font-weight:700}.status-label{color:#36835b;background:#e7f5ed;border-radius:10px;padding:4px 8px;font-size:9px}.table-action{padding:5px 9px;font-size:10px}.permission-panel{padding:18px}.section-heading{justify-content:space-between;gap:15px;display:flex}.role-pill{color:var(--blue);background:#eaf4fb;border-radius:11px;height:max-content;padding:6px 10px;font-size:10px}.permission-tabs{border-bottom:1px solid var(--line);margin:15px -18px 16px;padding:0 18px;display:flex}.permission-tabs button{color:#6e7a84;cursor:pointer;background:0 0;border:0;padding:10px 14px}.permission-tabs button.active{color:var(--blue);border-bottom:2px solid var(--blue)}.permission-groups{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.permission-groups fieldset{border:1px solid var(--line);gap:8px;padding:11px 14px;display:grid}.permission-groups legend{color:#596773;padding:0 5px;font-size:11px;font-weight:700}.permission-groups label{color:#65717a;align-items:center;gap:8px;font-size:10px;display:flex}.permission-groups input{accent-color:var(--blue)}.employee-create{border:1px solid var(--line);background:#fff;border-radius:3px;margin-bottom:14px}.employee-create summary{background:var(--blue);color:#fff;cursor:pointer;border-radius:3px;width:max-content;margin:12px;padding:9px 14px;font-size:12px;list-style:none}.employee-create summary::-webkit-details-marker{display:none}.employee-create form{border-top:1px solid var(--line);padding:18px}.employee-fields{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.employee-fields label{color:#5d6974;gap:6px;font-size:10px;font-weight:700;display:grid}.employee-fields input,.employee-fields select,.phone-input input{color:#43505b;background:#fff;border:1px solid #cfd6dc;border-radius:3px;min-width:0;padding:9px 10px}.phone-input{grid-template-columns:58px 1fr;gap:6px;display:grid}.employee-create fieldset{border:1px solid var(--line);gap:18px;margin:15px 0;padding:12px;display:flex}.employee-create legend{color:#5d6974;font-size:10px;font-weight:700}.employee-create fieldset label,.employee-checks label{color:#5d6974;font-size:10px}.employee-checks{gap:24px;margin-bottom:10px;display:flex}.form-help{color:var(--muted);font-size:10px}.customer-summary{align-items:center;gap:14px;padding:18px;display:flex}.customer-avatar{color:#fff;background:#5d819e;border-radius:50%;place-items:center;width:52px;height:52px;font-weight:700;display:grid}.customer-summary h2,.customer-summary p{margin:0}.customer-summary h2{font-size:18px}.customer-summary p{color:var(--muted);margin-top:4px;font-size:11px}.summary-numbers{gap:28px;margin-left:auto;display:flex}.summary-numbers span{color:var(--muted);font-size:10px}.summary-numbers strong{color:var(--text);font-size:17px;display:block}.appointment-banner{border-left:4px solid var(--green);align-items:center;gap:12px;margin:12px 0;padding:13px 17px;display:flex}.status-dot{background:var(--green);border-radius:50%;width:8px;height:8px;display:inline-block}.appointment-banner p{color:var(--muted);margin:2px 0 0;font-size:10px}.appointment-banner>span:last-child{margin-left:auto;font-weight:700}.photo-section{margin:12px 0;padding:19px}.photo-section .eyebrow{text-transform:uppercase;color:var(--blue);letter-spacing:.06em;margin:0 0 5px;font-size:9px}.photo-section h2{margin:0;font-size:17px}.chip{border-radius:10px;padding:5px 9px;font-size:9px;font-weight:700}.chip.success{color:#37845d;background:#e5f3eb}.chip.warning{color:#a36c2c;background:#fff1df}.photo-current{grid-template-columns:200px 1fr;align-items:center;gap:22px;margin-top:15px;display:grid}.photo-current>img,.photo-placeholder{aspect-ratio:4/4.6;object-fit:cover;background:#edf0f2;border-radius:3px;width:200px}.photo-placeholder{text-align:center;color:var(--muted);border:1px dashed #bdc7cf;align-content:center;place-items:center;padding:16px;display:grid}.photo-placeholder span{font-size:34px}.photo-copy h3{margin:0 0 6px;font-size:16px;font-weight:500}.photo-copy p{color:var(--muted);font-size:11px}.action-row{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.notice{border-left:3px solid var(--blue);background:#edf6fb;padding:9px 11px;font-size:11px}.history{border-top:1px solid var(--line);margin-top:18px;padding-top:14px}.history h3{font-size:14px;font-weight:500}.carousel{gap:9px;display:flex;overflow-x:auto}.carousel figure{min-width:120px;margin:0}.carousel img{object-fit:cover;border-radius:3px;width:120px;height:135px}.carousel figcaption{color:var(--muted);margin-top:4px;font-size:9px}.webhook-grid{grid-template-columns:2fr 1fr;gap:12px;display:grid}.panel{padding:18px}.panel h2{margin:0 0 12px;font-size:16px;font-weight:500}.panel .eyebrow{text-transform:uppercase;color:var(--blue);font-size:9px}.webhook-grid .wide{grid-column:1/-1}.endpoint{border-bottom:1px solid var(--line);gap:8px;padding:9px 0;display:flex;overflow:auto}.endpoint span{color:var(--green);font-size:9px;font-weight:700}.endpoint code{font-size:10px}.destination{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:11px 0;display:flex}.destination p{color:var(--muted);margin:3px 0;font-size:10px}.event-tags{flex-wrap:wrap;gap:7px;display:flex}.event-tags code{border:1px solid var(--line);background:#f2f5f7;padding:6px 8px;font-size:10px}@media (max-width:1000px){.global-search{display:none}.cash-menu{grid-template-columns:repeat(3,1fr)}.permission-groups{grid-template-columns:1fr}.employee-fields{grid-template-columns:1fr 1fr}.user-summary div{display:none}}@media (max-width:720px){.crm-shell{padding-top:52px;padding-bottom:58px;padding-left:0}.topbar{height:52px}.topbar-left{border:0;width:auto}.menu-button{display:none}.wordmark{padding-left:14px}.topbar-right{margin-left:auto;padding-right:7px}.fixed-branch,.branch-current{min-width:0;max-width:140px;padding:4px}.fixed-branch span,.branch-current span{white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.fixed-branch small,.branch-current small{font-size:8px}.bell,.user-summary{display:none}.sidebar{width:100%;height:58px;display:block;top:auto;bottom:0}.sidebar nav{grid-template-columns:repeat(5,1fr);height:58px;padding:0}.sidebar nav a{text-align:center;border-top:3px solid #0000;border-left:0;gap:2px;padding:6px 2px;font-size:9px;display:grid}.sidebar nav a.active{border-top-color:#4aa2d7;border-left:0}.sidebar nav a span{width:auto;font-size:16px}.sidebar-webhooks,.sidebar form{display:none}.main-content{padding:14px 10px 25px}.page-title-row{align-items:flex-start}.page-title-row h1{font-size:20px}.page-actions button:not(.koibox-primary){display:none}.agenda-title-row{margin:-14px -10px 0;display:block}.agenda-title-row>div:first-child{padding:14px 10px}.agenda-actions{grid-template-columns:repeat(5,1fr);width:100%;display:grid!important}.agenda-actions button{border-top:0;border-bottom:0;font-size:10px;padding:11px 4px!important;display:block!important}.operation-tabs button{padding:10px}.agenda-alerts{overflow:auto}.agenda-toolbar{display:block}.view-buttons{margin-top:7px;overflow-x:auto}.date-nav strong{margin-left:7px;font-size:10px}.agenda-scroll{max-height:calc(100vh - 305px)}.agenda-grid{grid-template-columns:52px repeat(var(--staff-count),145px)}.cash-menu{grid-template-columns:1fr 1fr}.cash-menu button{padding:13px}.cash-details{grid-template-columns:1fr 1fr}.cash-details article:nth-child(2){border-right:0}.settings-layout{grid-template-columns:1fr}.settings-nav{display:none}.table-heading{align-items:flex-start}.table-search{display:none}.employee-fields{grid-template-columns:1fr}.employee-create fieldset,.employee-checks{gap:9px;display:grid}.report-grid{grid-template-columns:1fr 1fr}.customer-summary{flex-wrap:wrap}.summary-numbers{justify-content:space-between;width:100%;margin:0}.photo-current{grid-template-columns:1fr}.photo-current>img,.photo-placeholder{width:100%;max-height:420px}.action-row button{width:100%}.webhook-grid{grid-template-columns:1fr}.webhook-grid .wide{grid-column:auto}}.cash-menu a{border:1px solid var(--line);text-align:left;color:#53606b;cursor:pointer;background:#fff;border-radius:3px;gap:5px;padding:18px;text-decoration:none;display:grid}.cash-menu a>span{color:var(--blue);font-size:23px}.cash-menu a.active{border-top:3px solid var(--blue);padding-top:16px}.cash-details{grid-template-columns:repeat(6,1fr)}.empty-state{text-align:center;min-height:145px;color:var(--muted);align-content:center;place-items:center;gap:7px;padding:30px;display:grid}.empty-state b{color:var(--text);font-size:14px}.empty-state span{max-width:480px;font-size:11px}.customer-search{gap:6px;display:flex}.customer-search input{border:1px solid #cfd6dc;width:300px;padding:8px 10px}.customer-search button,.table-link{border:1px solid var(--blue);background:var(--blue);color:#fff;border-radius:3px;padding:8px 11px;font-size:10px;text-decoration:none}.muted-banner{border-left-color:#aeb7bf}.muted-banner .status-dot{background:#aeb7bf}.customer-history{margin-top:12px}.employee-color-input{width:100%;height:36px;padding:3px!important}.employee-color{grid-template-columns:38px auto;align-items:center;gap:5px;min-width:130px;display:grid}.employee-color input{border:1px solid var(--line);background:#fff;width:38px;height:30px;padding:2px}.employee-color button{border:1px solid var(--line);background:#fff;border-radius:3px;padding:6px 8px;font-size:9px}.employee-color button:disabled{opacity:.45}.employee-color small{color:var(--muted);grid-column:1/-1}.status-label.off{color:#7e8790;background:#f1f2f3}.cash-modal{background:#fff;border-radius:4px;gap:14px;width:min(440px,100vw - 24px);padding:18px;display:grid;box-shadow:0 12px 40px #1c2b3860}.cash-modal header,.cash-modal footer{justify-content:space-between;align-items:center;gap:10px;display:flex}.cash-modal h2{margin:0;font-size:17px}.cash-modal header button{background:0 0;border:0;font-size:24px}.cash-modal label{gap:6px;font-size:11px;font-weight:700;display:grid}.cash-modal input,.cash-modal textarea{border:1px solid #cfd6dc;border-radius:3px;padding:10px}.cash-modal footer{justify-content:flex-end}.cash-modal footer button{border:1px solid var(--line);background:#fff;padding:8px 12px}.metric-grid{grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:14px;display:grid}.metric-grid article{border:1px solid var(--line);background:#fff;padding:17px}.metric-grid span,.metric-grid small,.metric-grid strong{display:block}.metric-grid span{color:var(--muted);font-size:10px}.metric-grid strong{color:var(--blue);margin:7px 0 4px;font-size:21px}.metric-grid small{color:var(--muted);font-size:9px}.stats-columns{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (max-width:1000px){.metric-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:720px){.cash-menu a{padding:13px}.cash-details{grid-template-columns:1fr 1fr}.cash-details article:nth-child(2n){border-right:0}.customer-search{grid-template-columns:1fr auto;width:100%;display:grid}.customer-search input{width:100%;min-width:0}.metric-grid{grid-template-columns:1fr 1fr}.stats-columns{grid-template-columns:1fr}}.user-summary{color:inherit;text-decoration:none}.profile-panel{border:1px solid var(--line);background:#fff;align-items:center;gap:14px;padding:20px;display:flex}.profile-panel h2,.profile-panel p{margin:0}.profile-panel p{color:var(--muted);margin-top:5px;font-size:11px}.profile-theme{max-width:560px;margin-top:14px}.profile-theme>p{color:var(--muted);font-size:11px}.profile-theme .employee-color{max-width:180px;margin-top:14px}
.agenda-entry{text-align:left;cursor:pointer;border-top:0;border-bottom:0;border-right:0}.agenda-entry:hover{filter:brightness(.98);box-shadow:0 2px 5px #29394c24}.modal-backdrop{z-index:120;background:#17253480;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.appointment-modal{background:#fff;border-radius:4px;flex-direction:column;width:min(760px,100vw - 44px);max-height:calc(100vh - 44px);display:flex;overflow:hidden;box-shadow:0 18px 60px #17253445}.appointment-modal-header,.customer-sheet header,.checkout-sheet header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:11px 16px;display:flex}.appointment-modal-header small,.customer-sheet header small,.checkout-sheet header small{color:var(--blue);text-transform:uppercase;letter-spacing:.05em;font-size:9px;display:block}.appointment-modal-header h2,.customer-sheet header h2,.checkout-sheet header h2{margin:3px 0 0;font-size:17px}.appointment-modal-header>button,.sheet-close,.sheet-back{color:#74808a;cursor:pointer;background:0 0;border:0;font-size:24px}.sheet-back{display:none}.appointment-tabs{border-bottom:1px solid var(--line);padding:0 13px;display:flex;overflow-x:auto}.appointment-tabs button{color:#6f7b85;white-space:nowrap;background:#fff;border:0;padding:12px 14px;font-size:11px}.appointment-tabs button.active{color:var(--blue);border-bottom:2px solid var(--blue);font-weight:700}.appointment-body{gap:13px;padding:17px;display:grid;overflow-y:auto}.customer-picker{grid-template-columns:1fr 42px;gap:7px;display:grid}.customer-picker label,.modal-field{color:#697581;gap:6px;font-size:10px;font-weight:700;display:grid}.customer-picker label span{font-size:10px}.customer-picker input,.modal-field input,.modal-field textarea,.modal-field select{color:#3f4c57;background:#fff;border:1px solid #cad2d8;border-radius:3px;outline:none;width:100%;padding:10px 11px}.modal-field textarea{resize:vertical;min-height:72px}.modal-field input:focus,.modal-field textarea:focus,.modal-field select:focus{border-color:var(--blue);box-shadow:0 0 0 2px #2f78ad17}.client-file-button{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:3px;align-self:end;height:37px;font-size:19px}.reservation-summary{border-left:3px solid var(--blue);background:#f4f8fb;grid-template-columns:1fr 1fr auto;align-items:center;gap:8px;padding:10px 12px;font-size:11px;display:grid}.reservation-summary strong{color:var(--blue);font-size:15px}.appointment-fields{grid-template-columns:1.3fr 1fr 1fr;gap:10px;display:grid}.assignment-note,.audit-note{color:var(--muted);margin:0;font-size:10px}.appointment-footer{border-top:1px solid var(--line);background:#fbfcfc;justify-content:flex-end;gap:7px;padding:10px 14px;display:flex}.appointment-footer button,.checkout-footer button{cursor:pointer;border-radius:3px;padding:9px 14px}.appointment-footer button:disabled,.checkout-footer button:disabled{opacity:.55;cursor:not-allowed}.appointment-actions-button{margin-right:auto}.charge-button{color:#fff;background:#47a638;border:1px solid #3f9632}.customer-sheet,.checkout-sheet{z-index:135;background:#fff;flex-direction:column;width:min(470px,100vw);display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-10px 0 35px #17253436}.quick-customer-contact{align-items:center;gap:12px;padding:18px;display:flex}.quick-customer-contact p{color:var(--muted);margin:4px 0 0;font-size:11px}.quick-metrics{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.quick-metrics article{text-align:center;border-right:1px solid var(--line);padding:16px}.quick-metrics article:last-child{border:0}.quick-metrics strong,.quick-metrics span{display:block}.quick-metrics strong{font-size:18px}.quick-metrics span{color:var(--muted);margin-top:3px;font-size:9px}.quick-appointment,.quick-history{border:1px solid var(--line);border-radius:3px;margin:14px 18px 0;padding:15px}.quick-appointment small{color:var(--blue);text-transform:uppercase;font-size:9px}.quick-appointment h3,.quick-history h3{margin:6px 0;font-size:14px}.quick-appointment p{color:var(--muted);margin:4px 0;font-size:10px}.quick-history p{border-top:1px solid var(--line);justify-content:space-between;padding:10px 0 0;font-size:10px;display:flex}.quick-history p span{color:var(--muted)}.sheet-full-profile{text-align:center;border-radius:3px;margin:auto 18px 18px;padding:11px;text-decoration:none}.checkout-total{border-left:4px solid var(--blue);background:#f4f8fb;margin:18px;padding:17px}.checkout-total span,.checkout-total small{color:var(--muted);font-size:10px;display:block}.checkout-total strong{color:var(--blue);margin:5px 0;font-size:27px;display:block}.payment-methods{border:0;grid-template-columns:repeat(3,1fr);gap:7px;margin:0 18px;padding:0;display:grid}.payment-methods legend{color:#68747f;margin-bottom:8px;font-size:10px;font-weight:700}.payment-methods label{border:1px solid var(--line);text-align:center;cursor:pointer;border-radius:3px;padding:13px 8px;font-size:11px}.payment-methods label.selected{border-color:var(--blue);color:var(--blue);background:#edf6fb;font-weight:700}.payment-methods input{display:none}.checkout-sheet>.modal-field,.checkout-sheet>.audit-note,.checkout-sheet>.form-error{margin:15px 18px 0}.checkout-footer{border-top:1px solid var(--line);justify-content:flex-end;gap:7px;margin-top:auto;padding:12px 18px;display:flex}.empty-audit{color:var(--muted);padding:24px}.audit-table{min-width:1050px}.audit-table td:nth-child(6),.audit-table td:nth-child(7){white-space:nowrap;text-overflow:ellipsis;max-width:240px;overflow:hidden}@media (max-width:720px){.sidebar nav{grid-template-columns:repeat(6,1fr)}.sidebar nav a{padding-left:1px;padding-right:1px;font-size:8px}.sidebar nav a span{font-size:15px}.modal-backdrop{background:#fff;place-items:stretch stretch;padding:0}.appointment-modal{border-radius:0;width:100vw;height:100dvh;max-height:none}.appointment-modal-header{min-height:54px}.appointment-tabs{padding:0 5px}.appointment-body{padding:13px}.appointment-fields{grid-template-columns:1fr 1fr}.appointment-fields label:first-child{grid-column:1/-1}.reservation-summary{grid-template-columns:1fr auto}.reservation-summary span:nth-child(2){grid-area:2/1/auto/-1}.appointment-footer{grid-template-columns:auto 1fr 1.2fr;padding:8px;display:grid;position:sticky;bottom:0}.appointment-actions-button{margin:0;padding-left:8px!important;padding-right:8px!important}.appointment-footer button{padding:10px 7px;font-size:10px}.customer-sheet,.checkout-sheet{width:100vw;height:100dvh;left:0}.sheet-back{display:block}.sheet-close{display:none}.payment-methods{grid-template-columns:1fr}.checkout-footer{background:#fff;position:sticky;bottom:0}.audit-table{min-width:900px}}