:root{--ink:#16213a;--muted:#6f7890;--line:#e7eaf1;--bg:#f5f7fb;--white:#fff;--primary:#6657d9;--primary2:#5144c4;--green:#14a873;--orange:#f39a3d;--red:#db4b5f;--nav:#151d35}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{min-height:100vh;display:grid;grid-template-columns:248px 1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:var(--nav);color:#c6ccdb;padding:25px 18px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;color:#172039;font-family:Manrope;font-size:18px;font-weight:800}.brand>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#8174ee,#5445c3);color:white;font-size:20px;box-shadow:0 8px 22px #4c3cc34a}.brand small{display:block;font:500 10px 'DM Sans';color:#8991a6;letter-spacing:.04em}.sidebar .brand{color:white;margin:0 10px 34px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav a{padding:11px 13px;border-radius:9px;display:flex;gap:13px;align-items:center;font-weight:500}.sidebar nav a:hover,.sidebar nav a.active{background:#ffffff12;color:white}.sidebar nav a.active{box-shadow:inset 3px 0 var(--primary)}.nav-title{font-size:10px;letter-spacing:.14em;color:#646d85;margin:24px 13px 7px}.sidebar-foot{margin-top:auto;border-top:1px solid #ffffff12;padding:20px 10px 0;font-size:12px}.sidebar-foot small{display:block;margin:5px 0 0 17px;color:#737d96}.status-dot{display:inline-block;width:8px;height:8px;background:#33cc91;border-radius:50%;margin-right:9px;box-shadow:0 0 0 4px #33cc9120}main{grid-column:2}.topbar{height:76px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 34px;gap:25px;position:sticky;top:0;z-index:10}.top-search{width:min(460px,50%);background:#f5f6f9;border:1px solid #edf0f5;border-radius:9px;padding:10px 14px;color:#8b93a7}.top-search input{border:0;background:transparent;outline:0;width:90%;margin-left:8px}.user{margin-left:auto;display:flex;align-items:center;gap:15px;text-align:right}.user small{display:block;color:var(--muted);font-size:11px;margin-top:2px}.icon-btn{border:0;background:#f0f2f7;border-radius:8px;width:34px;height:34px;cursor:pointer}.menu-toggle{display:none;border:0;background:none;font-size:22px}.content{padding:32px;max-width:1500px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}.page-head h1{font:800 28px Manrope;margin:4px 0}.page-head p{margin:0;color:var(--muted)}.eyebrow{font-size:10px!important;letter-spacing:.14em;color:#8a91a4!important;font-weight:700;margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #dfe3eb;background:white;border-radius:8px;padding:10px 15px;font-weight:600;cursor:pointer;color:#3a4358}.btn.primary{background:var(--primary);border-color:var(--primary);color:white;box-shadow:0 6px 18px #6657d932}.btn.primary:hover{background:var(--primary2)}.btn.danger{color:var(--red);border-color:#f1cbd1}.btn.small{padding:7px 9px;font-size:12px}.btn.wide{width:100%;justify-content:space-between}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:20px}.metric-grid.three{grid-template-columns:repeat(3,1fr)}.metric{background:white;border:1px solid var(--line);border-radius:13px;padding:20px;display:flex;align-items:center;gap:16px;min-height:120px;box-shadow:0 3px 15px #17213a08}.metric:hover{transform:translateY(-2px);transition:.2s}.metric-icon{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;font-size:22px}.metric.purple .metric-icon{background:#eeeafd;color:var(--primary)}.metric.blue .metric-icon{background:#e7f3ff;color:#2587d8}.metric.green .metric-icon{background:#e6f8f1;color:var(--green)}.metric.orange .metric-icon{background:#fff0df;color:var(--orange)}.metric small{font-size:10px;color:var(--muted);letter-spacing:.08em}.metric strong{display:block;font:800 25px Manrope;margin:4px 0}.metric em{font-style:normal;font-size:11px;color:#9299aa}.two-col{display:grid;grid-template-columns:1.35fr 1fr;gap:20px}.panel{background:white;border:1px solid var(--line);border-radius:13px;padding:22px;margin-bottom:20px;box-shadow:0 3px 15px #17213a08}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.panel h2{font:700 17px Manrope;margin:5px 0}.panel-head>a{font-size:12px;color:var(--primary);font-weight:600}.quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.quick-grid a{border:1px solid var(--line);padding:15px;border-radius:10px;display:flex;align-items:center;gap:12px}.quick-grid a:hover{border-color:#c8c1f3;background:#faf9ff}.quick-grid b{width:37px;height:37px;display:grid;place-items:center;border-radius:9px;background:#f0edff;color:var(--primary)}.quick-grid span{font-weight:600}.quick-grid small,.block{display:block;color:var(--muted);font-size:11px;margin-top:3px}.list-row{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding:13px 0}.list-row>div{flex:1}.list-row small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.avatar{width:34px;height:34px;border-radius:9px;background:#edf0f7;display:inline-grid;place-items:center;font-weight:700;color:#5d6780}.avatar.large{width:56px;height:56px;font-size:21px;border-radius:14px}.avatar.purple{background:#eeeafd;color:var(--primary)}.avatar.amber{background:#fff0df;color:#d77d22}.badge{display:inline-flex;padding:5px 9px;border-radius:99px;background:#eef0f5;font-size:11px;font-weight:600;color:#5d667a}.badge.success,.status-confirmed,.status-completed{background:#e5f7ef;color:#11835b}.badge.danger,.status-cancelled{background:#feecef;color:#c93d53}.status-draft{background:#fff1df;color:#bc6b1c}.status-preparing{background:#e8f2ff;color:#2877c3}.alert{border-radius:9px;padding:12px 15px;margin-bottom:18px}.alert.success{background:#e7f8f1;color:#087b52}.alert.danger{background:#feebee;color:#a92b41}.alert.warning{background:#fff4df;color:#8b5816}.alert ul{margin:7px 0 0}.filters{display:flex;gap:10px;margin-bottom:18px}.filters input{max-width:400px}.filters input,.filters select,input,select,textarea{border:1px solid #dfe3eb;border-radius:8px;padding:10px 12px;background:white;outline:0;width:100%}.filters input:focus,input:focus,select:focus,textarea:focus{border-color:#8a7fe5;box-shadow:0 0 0 3px #6657d913}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:10px;letter-spacing:.08em;color:#8991a4;background:#fafbfc;padding:11px 13px;border-bottom:1px solid var(--line)}td{padding:13px;border-bottom:1px solid var(--line);white-space:nowrap}tfoot td{font-weight:700;background:#fafbfc}.person{display:flex;align-items:center;gap:10px}.actions{text-align:right;color:var(--primary)}.empty{text-align:center;color:var(--muted);padding:42px}.empty.compact{padding:22px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;max-width:900px}.form-grid label,.stack label{font-size:12px;font-weight:600;color:#4e586d}.form-grid input,.form-grid select,.form-grid textarea,.stack input,.stack select,.stack textarea{margin-top:7px}.span-2{grid-column:span 2}.check{display:flex;align-items:center;gap:8px}.check input{width:auto!important;margin:0!important}.form-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding-top:18px}.detail-grid{display:grid;grid-template-columns:1fr 2fr;gap:20px}.detail-grid .span-2{grid-column:span 1}.person-title{display:flex;align-items:center;gap:15px}.panel dl{display:grid;grid-template-columns:90px 1fr;gap:13px}.panel dt{color:var(--muted)}.panel dd{margin:0;font-weight:500}.inline-form{display:flex;gap:6px}.inline-form input{width:90px;padding:7px}.inline-form input:nth-child(2){width:150px}.button-row{display:flex;gap:8px}.money-summary{display:flex;flex-direction:column}.money-summary span{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line)}.money-summary .total{font-size:17px}.stack{display:flex;flex-direction:column;gap:15px}.mini-form{margin-top:20px}.date-nav{display:flex;gap:8px}.timeline article{display:grid;grid-template-columns:55px 5px 1fr auto;gap:14px;align-items:center;border-top:1px solid var(--line);padding:15px 0}.timeline time{font-weight:700}.timeline time small,.timeline article div span,.timeline article div small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.timeline i{height:45px;border-radius:5px}.login-page{background:#eef1f7;min-height:100vh;display:grid;place-items:center;padding:30px}.login-wrap{display:grid;grid-template-columns:1.05fr .95fr;width:min(960px,100%);min-height:600px;background:white;border-radius:20px;overflow:hidden;box-shadow:0 24px 70px #27305225}.login-hero{background:linear-gradient(145deg,#18213b,#252d50);padding:48px;color:white;display:flex;flex-direction:column;justify-content:space-between}.login-hero h1{font:800 42px/1.15 Manrope;margin:12px 0 18px}.login-hero p{color:#aeb7cc;line-height:1.7}.brand.light{color:white}.hero-pills{display:flex;gap:10px}.hero-pills span{border:1px solid #ffffff24;border-radius:99px;padding:8px 12px;font-size:11px;color:#ccd2df}.login-card{padding:70px 60px;display:flex;flex-direction:column;justify-content:center;gap:24px}.login-card h2{font:800 28px Manrope;margin:7px 0}.muted{color:var(--muted)}.demo-note{text-align:center;font-size:11px;color:#8a91a4;background:#f6f7fa;padding:9px;border-radius:7px}
@media(max-width:1050px){.shell{display:block}.sidebar{transform:translateX(-100%);transition:.2s}.menu-open .sidebar{transform:none;box-shadow:20px 0 50px #0003}.menu-toggle{display:block}.metric-grid{grid-template-columns:repeat(2,1fr)}.two-col,.detail-grid{grid-template-columns:1fr}.detail-grid .span-2{grid-column:auto}.top-search{display:none}}@media(max-width:760px){.topbar{padding:0 18px}.content{padding:20px 14px}.page-head{align-items:flex-start;flex-direction:column}.metric-grid,.metric-grid.three,.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.two-col{display:block}.quick-grid{grid-template-columns:1fr}.login-wrap{grid-template-columns:1fr}.login-hero{display:none}.login-card{padding:45px 28px}.button-row{flex-wrap:wrap}.timeline article{grid-template-columns:48px 4px 1fr}.timeline article form{grid-column:3}.user>div{display:none}}
@media print{.sidebar,.topbar,.btn,.no-print{display:none!important}.shell{display:block}.content{padding:0}.panel{box-shadow:none}}
.brand,.page-head h1,.metric strong,.panel h2,.login-hero h1,.login-card h2{font-family:"Segoe UI",Arial,sans-serif}
.hours-list{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:10px;overflow:hidden}.hours-row{display:grid;grid-template-columns:1fr 110px 15px 110px;gap:8px;align-items:center;padding:10px;border-bottom:1px solid var(--line)}.hours-row:last-child{border-bottom:0}.hours-row input{margin:0}.separator{height:1px;background:var(--line);margin:22px 0}.panel fieldset{border:1px solid var(--line);border-radius:9px;padding:12px}.panel legend{padding:0 6px;font-size:12px;font-weight:700}.service-check{padding:6px 0}@media(max-width:600px){.hours-row{grid-template-columns:1fr 90px 10px 90px}.hours-row{font-size:12px}}
.role-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:20px;align-items:start}.new-role-panel{position:sticky;top:96px}.role-cards{display:flex;flex-direction:column;gap:10px}.role-card{border:1px solid var(--line);border-radius:11px;overflow:hidden;background:#fff}.role-card summary{display:flex;align-items:center;gap:12px;padding:14px;cursor:pointer;list-style:none}.role-card summary::-webkit-details-marker{display:none}.role-card summary>span:nth-child(2){flex:1}.role-card summary small,.permission-group-head small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.role-chevron{font-size:19px;color:var(--muted);transition:.2s}.role-card[open] .role-chevron{transform:rotate(180deg)}.role-form{border-top:1px solid var(--line);padding:16px}.permission-group{border:1px solid var(--line);border-radius:9px;overflow:hidden}.permission-group-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 12px;background:#fafbfc}.text-button{border:0;background:none;color:var(--primary);font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap}.permission-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.permission-option{padding:10px 12px;border-top:1px solid var(--line);font-weight:500!important}.permission-option:nth-child(odd){border-right:1px solid var(--line)}@media(max-width:1050px){.role-layout{grid-template-columns:1fr}.new-role-panel{position:static}}@media(max-width:600px){.permission-options{grid-template-columns:1fr}.permission-option:nth-child(odd){border-right:0}}
.report-filter{align-items:end;margin:0}.report-filter label{font-size:12px;font-weight:600}.report-filter input{margin-top:7px}.print-title{display:none}.report-columns{grid-template-columns:1fr 1fr}@media print{.print-title{display:block;margin-bottom:20px}.print-title h1{margin-bottom:4px}.metric-grid{grid-template-columns:repeat(4,1fr)}.metric{padding:12px;min-height:90px}.metric-icon{display:none}.report-columns{grid-template-columns:1fr 1fr}.panel{break-inside:avoid}body{background:#fff}}@media(max-width:760px){.report-filter{align-items:stretch;flex-direction:column}.report-columns{grid-template-columns:1fr}}
.vehicle-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.7fr);gap:20px;align-items:start}.new-vehicle{position:sticky;top:96px}.vehicle-card details>summary{list-style:none;width:max-content}.vehicle-card details>summary::-webkit-details-marker{display:none}.reminder-form{border-top:1px dashed var(--line);padding-top:16px}@media(max-width:1050px){.vehicle-layout{grid-template-columns:1fr}.new-vehicle{position:static}}
.staff-schedule{margin-top:14px;border:1px solid var(--line);border-radius:10px;padding:12px}.staff-schedule>summary{list-style:none}.staff-schedule>summary::-webkit-details-marker{display:none}.week-panel{overflow:auto;padding:0}.week-grid{display:grid;grid-template-columns:repeat(7,minmax(145px,1fr));min-width:1015px}.week-day{min-height:520px;border-right:1px solid var(--line)}.week-day:last-child{border-right:0}.week-day.today{background:#faf9ff}.week-day-head{display:flex;flex-direction:column;align-items:center;padding:14px 8px;border-bottom:1px solid var(--line)}.week-day-head small{color:var(--muted)}.week-day-head strong{font-size:23px;margin:4px}.week-day-head span{font-size:10px;color:var(--muted)}.week-items{padding:8px}.week-event{display:block;border-left:4px solid var(--primary);background:#f7f5ff;border-radius:7px;padding:9px;margin-bottom:7px}.week-event time{font-size:11px;font-weight:700;color:var(--primary)}.week-event strong,.week-event small{display:block;margin-top:3px}.week-event small{color:var(--muted);font-size:10px}.week-event.status-cancelled{opacity:.55;border-left-color:var(--red)}.week-event.status-completed{border-left-color:var(--green)}.week-empty{text-align:center;color:#a4aabb;font-size:11px;padding:25px 5px}
.progress{width:100px;height:5px;background:#e9ebf1;border-radius:9px;margin-top:6px;overflow:hidden}.progress i{display:block;height:100%;background:var(--primary)}.session-date-list{display:flex;flex-direction:column;gap:9px}.session-date-row{display:grid;grid-template-columns:90px minmax(220px,400px) 35px;gap:10px;align-items:center;border:1px solid var(--line);border-radius:9px;padding:9px}.session-date-row span{font-weight:700}.session-date-row input{margin:0}.session-status{display:flex;gap:7px}.session-status input{width:150px}.session-status select{width:125px}@media(max-width:760px){.session-date-row{grid-template-columns:70px 1fr 35px}.session-status{grid-column:3;flex-direction:column}.session-status input,.session-status select{width:100%}}
.finance-charts{align-items:stretch}.bar-chart{height:190px;display:flex;align-items:flex-end;gap:18px;padding:18px 8px 0}.bar-column{flex:1;text-align:center;color:var(--muted);font-size:12px}.bar-values{height:155px;display:flex;align-items:flex-end;justify-content:center;gap:5px}.bar{display:block;width:min(22px,40%);border-radius:7px 7px 2px 2px}.bar.income{background:#5ac59b}.bar.expense{background:#f39b67}.chart-legend{display:flex;justify-content:center;gap:20px;margin-top:14px;color:var(--muted);font-size:13px}.chart-legend i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px}.income-dot{background:#5ac59b}.expense-dot{background:#f39b67}.category-chart{margin:18px 0}.category-chart>div:first-child{display:flex;justify-content:space-between;gap:16px;font-size:14px}.progress-track{height:9px;background:#edf0f5;border-radius:99px;margin-top:8px;overflow:hidden}.progress-track span{display:block;height:100%;background:linear-gradient(90deg,#f1a26f,#ee7f69);border-radius:99px}
.locale-form select{width:auto;min-width:100px;padding:7px 28px 7px 9px;font-size:12px;background:#f6f7fa}.login-locale{position:fixed;right:22px;top:20px;z-index:2}.login-locale select{background:#fff}
.demo-alert{background:#fff5d9;color:#805b08;border:1px solid #f1d990}.login-card .demo-alert{margin:0;font-size:12px;line-height:1.5}
.audit-filters{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr)) auto auto}.audit-change{min-width:420px;padding:12px 0}.audit-change pre{max-width:620px;max-height:220px;overflow:auto;background:#f7f8fb;border:1px solid var(--line);border-radius:8px;padding:10px;white-space:pre-wrap;font-size:11px}@media(max-width:900px){.audit-filters{grid-template-columns:1fr 1fr}.audit-change{min-width:260px}}
.role-template-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.role-template-card{border:1px solid var(--line);border-radius:10px;padding:15px;display:flex;flex-direction:column;gap:11px}.role-template-card p{color:var(--muted);font-size:12px;line-height:1.5;min-height:54px}.role-template-card small{color:var(--primary);font-weight:600}.role-template-card form,.role-template-card button{width:100%}.permission-toolbar{position:sticky;top:76px;z-index:2;background:#f8f9fc;border:1px solid var(--line);border-radius:9px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.permission-toolbar small{display:block;color:var(--muted);font-size:11px;margin-top:3px}@media(max-width:1100px){.role-template-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.role-template-grid{grid-template-columns:1fr}.permission-toolbar{align-items:flex-start;flex-direction:column}}
.list-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px}.list-toolbar .filters{flex:1;margin:0;flex-wrap:wrap}.list-toolbar .filters input{min-width:220px}.print-brand{display:none}.company-logo-preview{max-width:180px;max-height:80px;object-fit:contain;object-position:left}.was-validated :invalid{border-color:var(--red)!important;box-shadow:0 0 0 3px #db4b5f16!important}.was-validated :valid:not(button){border-color:#9bd9c2}.form-help-error{color:var(--red);font-size:11px}.pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;color:var(--muted);font-size:12px}.pagination-links{display:flex;align-items:center;gap:5px}.pagination a,.pagination span{padding:0;border:0;background:none}.pagination-button,.pagination-page{min-width:32px;height:32px;padding:0 9px!important;border:1px solid var(--line)!important;border-radius:7px!important;background:#fff!important;display:inline-flex;align-items:center;justify-content:center;gap:5px;font-weight:600;color:#4e586d}.pagination-page.active{background:var(--primary)!important;border-color:var(--primary)!important;color:#fff}.pagination-button.disabled{opacity:.45}.pagination-ellipsis{padding:0 4px!important}.pagination-summary{white-space:nowrap}@media(max-width:760px){.list-toolbar{align-items:stretch;flex-direction:column}.list-toolbar .filters{display:grid;grid-template-columns:1fr}.list-toolbar .button-row>*{flex:1}.table-wrap{margin-inline:-14px;padding-inline:14px}.panel{padding:17px}.inline-form{min-width:320px}.date-nav{width:100%}.date-nav input{min-width:0}.topbar{height:64px}.content{padding-top:16px}.pagination{align-items:stretch;flex-direction:column}.pagination-links{justify-content:center}.pagination-button span{display:none}}
@media print{body{font-size:11px}.print-brand{display:flex;align-items:center;gap:12px;border-bottom:2px solid var(--ink);padding-bottom:12px;margin-bottom:18px}.print-brand img,.print-brand>span{width:48px;height:48px;object-fit:contain}.print-brand>span{display:grid;place-items:center;background:var(--primary);color:#fff;border-radius:8px;font-size:24px;font-weight:800}.print-brand div{flex:1}.print-brand strong,.print-brand small{display:block}.print-brand time{align-self:flex-start}.page-head{margin-bottom:14px}.panel{border:0;padding:0;margin-bottom:16px}.table-wrap{overflow:visible}table{font-size:10px}th,td{padding:6px;white-space:normal}form,.pagination{display:none!important}a{text-decoration:none}.badge{border:1px solid #bbb;background:#fff!important;color:#222!important}}
@media(max-width:1050px){.page-head{flex-wrap:wrap}.page-head>.button-row{flex-wrap:wrap}.report-columns{grid-template-columns:1fr}.detail-grid>*,.two-col>*{min-width:0}}
.demo-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.demo-profile{appearance:none;border:1px solid var(--border,#e5e7eb);background:#fff;border-radius:12px;padding:10px 12px;text-align:left;cursor:pointer;color:inherit;transition:.15s ease}.demo-profile:hover,.demo-profile.selected{border-color:#6658d3;background:#f5f3ff;box-shadow:0 0 0 2px rgba(102,88,211,.1)}.demo-profile strong,.demo-profile small{display:block}.demo-profile small{margin-top:3px;color:#6b7280;font-size:12px}.demo-hint{font-size:12px;color:#6b7280;margin:2px 0 0}@media(max-width:560px){.demo-profile-grid{grid-template-columns:1fr}}