@font-face{font-family:ThaiUI;src:url('/fonts/NotoSansThai-Regular.ttf') format('truetype');font-display:swap;font-weight:400}
:root{--blue:#2358de;--blue-dark:#143a95;--navy:#102952;--ink:#162442;--muted:#7b859d;--line:#e9edf5;--bg:#f5f7fc;--light:#edf3ff;--green:#119b85;--shadow:0 4px 24px #1f3e7210;font-family:ThaiUI,'Noto Sans Thai',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;font-size:14px;line-height:1.6}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.5}a{color:var(--blue);text-decoration:none}svg{display:block;flex-shrink:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #71b3ff;outline-offset:3px}h1,h2,h3,p{margin:0}h1{font-size:28px;font-weight:750;letter-spacing:-.65px;line-height:1.4}h2{font-size:17px;font-weight:700}h3{font-size:15px}.muted{color:var(--muted)}.small{font-size:12px}.nowrap{white-space:nowrap}.flex{display:flex;align-items:center;gap:10px}.between{display:flex;justify-content:space-between;align-items:center;gap:16px}.stack{display:grid;gap:20px}.icon{width:20px;height:20px}.icon-sm{width:16px;height:16px}.skip-link{position:fixed;top:-100px;left:16px;z-index:100;padding:10px;background:white}.skip-link:focus{top:10px}.boot{padding:25vh 20px;text-align:center}
.sidebar{width:248px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);z-index:30;display:flex;flex-direction:column;padding:30px 20px 16px}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 34px;color:var(--navy)}.brand img{width:43px;height:43px}.brand strong{font-size:24px;letter-spacing:-.9px;line-height:1.2}.brand small{display:block;font-size:9px;letter-spacing:1.65px;margin-top:4px;color:#8d97aa}.nav-label{font-size:10px;color:#a0a8bb;letter-spacing:1.8px;padding:10px 15px;text-transform:uppercase}.nav{display:grid;gap:7px}.nav a{display:flex;align-items:center;gap:13px;border-radius:10px;padding:13px 14px;color:#7c879e;font-size:13px;font-weight:550;transition:background .15s,color .15s}.nav a:hover{background:#f5f7fd;color:var(--blue)}.nav a.active{color:white;background:var(--blue);box-shadow:0 5px 12px #2358de20}.nav a .nav-count{margin-left:auto;border-radius:6px;background:#ffffff24;padding:0 6px;font-size:10px}.sidebar-bottom{margin-top:auto}.help-box{background:linear-gradient(145deg,#f2f6ff,#edf3ff);border:1px solid #e8efff;border-radius:13px;padding:16px;margin:24px 0 18px}.help-box .help-icon{display:flex;width:31px;height:31px;background:#fff;border-radius:9px;align-items:center;justify-content:center;color:var(--blue);margin-bottom:9px}.help-box p{font-size:11px;color:#7b8aa7;margin:5px 0 13px}.help-box button{font-size:11px;width:100%;justify-content:center}.profile{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding:17px 6px 0}.avatar{width:36px;height:36px;border-radius:50%;background:#eef2ff;color:var(--blue);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px}.profile strong{font-size:12px}.profile small{display:block;font-size:10px;color:var(--muted)}.profile button{margin-left:auto}
.main{margin-left:248px}.topbar{height:85px;padding:0 38px;border-bottom:1px solid var(--line);background:#fff;display:flex;justify-content:space-between;align-items:center;gap:24px}.breadcrumb{display:flex;align-items:center;gap:10px;color:#9aa3b5;font-size:11px}.breadcrumb strong{color:#5d6a82;font-weight:500}.top-actions{display:flex;align-items:center;gap:18px}.top-actions .date{font-size:11px;color:#7f8aa0;padding-right:16px;border-right:1px solid var(--line)}.mode-pill{background:#fff7e7;color:#a97812;border:1px solid #f7e7be;border-radius:20px;font-size:10px;padding:4px 9px;display:inline-flex;align-items:center;gap:5px}.mode-pill:before{content:'';width:5px;height:5px;background:#dca53c;border-radius:50%}.icon-button{background:none;border:0;padding:6px;border-radius:7px;color:#8590a7;display:inline-flex;justify-content:center;align-items:center}.icon-button:hover{background:var(--light);color:var(--blue)}.mobile-menu{display:none}.content{padding:32px 38px 22px;max-width:1660px;margin:0 auto}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;gap:16px}.page-heading p{color:var(--muted);font-size:12px;margin-top:6px}.eyebrow{font-size:10px;color:var(--blue);font-weight:750;letter-spacing:2px;margin-bottom:6px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:white;border:1px solid #e2e7f0;border-radius:8px;padding:10px 15px;font-size:12px;font-weight:600;white-space:nowrap;color:#58667e}.btn:hover{background:#f6f8fc;border-color:#c5d3ef}.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 4px 9px #2358de18}.btn.primary:hover{background:#1748c6}.btn.soft{background:#edf3ff;color:var(--blue);border-color:#edf3ff}.btn.danger{color:#cc4b64;background:#fff3f4;border-color:#ffe2e7}.btn.compact{padding:6px 10px;font-size:11px}.text-btn{border:0;background:none;color:var(--blue);font-size:11px;font-weight:600;padding:4px;display:inline-flex;gap:5px;align-items:center}
.welcome-banner{position:relative;overflow:hidden;background:linear-gradient(105deg,#163fba,#245cde 62%,#4380ee);border-radius:16px;min-height:163px;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:25px 30px;margin-bottom:25px}.welcome-banner h2{font-size:22px;margin-bottom:6px;letter-spacing:-.4px}.welcome-banner p{font-size:11px;color:#d4e1ff;line-height:1.9}.welcome-banner .banner-tag{display:inline-flex;gap:6px;align-items:center;border:1px solid #ffffff30;background:#ffffff12;padding:4px 9px;border-radius:6px;font-size:9px;margin-bottom:10px;color:#e7eeff}.welcome-art{width:275px;height:150px;margin:-15px 4px -20px 15px;flex-shrink:0}.welcome-banner:after{content:'';position:absolute;width:260px;height:260px;border:1px solid #ffffff0e;border-radius:50%;right:-70px;top:-70px;pointer-events:none}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:25px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:19px 20px;box-shadow:0 3px 15px #1d3b6603}.stat-top{display:flex;justify-content:space-between;gap:8px;align-items:center;color:#7c879b;font-size:11px}.stat-icon{padding:9px;border-radius:9px;color:var(--blue);background:#eef3ff}.stat-icon.amber{color:#cb972c;background:#fff8e7}.stat-icon.teal{color:#109b88;background:#eafaF6}.stat-icon.purple{color:#9170d0;background:#f3eefe}.stat-value{font-size:30px;font-weight:750;letter-spacing:-.8px;margin-top:6px;line-height:1.35}.stat-value small{font-size:11px;font-weight:400;color:#9aa4b7;margin-left:6px;letter-spacing:0}.stat-foot{font-size:10px;color:#8f9aae;margin-top:9px}.stat-foot b{font-weight:500;color:var(--green)}.stat-foot .dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#c0cbdd;margin-right:5px}.grid-main{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr);gap:22px;margin-bottom:24px}.panel{background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 2px 12px #19395903;overflow:hidden}.panel-head{padding:21px 22px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-head h2{font-size:14px}.panel-head p{font-size:10px;color:#94a0b4;margin-top:4px}.panel-body{padding:0 22px 22px}.select-small{font-size:10px;padding:7px 27px 7px 10px;width:auto!important;color:#79849b;border-radius:6px!important}.legend{display:flex;gap:15px;color:#8692a8;font-size:10px;align-items:center}.legend i{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:5px;background:var(--blue)}.legend .teal{background:#4bc6b4}.chart{width:100%;height:218px;margin-top:9px}.chart text{font-family:inherit;fill:#a0aabe;font-size:10px}.chart-summary{display:flex;align-items:center;gap:18px;margin:4px 0 3px}.chart-summary strong{font-size:25px;letter-spacing:-1px}.chart-summary span{font-size:10px;color:#92a0b5}.donut-wrap{display:flex;justify-content:center;align-items:center;gap:24px;padding:5px 0 18px}.donut{width:157px;height:157px;position:relative;border-radius:50%;display:grid;place-items:center}.donut:after{content:'';position:absolute;inset:19px;border-radius:50%;background:white}.donut-label{z-index:1;position:relative;text-align:center}.donut-label strong{font-size:28px;line-height:1.3;letter-spacing:-1px}.donut-label span{display:block;font-size:10px;color:#98a1b2}.donut-legend{display:grid;gap:13px;min-width:122px;font-size:10px;color:#8491a8}.donut-legend>div{display:flex;align-items:center;gap:7px}.donut-legend i{width:7px;height:7px;border-radius:50%}.donut-legend b{margin-left:auto;color:#40516e;font-weight:600}.panel-note{border-radius:8px;background:#f7f9fe;padding:9px 11px;color:#8a98ad;font-size:10px;display:flex;align-items:center;gap:8px}.bar-list{display:grid;gap:17px;margin-top:5px}.bar-row .between{font-size:11px;margin-bottom:6px}.bar-row .between span{color:#8592a8;font-size:10px}.bar-track{height:6px;border-radius:6px;background:#f0f4fa;overflow:hidden}.bar-fill{height:100%;border-radius:6px;background:#6a96f2}.bar-row:first-child .bar-fill{background:var(--blue)}
.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap;font-size:11px}th{font-weight:500;color:#98a1b4;background:#fafbfd;padding:12px 20px;border-block:1px solid #eff2f7;font-size:10px}td{padding:14px 20px;border-bottom:1px solid #f0f3f8;color:#6f7e97}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfcff}td strong{font-size:11px;font-weight:600;color:#334563}.case-id{color:var(--blue);font-size:10px;letter-spacing:.2px}.case-title{display:block;color:#304360;font-size:11px;font-weight:500;max-width:245px;overflow:hidden;text-overflow:ellipsis}.subtext{display:block;font-size:9px;color:#9ea9bb;margin-top:3px}.badge{font-size:9px;display:inline-flex;align-items:center;gap:5px;border-radius:5px;padding:4px 7px;white-space:nowrap}.badge:before{content:'';width:4px;height:4px;border-radius:50%;background:currentColor}.badge.received{background:#fff6e4;color:#c3973c}.badge.reviewing{background:#f2eeff;color:#9471cf}.badge.progress,.badge.confirmed{background:#ebf2ff;color:#5387e1}.badge.resolved,.badge.completed{background:#e9f8f3;color:#2d9d86}.badge.arrived{background:#eef7ff;color:#417fa7}.badge.cancelled{background:#f9edf0;color:#b8818b}.badge.urgent{background:#fff0f1;color:#d86e7d}.table-footer{padding:12px 21px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#9aa5b9;font-size:10px;align-items:center}.pager{display:flex;gap:4px}.pager button{border:1px solid #e9edf5;background:#fff;border-radius:5px;padding:4px 9px;font-size:10px;color:#8692a8}.pager button.current{background:#edf3ff;color:var(--blue);border-color:#edf3ff}.filterbar{display:flex;align-items:center;gap:12px;padding:17px 20px;border-bottom:1px solid var(--line);flex-wrap:wrap}.search{position:relative;flex:1;min-width:170px}.search svg{position:absolute;left:12px;top:12px;color:#a0aabd;width:16px;height:16px}.search input{padding-left:36px}.filterbar select{width:auto;min-width:125px;font-size:11px}.filterbar input{font-size:11px}
.mini-calendar .panel-head{padding-bottom:17px}.month-buttons{display:flex;gap:3px}.month-buttons .icon-button{padding:4px}.month-title{font-size:12px;font-weight:600;color:#53617b}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.week-label{text-align:center;font-size:9px;color:#9ca7bb;padding:6px 0}.day{position:relative;min-width:0;background:transparent;border:0;aspect-ratio:1.18;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:7px;font-size:10px;color:#687a96}.day:hover{background:#f1f5ff}.day.faded{color:#cdd4e1}.day.weekend{color:#b5bfd1}.day.today{background:var(--light);color:var(--blue);font-weight:750}.day.selected{background:var(--blue);color:#fff!important;box-shadow:0 3px 8px #2358de24}.day .event-dot{position:absolute;bottom:4px;width:4px;height:4px;border-radius:50%;background:#6b9bfa}.day.selected .event-dot{background:#fff}.calendar-key{display:flex;gap:12px;font-size:9px;color:#97a3b7;justify-content:center;margin-top:12px}.calendar-key i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--blue);margin-right:4px}.appointment-list{display:grid;gap:0;padding:0 21px 12px}.appointment{display:flex;gap:13px;align-items:center;padding:13px 0;border-bottom:1px solid #f1f3f8}.appointment:last-child{border-bottom:0}.appointment-time{display:grid;place-items:center;background:#f0f5ff;color:#4b79d6;border-radius:8px;width:48px;height:48px;font-size:11px;font-weight:650;flex-shrink:0}.appointment-info{min-width:0;flex:1}.appointment-info strong{font-size:11px;font-weight:600;display:block}.appointment-info p{font-size:9px;color:#9aa6b9;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.footer{display:flex;justify-content:space-between;margin-top:24px;font-size:9px;color:#a4adc0;gap:12px;padding-bottom:5px}.footer span{display:flex;align-items:center;gap:5px}.footer i{width:5px;height:5px;border-radius:50%;background:#4fc2a2}
.full-calendar .day{aspect-ratio:auto;min-height:105px;align-items:flex-start;justify-content:flex-start;padding:10px;border:1px solid #edf1f7;border-radius:8px;font-size:12px}.full-calendar .week-label{padding:12px;font-size:11px}.full-calendar .day.selected{background:#edf3ff;color:var(--blue)!important;box-shadow:none;border-color:#b5caf9}.calendar-event{margin-top:7px;font-size:9px;padding:2px 5px;border-radius:4px;background:#e4edff;color:#5880cb;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.full-calendar .panel-body{padding:0 20px 20px}.form-panel{max-width:880px}.form-body{padding:24px 27px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:21px}.field{display:grid;gap:7px;align-content:start}.field.full{grid-column:1/-1}.field label,.field-label{font-size:12px;font-weight:600;color:#4e607d}.field label em{color:#da727f;font-style:normal;margin-left:3px}.field small{font-size:10px;color:#96a1b5}.field input,.field select,.field textarea{font-size:12px}input,select,textarea{background:#fff;border:1px solid #dfe5ef;border-radius:8px;padding:10px 12px;width:100%;color:#344967;min-width:0}textarea{resize:vertical;min-height:106px}input::placeholder,textarea::placeholder{color:#a5afc0}input[type=checkbox],input[type=radio]{width:16px;height:16px;accent-color:var(--blue);padding:0}.form-section-title{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:650;padding:0 0 17px;border-bottom:1px solid var(--line);margin-bottom:21px}.step-number{width:26px;height:26px;border-radius:8px;background:var(--light);color:var(--blue);font-size:11px;display:grid;place-items:center}.radio-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.radio-card{display:flex;gap:10px;border:1px solid var(--line);border-radius:9px;padding:15px;align-items:flex-start;font-size:12px}.radio-card:has(:checked){border-color:#7a9ef0;background:#f6f9ff}.radio-card small{display:block;font-size:10px;color:#96a1b6;margin-top:4px}.form-divider{height:1px;background:var(--line);margin:27px 0}.check-label{display:flex;align-items:flex-start;gap:10px;font-size:11px;color:#71819a;margin-top:22px}.check-label input{flex-shrink:0;margin-top:4px}.form-actions{border-top:1px solid var(--line);padding-top:20px;margin-top:23px;display:flex;align-items:center;justify-content:space-between;gap:12px}.notice{padding:13px 16px;background:#eef4ff;border:1px solid #dce8ff;color:#5c7fae;border-radius:8px;font-size:11px;display:flex;gap:10px;margin-bottom:20px}.notice.amber{background:#fff9ee;border-color:#f3e8ce;color:#a88b52}.notice.error{background:#fff1f3;border-color:#f8d5dd;color:#be6374}.notice svg{flex-shrink:0}.error-message{color:#c24a63;font-size:12px;margin-top:12px}.empty{text-align:center;padding:40px 20px;color:#9aa6bc;font-size:12px}.empty svg{margin:0 auto 12px;width:35px;height:35px;color:#b4c8ec}.slots{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.slot{background:#fff;border:1px solid #dce5f4;padding:11px 6px;border-radius:8px;color:#6080b0;font-size:12px}.slot small{display:block;font-size:9px;margin-top:3px;color:#93a5c0}.slot.selected{background:var(--blue);color:#fff;border-color:var(--blue)}.slot.selected small{color:#d9e5ff}.slot:disabled{background:#f3f5f9;color:#bdc5d2;border-color:#edf0f5;opacity:1}.booking-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(270px,1fr);gap:23px}.booking-summary{background:#f6f9ff;padding:18px;border-radius:9px;display:grid;gap:12px;margin-bottom:20px;font-size:12px}.booking-summary span{display:block;color:#9ca8bc;font-size:10px;margin-bottom:3px}.ticket{border:1px dashed #93b0ed;background:#f6f9ff;border-radius:12px;text-align:center;padding:25px;margin:20px 0}.ticket strong{display:block;font-size:23px;color:var(--blue);letter-spacing:1px}.ticket code{display:block;background:#e6eefc;padding:10px;margin-top:13px;overflow-wrap:anywhere;font-size:12px}.service-tile{padding:23px;border:1px solid var(--line);border-radius:12px;background:#fff;display:flex;gap:16px;align-items:flex-start;text-align:left;width:100%}.service-tile:hover{border-color:#b8cdf7;box-shadow:var(--shadow)}.service-tile .tile-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:11px;background:var(--light);color:var(--blue);flex-shrink:0}.service-tile h3{font-size:14px;margin:2px 0 7px}.service-tile p{font-size:11px;color:#91a0b8;line-height:1.8}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:25px}.settings-days{display:flex;gap:12px;flex-wrap:wrap}.settings-days label{display:flex;gap:6px;align-items:center;font-size:12px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:17px 0}.detail-item{font-size:12px}.detail-item span{display:block;color:#94a0b6;font-size:10px;margin-bottom:4px}.detail-text{white-space:pre-wrap;overflow-wrap:anywhere;background:#f8faff;padding:14px;border-radius:8px;font-size:12px;color:#657a9a;margin:10px 0 18px}.timeline{border-left:2px solid #e5ecf7;margin:18px 0 22px 5px;padding-left:19px}.timeline-item{position:relative;padding-bottom:18px;font-size:11px}.timeline-item:before{content:'';position:absolute;left:-24px;top:6px;width:8px;height:8px;background:#7298e5;border:2px solid #fff;border-radius:50%}.timeline-item p{margin:6px 0;color:#687e9d}.timeline-item small{color:#a0acc0;font-size:9px}.offline-banner{background:#fff3d9;padding:9px 20px;text-align:center;font-size:11px;color:#ab8532}.auth-tabs{display:flex;gap:15px;border-bottom:1px solid var(--line);margin-bottom:20px}.auth-tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:8px 0 12px;font-size:12px;color:#9ba6ba}.auth-tabs button.active{color:var(--blue);border-color:var(--blue)}
dialog{border:1px solid #e3e9f3;border-radius:15px;padding:0;max-width:650px;width:calc(100% - 32px);max-height:88dvh;box-shadow:0 25px 100px #1537652a;color:var(--ink)}dialog::backdrop{background:#15233d50;backdrop-filter:blur(3px)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 25px;border-bottom:1px solid var(--line);position:sticky;top:0;background:white;z-index:2}.modal-head h2{font-size:16px}.modal-body{padding:23px 25px;overflow-wrap:anywhere}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%) translateY(100px);background:#173461;color:white;padding:12px 20px;border-radius:10px;font-size:12px;box-shadow:var(--shadow);z-index:100;max-width:calc(100% - 32px);opacity:0;transition:.2s;pointer-events:none}#toast.visible{opacity:1;transform:translateX(-50%) translateY(0)}.mobile-shade{display:none}.print-only{display:none}
@media(min-width:1450px){.content{padding:35px 45px}.grid-main{grid-template-columns:minmax(0,1.75fr) minmax(340px,1fr)}}
@media(max-width:1200px){.sidebar{width:220px;padding-inline:16px}.main{margin-left:220px}.topbar{padding:0 25px}.content{padding:26px 25px}.grid-main{gap:17px;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr)}.stats{gap:12px}.stat-card{padding:15px}.stat-top{font-size:10px}.donut-wrap{gap:13px}.donut{width:133px;height:133px}.donut-legend{min-width:111px}.welcome-art{width:220px}.legend{gap:9px;font-size:9px}.panel-head{padding-inline:18px}.panel-body{padding-inline:18px}.top-actions .date{display:none}}
@media(max-width:1020px){.sidebar{width:200px;padding-inline:12px}.main{margin-left:200px}.brand{padding-left:8px}.brand strong{font-size:21px}.brand img{width:37px;height:37px}.nav a{font-size:11px;padding:12px}.nav a .icon{width:17px;height:17px}.content{padding:25px 20px}.topbar{padding:0 20px}.grid-main{grid-template-columns:1fr}.dashboard-secondary{display:grid;grid-template-columns:1fr 1fr;gap:18px}.stats{grid-template-columns:repeat(2,1fr)}.welcome-art{width:205px}.donut-wrap{padding-top:15px}.booking-layout{grid-template-columns:1fr}.hidemid{display:none}}
@media(max-width:740px){.sidebar{transform:translateX(-100%);width:248px;transition:transform .2s}.sidebar.open{transform:translateX(0)}.sidebar.open~.mobile-shade{display:block;position:fixed;inset:0;background:#152a4855;z-index:29}.main{margin-left:0}.mobile-menu{display:inline-flex}.topbar{height:67px;padding:0 17px;gap:10px}.breadcrumb{font-size:10px}.breadcrumb>span,.breadcrumb>.icon{display:none}.top-actions{gap:9px}.top-actions .avatar{display:none}.content{padding:22px 16px}h1{font-size:24px}.page-heading{align-items:flex-start;margin-bottom:20px}.page-heading p{font-size:11px;max-width:245px}.page-heading>.flex{flex-wrap:wrap;justify-content:flex-end;gap:7px}.page-heading .btn{font-size:10px;padding:9px 11px}.page-heading .btn .icon{width:15px;height:15px}.eyebrow{font-size:9px}.welcome-banner{min-height:157px;padding:22px 20px;border-radius:12px;margin-bottom:19px}.welcome-banner h2{font-size:19px}.welcome-banner p{font-size:10px;max-width:220px}.welcome-art{width:126px;margin:-5px -18px -15px 2px;opacity:.85}.welcome-banner .banner-tag{font-size:8px}.stat-card{padding:14px}.stats{gap:11px;margin-bottom:20px}.stat-value{font-size:27px}.stat-icon{padding:7px}.stat-icon svg{width:17px;height:17px}.stat-top{font-size:10px}.stat-foot{font-size:9px}.grid-main{margin-bottom:20px;gap:18px}.dashboard-secondary{display:grid;grid-template-columns:1fr}.panel-head{padding:18px 17px 14px}.panel-body{padding:0 17px 18px}.panel-head h2{font-size:13px}.chart{height:210px}.legend{font-size:9px}.chart-summary strong{font-size:23px}.donut{width:153px;height:153px}.donut-wrap{gap:32px}.donut-legend{min-width:140px;font-size:11px}.footer{font-size:8px;flex-wrap:wrap}.form-body{padding:20px 17px}.form-grid{grid-template-columns:1fr;gap:18px}.radio-cards{gap:8px}.radio-card{padding:12px;font-size:11px;gap:7px}.radio-card small{font-size:9px}.form-actions{align-items:flex-start;flex-direction:column}.form-actions .btn{width:100%}.slots{grid-template-columns:repeat(3,1fr)}.booking-layout{gap:18px}.full-calendar .day{min-height:74px;padding:6px;font-size:11px}.full-calendar .calendar-event{font-size:8px;padding:1px 2px;white-space:normal}.full-calendar .panel-body{padding:0 10px 15px}.full-calendar .calendar-grid{gap:2px}.calendar-grid .week-label{font-size:9px}.service-grid{grid-template-columns:1fr;gap:12px}.service-tile{padding:20px}.filterbar{padding:14px;gap:8px}.filterbar select{flex:1;font-size:10px;min-width:110px}.search{flex-basis:100%}.modal-head{padding:17px}.modal-body{padding:20px 17px}.table-footer{padding:12px 15px}.detail-grid{gap:13px}.nav a{font-size:13px}.brand strong{font-size:24px}.day{aspect-ratio:1.3}.full-calendar .day{aspect-ratio:auto}.help-box{margin-top:18px}.sidebar{padding-top:25px}.form-panel{max-width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
:root{font-synthesis:weight;--muted:#6d7b92}.stat-top{color:#69788f}.stat-foot{color:#7b889c}.panel-head p,.page-heading p{color:#7a879c}.form-actions>.small svg{display:inline-block;vertical-align:middle;margin-right:5px}.field small{color:#77869e}
@media print{.sidebar,.topbar,.footer,.btn,.icon-button,#toast{display:none!important}.main{margin:0}.content{padding:0}.panel{break-inside:avoid}.welcome-banner{color:var(--ink);background:#f4f7ff}.welcome-banner p{color:var(--muted)}.print-only{display:block}dialog[open]{position:static;max-height:none;border:0;width:100%}body:has(dialog[open]) #app{display:none}}