@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--bg:#f6f7f2;--panel:#fff;--ink:#242923;--muted:#81867b;--line:#e8ebe2;--lime:#e6efad;--dark:#181c18;--green:#667d38;--red:#b25a50;--radius:18px}*{box-sizing:border-box}body{margin:0;background:var(--bg);font:14px 'DM Sans',sans-serif;color:var(--ink)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-color:#819342}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0}button:disabled{opacity:.5;cursor:default}a{color:inherit}h1,h2,h3,h4,p{margin:0}h1,h2,h3{font-family:Manrope,'DM Sans',sans-serif}h1{font-size:29px;letter-spacing:-1.1px;font-weight:750}h2{font-size:19px;letter-spacing:-.6px}h3{font-size:15px;letter-spacing:-.25px}small,.muted{color:var(--muted);font-size:12px}small{line-height:1.7}.shell{display:grid;grid-template-columns:242px 1fr;min-height:100vh}.sidebar{background:var(--dark);color:#b8bcb2;position:fixed;width:242px;height:100vh;padding:20px 16px;display:flex;flex-direction:column;z-index:20}.brand{height:83px;padding:2px 10px 22px}.brand img{width:184px;height:55px;object-fit:contain;background:#000;border-radius:6px}.brand small{font-size:9px;letter-spacing:2px;margin-left:7px;color:#a9ad9b}.nav-label{font-size:9px;color:#747b6e;letter-spacing:1.7px;padding:22px 15px 10px}.nav button{display:flex;gap:12px;align-items:center;width:100%;padding:11px 14px;border-radius:9px;background:transparent;color:#acb2a5;text-align:left;margin:2px 0;font-size:12px;letter-spacing:.1px}.nav button:hover{background:#292f25;color:#fff}.nav button.active{background:var(--lime);color:#303925;font-weight:700}.nav svg{width:17px;height:17px}.nav .count{margin-left:auto;font-size:10px;border:1px solid #c7d490;border-radius:5px;padding:1px 5px}.side-bottom{margin-top:auto;border-top:1px solid #343a30;padding:16px 8px 0}.avatar{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:50%;background:#e9ecdd;color:#617348;font-size:11px;font-weight:700;flex-shrink:0}.side-bottom .avatar{background:#444d37;color:var(--lime)}.workspace{grid-column:2;min-width:0}.topbar{height:77px;background:rgba(255,255,255,.9);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 35px;gap:15px}.crumb{font-size:11px;color:#969b8e;display:flex;align-items:center;gap:12px}.crumb strong{color:#4b5243;font-weight:500}.topbar-right{display:flex;gap:17px;align-items:center}.search{border:1px solid var(--line);padding:9px 12px;border-radius:8px;display:flex;align-items:center;gap:9px;color:#93998a;font-size:11px;width:195px}.key{margin-left:auto;border:1px solid var(--line);padding:0px 5px;border-radius:3px;font-size:9px}.demo-dot{font-size:10px;color:#8c927f;display:flex;align-items:center;gap:6px}.demo-dot:before{content:'';width:5px;height:5px;background:#a9b879;border-radius:50%}.content{padding:30px 35px 24px;max-width:1700px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:25px}.eyebrow{font-size:9px;letter-spacing:1.8px;color:#868e79;margin-bottom:10px;font-weight:600}.subtitle{color:#868c7f;font-size:12px;margin-top:8px;line-height:1.6}.actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.btn{border:1px solid #dfe4d5;background:#fff;color:#4a5340;border-radius:8px;padding:10px 14px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:11px;font-weight:600;white-space:nowrap;text-decoration:none;min-height:36px}.btn:hover{background:#f3f5e9}.btn.primary{background:var(--dark);color:var(--lime);border-color:var(--dark)}.btn.lime{background:var(--lime);border-color:var(--lime);color:#414c2d}.btn.danger{color:var(--red);border-color:#e9cdc9}.btn.tiny{padding:5px 9px;font-size:10px;min-height:29px}.iconbtn{display:inline-flex;background:transparent;color:#6c765e;padding:7px;border-radius:6px}.iconbtn:hover{background:#edf0e4}svg{width:16px;height:16px;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:20px 0}.filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}select,input,textarea{border:1px solid #dfe5d6;border-radius:8px;background:#fff;color:#414a37;padding:10px 12px;min-width:0}select{font-size:11px;cursor:pointer}input[type=checkbox]{accent-color:#7d9146;width:15px;height:15px}input[type=file]{font-size:11px;padding:8px;max-width:100%}textarea{resize:vertical;min-height:85px;line-height:1.6}label{font-size:11px;display:flex;flex-direction:column;gap:7px;color:#626b56}label.check{flex-direction:row;align-items:center;font-size:12px;line-height:1.5}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:20px 0}.stat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px 21px;position:relative;min-height:126px}.stat.feature{background:var(--lime);border-color:#dae59c}.stat-label{font-size:11px;color:#7d866b;display:flex;justify-content:space-between;align-items:center;gap:5px}.stat-value{font-family:Manrope,sans-serif;font-size:28px;letter-spacing:-1px;margin:12px 0 5px;font-weight:650;color:#303a25}.stat-value em{font-size:17px;font-style:normal;font-weight:400;letter-spacing:0;color:#6b765c}.stat-note{font-size:9px;color:#929a85}.stat-note.positive{color:#617841}.grid-main{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.card.pad{padding:22px}.card-head{display:flex;align-items:center;justify-content:space-between;padding:22px 23px 18px;gap:12px}.card-head h2{font-size:15px}.card-head small{font-size:10px}.link{color:#768447;background:none;font-size:10px;padding:0;text-decoration:none;display:inline-flex;align-items:center;gap:6px}.chart{height:210px;position:relative;padding:0 20px 10px}.chart svg{width:100%;height:175px;stroke-width:1}.chart-labels{display:flex;justify-content:space-around;font-size:9px;color:#a3aa97}.legend{display:flex;gap:15px;font-size:9px;color:#8e9683;align-items:center}.legend span:before{content:'';display:inline-block;width:6px;height:6px;background:#a3b66b;border-radius:2px;margin-right:5px}.legend span:nth-child(2):before{background:#e4eacb}.summary-strip{display:grid;grid-template-columns:repeat(3,1fr);margin:0 23px;padding:18px 0;border-top:1px solid var(--line)}.summary-strip div{border-right:1px solid var(--line);padding-left:18px}.summary-strip div:first-child{padding-left:0}.summary-strip div:last-child{border:0}.summary-strip b{display:block;font-size:19px;margin-top:6px;font-weight:600}.summary-strip small{font-size:9px}.opportunity-card{background:#f1f4e6;border:1px solid #e2e8ce;border-radius:var(--radius);padding:23px}.opportunity-card .eyebrow{font-size:8px}.opportunity-card h2{font-size:20px;line-height:1.45;max-width:260px}.opportunity-card p{font-size:11px;color:#929b80;line-height:1.7;margin-top:8px}.opportunity-list{display:grid;gap:0;margin-top:17px}.opp-mini{display:flex;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid #e0e6cc;background:transparent;text-align:left;color:inherit;width:100%}.opp-mini:last-child{border-bottom:0}.opp-icon{background:#e5edcd;color:#7a8f4d;border-radius:10px;padding:9px;display:flex}.opp-mini b{font-size:11px;font-weight:600;display:block}.opp-mini small{font-size:9px}.opp-mini .number{margin-left:auto;font-family:Manrope;font-size:20px;color:#758744}.opp-mini .arrow{color:#a4af8e;margin-left:6px}.lower{margin-top:19px;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:18px}table{border-collapse:collapse;width:100%;text-align:left;font-size:11px}th{color:#9ca38f;font-weight:500;font-size:9px;padding:12px 18px;border-bottom:1px solid var(--line);white-space:nowrap;background:#fafbf7}td{padding:14px 18px;border-bottom:1px solid #f0f2ea;vertical-align:middle}tr:last-child td{border-bottom:0}td strong{font-size:11px;font-weight:600}td small{font-size:9px}tr.click{cursor:pointer}tr.click:hover{background:#fafbf4}.person{display:flex;align-items:center;gap:10px}.person .avatar{width:29px;height:29px;font-size:9px}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border-radius:5px;background:#f0f3e9;color:#76825e;font-size:9px;white-space:nowrap}.badge.gold{background:#fcf4df;color:#b99a45}.badge.red{background:#fcf0ed;color:#ba7e71}.badge.blue{background:#edf3f8;color:#7495aa}.badge.dark{background:#e3e8d6;color:#6b7e45}.badge:before{content:'';width:4px;height:4px;border-radius:50%;background:currentColor}.table-wrap{overflow-x:auto}.therapist{padding:17px 23px;border-top:1px solid #f0f2e9}.therapist .row{display:flex;align-items:center;gap:9px}.therapist .row span:last-child{margin-left:auto;font-size:11px}.progress{height:5px;background:#f0f2e9;border-radius:4px;overflow:hidden;margin:11px 0 7px}.progress i{display:block;background:#b9ca80;height:100%;border-radius:4px}.footer{display:flex;justify-content:space-between;font-size:9px;color:#a4aa99;padding:20px 0 0}.list{display:grid;gap:12px}.empty{padding:38px 20px;text-align:center;color:#8e9880;font-size:12px;line-height:1.8}.notice{background:#f3f5e9;border:1px solid #e3e8d1;border-radius:10px;padding:13px 16px;font-size:11px;color:#7b8763;line-height:1.6;margin-bottom:18px}.notice.warn{background:#fff6e8;color:#9b8354;border-color:#efe2c8}.two{display:grid;grid-template-columns:1fr 1fr;gap:17px}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.space{margin-top:18px}.record{padding:20px;background:#fff;border:1px solid var(--line);border-radius:14px}.record h3{margin:10px 0}.record p{font-size:11px;color:#8b947d;line-height:1.7}.record .actions{margin-top:14px}.record-top{display:flex;justify-content:space-between;align-items:center}.calendar{display:grid;grid-template-columns:55px repeat(var(--cols),minmax(140px,1fr));min-width:650px}.cal-head{padding:15px;text-align:center;background:#fafbf7;border-bottom:1px solid var(--line);font-size:11px}.cal-col{position:relative;height:660px;border-right:1px solid var(--line);background:repeating-linear-gradient(to bottom,transparent 0,transparent 59px,#edf0e6 59px,#edf0e6 60px)}.times{font-size:9px;color:#9ba48e}.times div{height:60px;padding:0 8px}.cal-event{position:absolute;left:6px;right:6px;background:#edf2de;border-left:3px solid #a4b967;border-radius:6px;padding:9px 10px;text-align:left;color:#62724a;overflow:hidden;font-size:10px}.cal-event strong{display:block;font-size:11px;margin:4px 0}.cal-event.blue{background:#edf2f3;border-color:#adc6c8;color:#6b8991}.cal-event.gold{background:#faf1dc;border-color:#d6c08a;color:#9a8958}.cal-event.break{background:#f4f4ef;color:#a1a794;border-color:#d2d7c8;pointer-events:none}.week .cal-col{height:660px}.tabs{display:flex;gap:6px;background:#ecefe2;padding:4px;border-radius:8px}.tabs button{padding:7px 13px;border-radius:5px;background:transparent;color:#8b957b;font-size:10px}.tabs button.active{background:#fff;color:#4e5f37;box-shadow:0 1px 3px #00000008}.profile-head{display:flex;gap:18px;align-items:center;padding:25px}.profile-head .avatar{width:60px;height:60px;font-size:20px}.profile-grid{display:grid;grid-template-columns:300px 1fr;gap:20px}.detail{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:15px}.detail b{font-size:12px;display:block;margin-top:4px;font-weight:500}.timeline{border-left:1px solid #dce3cd;margin:10px 0 0 8px;padding:0 0 0 20px}.timeline>div{margin:0 0 20px;position:relative}.timeline>div:before{content:'';position:absolute;width:7px;height:7px;background:#c0ce93;border:3px solid #fff;border-radius:50%;left:-27px;top:4px}.timeline p{font-size:11px;color:#859173;margin-top:5px;line-height:1.7}.balance{font-size:26px;font-family:Manrope;margin:10px 0}.package-meter{display:flex;gap:5px;margin:15px 0}.package-meter i{height:7px;flex:1;border-radius:3px;background:#d8e3b4}.package-meter i.used{background:#eef1e5}.pos{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}.catalogue{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.product-tile{border:1px solid var(--line);border-radius:12px;background:#fff;padding:17px;display:flex;flex-direction:column;gap:8px;text-align:left;min-height:136px;color:#52603c}.product-tile:hover{border-color:#a6b879;background:#f9fbf2}.product-tile .tile-icon{font-size:25px;color:#9aaa75;background:#f2f5e8;padding:14px;border-radius:10px;text-align:center}.product-tile b{font-size:12px;font-weight:500}.product-tile strong{font-size:15px}.cart{position:sticky;top:20px;align-self:start}.cart-row{display:flex;justify-content:space-between;gap:10px;padding:14px 0;border-bottom:1px solid var(--line);font-size:12px}.cart-row small{display:block}.total-row{display:flex;justify-content:space-between;padding:10px 0;font-size:12px}.total-row.final{font-size:21px;border-top:1px solid var(--line);padding-top:16px;margin-top:5px;font-family:Manrope}.stack{display:grid;gap:12px}.full{width:100%}.photo-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.photo-box{background:#f4f5ed;border:1px dashed #d4dcc4;border-radius:9px;padding:16px;text-align:center;min-height:120px;display:flex;flex-direction:column;justify-content:center;gap:8px}.photo-box img,.photo-thumb{max-width:100%;max-height:240px;object-fit:contain;border-radius:8px}.photo-box small{font-size:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid .wide{grid-column:1/-1}.form-foot{display:flex;justify-content:flex-end;gap:8px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}dialog{border:1px solid var(--line);border-radius:20px;padding:0;width:min(740px,94vw);max-height:92vh;box-shadow:0 25px 100px #18200c25;color:var(--ink)}dialog::backdrop{background:#18200c66;backdrop-filter:blur(3px)}.modal-head{display:flex;justify-content:space-between;gap:20px;padding:24px 28px;border-bottom:1px solid var(--line);align-items:center}.modal-body{padding:24px 28px}.modal-head h2{font-size:20px}.error{color:#b66a60;background:#fff2ef;padding:10px;border-radius:7px;margin:10px 0;font-size:12px;display:none}.error.show{display:block}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%) translateY(100px);transition:.3s;background:#27321d;color:#f3f7e8;padding:13px 22px;border-radius:10px;box-shadow:0 10px 40px #0002;z-index:100;font-size:12px;max-width:90vw}#toast.show{transform:translateX(-50%) translateY(0)}.signature{touch-action:none;background:#fcfdf9;border:1px dashed #cbd6b8;border-radius:9px;width:100%;height:150px}.sig-label{font-size:10px;color:#8d9879;margin-top:5px}.booking-shell{max-width:800px;margin:40px auto;padding:25px}.public-logo{background:#000;text-align:center;border-radius:15px;padding:15px;margin-bottom:25px}.public-logo img{width:270px;max-width:100%}.guide-step{display:flex;gap:17px;margin:22px 0;font-size:12px;line-height:1.8;color:#7e896e}.guide-step span{background:var(--lime);color:#6e7f47;min-width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center}.guide-step b{display:block;color:#465535}.mobile-menu{display:none}.receipt{font-size:12px;line-height:1.8}.receipt table{margin:20px 0}.receipt .public-logo{max-width:270px;border-radius:0;padding:8px}.receipt h2{margin:10px 0}.pill-number{background:#f4f6ed;border:1px solid #e6ecd8;border-radius:8px;padding:8px 12px;color:#7b8a5d;font-size:12px}.print-title{display:none}.blocked{padding:60px;text-align:center}.row-flex{display:flex;align-items:center;justify-content:space-between;gap:10px}.help-float{position:fixed;bottom:20px;right:22px;width:34px;height:34px;border:1px solid #d8dfc9;border-radius:50%;background:white;color:#87976a;font-family:serif;font-size:18px;z-index:10}.stock-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#a3b773;margin-right:5px}.stock-dot.red{background:#cb8d7a}.stock-dot.gold{background:#d2b56c}.line-detail{font-size:10px;color:#9ba48c;margin-top:4px}.note-list{font-size:12px;color:#7e896f;line-height:1.9}.rule-label{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#97a17f}.select-value{font-size:12px}.no-wrap{white-space:nowrap}@media(min-width:1500px){.content{padding:36px 45px}.topbar{padding:0 45px}.grid-main,.lower{grid-template-columns:1.7fr 1fr}.stat{padding:24px}.chart{height:235px}.chart svg{height:200px}}
@media(max-width:1200px){.shell{grid-template-columns:205px 1fr}.sidebar{width:205px;padding:18px 12px}.brand img{width:165px}.content{padding:25px}.topbar{padding:0 25px}.stats{gap:10px}.stat{padding:16px}.stat-value{font-size:23px}.grid-main,.lower{grid-template-columns:1.45fr 1fr}.search{display:none}.catalogue{grid-template-columns:1fr 1fr}.profile-grid{grid-template-columns:250px 1fr}}
@media(max-width:1000px){.grid-main,.lower{grid-template-columns:1fr}.opportunity-list{grid-template-columns:repeat(3,1fr);gap:15px}.opp-mini{border:0}.opportunity-card h2{max-width:none}.three{grid-template-columns:1fr 1fr}.profile-grid{grid-template-columns:1fr}.pos{grid-template-columns:1fr}.cart{position:static}.topbar-right{gap:9px}.demo-dot{display:none}.page-head{flex-wrap:wrap}}
@media(max-width:740px){.shell{display:block}.sidebar{transform:translateX(-100%);transition:transform .2s;width:242px;box-shadow:0 0 0 100vmax #0005}.sidebar:not(.open){box-shadow:none}.sidebar.open{transform:translateX(0)}.workspace{width:100%}.mobile-menu{display:block}.topbar{height:64px;padding:0 16px}.crumb{gap:8px;font-size:10px}.crumb .homeicon{display:none}.topbar-right select{max-width:125px;padding:8px;font-size:10px}.content{padding:24px 16px}.page-head{gap:15px;margin-bottom:16px}h1{font-size:25px}.subtitle{font-size:11px}.stats{grid-template-columns:repeat(2,1fr);gap:10px}.stat{min-height:114px;padding:15px}.stat-value{font-size:25px}.stat-label{font-size:10px}.stat-note{font-size:9px}.grid-main,.lower{gap:14px}.card-head{padding:20px 17px 15px}.card-head .legend{display:none}.opportunity-card{padding:20px}.opportunity-list{grid-template-columns:1fr}.opp-mini{padding:10px 0;border-bottom:1px solid #e0e6cc}.two,.three{grid-template-columns:1fr}.catalogue{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.modal-head{padding:20px}.modal-body{padding:20px}.footer{font-size:8px;gap:10px}.toolbar{align-items:flex-start;flex-wrap:wrap}.toolbar input{width:100%}.filters{width:100%}.filters select{flex:1}.summary-strip{margin:0 17px}.summary-strip b{font-size:17px}.summary-strip div{padding-left:12px}.record{padding:18px}td,th{padding:12px 14px}.topbar .avatar{display:none}.public-logo{margin-bottom:18px}.booking-shell{margin:10px auto;padding:16px}.photo-pair{grid-template-columns:1fr 1fr}.photo-box{padding:9px;min-height:100px}.actions .btn{padding:9px 11px}.page-head>.actions{width:100%}.help-float{bottom:13px;right:13px}}
@media print{body{background:#fff}.sidebar,.topbar,.page-head .actions,.toolbar,.help-float,.footer,.form-foot,.modal-head button,.no-print,.btn,.actions{display:none!important}.shell{display:block}.content{padding:0;max-width:none}.stats{grid-template-columns:repeat(4,1fr)}dialog[open]{position:static;display:block;width:100%;max-height:none;box-shadow:none;border:0}body:has(dialog[open]) #app{display:none}dialog::backdrop{background:#fff}.modal-head{padding:0 0 20px}.modal-body{padding:0}.print-title{display:block}table{font-size:10px}.card{break-inside:avoid;border:1px solid #ddd}.receipt .public-logo{print-color-adjust:exact}.badge,.stat.feature{print-color-adjust:exact}}

.brand-logo{width:184px;height:55px;overflow:hidden;background:#000;border-radius:6px;display:flex;align-items:center;justify-content:center}.brand-logo img{width:260px;height:auto;max-width:none;flex:none;border-radius:0}
.live-role{font-size:10px;white-space:nowrap;color:#5b673f}.topbar-right{gap:10px}.booking-shell input{margin-top:6px}.booking-shell label{margin-top:15px}.public-logo img{object-fit:contain}.live-status{font-size:11px;color:#587234}@media(max-width:1050px){.live-role{display:none}.topbar-right select{max-width:170px}.crumb{display:none}}@media(max-width:740px){.topbar-right{gap:5px}.topbar-right select{max-width:145px}.topbar .demo-dot{display:none}.topbar .btn{font-size:10px;padding:7px}.topbar{justify-content:space-between}.crumb{display:flex}.crumb>span,.crumb>strong{display:none}.topbar .search{display:none}.stats{min-width:0}.stat-value{overflow-wrap:anywhere}.brand-logo img{width:260px}}
/* Consistent handover typography, spacing and responsive tables. */
:root{--muted:#68705f;--line:#dfe4d7}body{line-height:1.5}.content{min-width:0}.page-head{flex-wrap:wrap}.page-head>.actions{flex-wrap:wrap}.subtitle{line-height:1.65;color:#69735f}.stat-note,small{color:#68715f}.btn{min-height:38px;line-height:1.35}.btn.tiny{min-height:34px}input:not([type=checkbox]):not([type=file]),select{min-height:42px}textarea{min-height:96px;line-height:1.55}label{line-height:1.5}.form-grid{gap:18px}.form-foot{gap:10px;flex-wrap:wrap}.record,.card{min-width:0}.record p{line-height:1.65}.tabs{flex-wrap:wrap;max-width:100%;gap:4px}.table-wrap{max-width:100%}td{overflow-wrap:anywhere;vertical-align:top}td strong,td small{overflow-wrap:anywhere}td:last-child .btn{margin:2px}dialog{width:min(760px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto}.modal-head{position:sticky;top:0;background:#fff;z-index:2}.modal-body{overflow:visible}.sidebar .nav{overflow-y:auto;min-height:0}.side-bottom{flex-shrink:0}.error.show{padding:12px 14px;line-height:1.55}.notice{line-height:1.65}.badge{max-width:100%;white-space:normal}.photo-box img{object-fit:contain}.package-meter{flex-wrap:wrap}.booking-shell{width:min(760px,100%)}.live-role{color:#4b5c32}.live-status{color:#4b642a}
@media(max-width:1100px){.topbar{padding:14px 20px;height:auto;min-height:76px}.topbar-right{flex-wrap:wrap;justify-content:flex-end}.page-head>.actions{gap:8px}.stats{gap:12px}.profile-grid{grid-template-columns:240px minmax(0,1fr)}.pos{grid-template-columns:minmax(0,1fr) 310px}}
@media(max-width:850px){.grid-main,.lower,.profile-grid,.pos{grid-template-columns:1fr}.three{grid-template-columns:repeat(2,minmax(0,1fr))}.content{padding:24px 20px}.stat-value{font-size:26px}.topbar-right .search{display:none}}
@media(max-width:700px){.content{padding:22px 14px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{padding:14px;min-height:122px}.stat-label{font-size:11px}.stat-note{font-size:10px}.stat-value{font-size:23px}.three{grid-template-columns:1fr}.page-head .actions{width:100%}.page-head .actions .btn{flex:1}.tabs{display:flex;width:100%!important}.tabs button{flex:1 1 auto;min-height:38px}.table-wrap{overflow-x:visible}table{width:100%;min-width:0!important;table-layout:fixed}thead{display:none}tbody,tr,td{display:block;width:100%}tr{padding:12px 14px;border-bottom:1px solid var(--line)}td{padding:7px 0!important;border:0!important;display:grid;grid-template-columns:minmax(86px,30%) minmax(0,1fr);gap:12px;font-size:12px;min-width:0}td::before{content:attr(data-label);font-size:10px;letter-spacing:.04em;color:#69715f;font-weight:600}td[colspan]{display:block}td[colspan]::before{display:none}.calendar{min-width:560px}.table-wrap:has(.calendar){overflow-x:auto}.form-grid{gap:14px}.modal-head{padding:18px}.modal-body{padding:18px}.form-foot{position:sticky;bottom:-18px;padding:14px 0 0;background:#fff}.form-foot .btn{flex:1}.photo-pair{grid-template-columns:1fr 1fr}.photo-box small{font-size:10px}.toolbar .filters{flex-wrap:wrap}.toolbar .filters select{min-width:120px;max-width:100%}.summary-strip{margin:0 14px;gap:6px}.summary-strip div{padding:12px 6px}.summary-strip small{font-size:8px}.summary-strip b{font-size:17px}.footer{flex-wrap:wrap;line-height:1.5}.topbar-right select{max-width:140px}.topbar .btn{min-height:34px}.brand-logo img{object-fit:contain}}
@media print{table{display:table;table-layout:auto}thead{display:table-header-group}tbody{display:table-row-group}tr{display:table-row}td,th{display:table-cell;width:auto;padding:8px!important}td::before{display:none}.modal-head{position:static}.form-foot{display:none!important}}
.brand-logo{max-width:100%}.brand{flex-shrink:0}.stat-label,.record p,.notice{overflow-wrap:anywhere}@media(max-width:700px){.form-foot{bottom:0;padding:14px 0;background:#fff}.modal-body{padding-bottom:0}.topbar .crumb{flex-shrink:0}}
