:root{--bg:#f7f1eb;--paper:#fffcf9;--sand:#efdfd3;--sand2:#e6cabc;--mar:#85464c;--mar2:#72353d;--text:#4c3c38;--muted:#87746c;--line:#e9ded8;--green:#53866d;--warn:#a9684d;--shadow:0 9px 32px rgba(69,44,39,.048)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.45 Inter,Segoe UI,Arial,sans-serif}h1,h2,h3,.serif{font-family:Georgia,'Times New Roman',serif;font-weight:400}h1{font-size:clamp(28px,3.3vw,43px);line-height:1.12;letter-spacing:-1px;margin:0 0 8px}h2{font-size:26px;margin:0}h3{font-size:19px;margin:0}p{margin:0}.muted{color:var(--muted)}.small{font-size:12px}.tiny{font-size:11px}.danger{color:var(--mar)}a{color:var(--mar)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}.primary,.ghost,.link-btn{padding:10px 15px;border-radius:10px;font-weight:600;border:1px solid var(--line);transition:.14s}.primary{background:var(--mar);border-color:var(--mar);color:white}.primary:hover{background:var(--mar2)}.ghost{background:var(--paper);color:var(--text)}.ghost:hover{border-color:var(--sand2)}.link-btn{background:none;border:0;padding:8px;color:var(--mar)}input,select,textarea{padding:11px 12px;background:white;color:var(--text);border:1px solid #dfd1c9;border-radius:10px;width:100%;outline-color:var(--mar)}input:focus,select:focus{border-color:var(--mar)}label{display:block;font-size:12px;color:#6b5650;font-weight:600;margin:0 0 5px}.field{margin-bottom:14px}.field small{display:block;color:var(--muted);margin-top:4px}.hidden{display:none!important}.center{display:flex;justify-content:center;align-items:center}.auth{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 15% 10%,#efdbce 0,transparent 35%),linear-gradient(130deg,#fcf8f3,#f1e5dc)}.auth-wrap{display:grid;grid-template-columns:1fr 440px;max-width:1080px;width:100%;background:var(--paper);border-radius:25px;overflow:hidden;box-shadow:0 35px 90px rgba(91,61,49,.11)}.auth-brand{padding:60px 45px;background:linear-gradient(140deg,#eee0d5,#f7ede5);display:flex;flex-direction:column;justify-content:space-between}.auth-brand img{width:340px;max-width:100%;mix-blend-mode:multiply}.auth-brand h1{margin:20px 0}.auth-card{padding:68px 45px 48px;display:flex;flex-direction:column;justify-content:center}.auth-card h2{margin:0 0 10px}.auth-card .primary{width:100%;margin-top:6px}.form-error{padding:10px 12px;background:#fbece9;color:#863e40;border-radius:9px;margin:8px 0 15px}.form-ok{padding:10px 12px;background:#e8f2e9;color:#436a50;border-radius:9px;margin:8px 0 15px}.app{display:grid;grid-template-columns:235px minmax(0,1fr);min-height:100vh}.sidebar{background:linear-gradient(180deg,#f1e3d8,#f8efe9);border-right:1px solid var(--line);padding:18px 12px;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh}.sidebar-brand{margin:4px auto 28px;width:195px;mix-blend-mode:multiply}.nav{width:100%;text-align:left;border:0;background:transparent;color:var(--text);padding:14px 17px;border-radius:11px;margin:2px 0;font-size:13px}.nav.active{background:#e7cfc3;color:var(--mar2);font-weight:700}.nav .ico{font-size:17px;margin-right:12px;display:inline-block;width:20px}.sidebar-bottom{margin-top:auto;padding:20px 12px 12px;border-top:1px solid #e5d2c7}.sidebar-bottom .serif{font-size:17px;font-style:italic}.main{padding:28px clamp(17px,3vw,45px);min-width:0;max-width:1560px;width:100%;margin:0 auto}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px}.crumb{font-size:12px;letter-spacing:2px;color:var(--muted);text-transform:uppercase}.topbar-side{display:flex;align-items:center;gap:13px}.avatar{width:33px;height:33px;border-radius:100%;background:#e7ccc4;color:var(--mar);display:grid;place-items:center;font-weight:700}.headline{display:flex;align-items:stretch;justify-content:space-between;gap:18px;margin-bottom:22px}.headline p{color:var(--muted)}.quote{max-width:330px;width:30%;min-width:230px;padding:26px;border-radius:15px;background:linear-gradient(110deg,#e8d2c7,#f4e4d7);color:#71564c;font:italic 18px Georgia,serif;align-self:stretch;display:flex;align-items:center}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.metric,.panel{background:var(--paper);border:1px solid #eee5df;border-radius:14px;box-shadow:var(--shadow)}.metric{padding:20px;min-height:130px}.metric .n{font:32px Georgia,serif;margin:11px 0 1px}.metric .icon{font-size:21px;color:var(--mar)}.metric .sub{font-size:12px;color:var(--muted)}.grids{display:grid;grid-template-columns:1.15fr .95fr;gap:18px}.panel{padding:20px;min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:12px}.panel-title{font-weight:700;font-size:15px}.itemline{padding:12px 0;border-top:1px solid var(--line);display:flex;gap:12px;align-items:center}.itemline:first-of-type{border-top:0}.linecontent{min-width:0;flex:1}.itemline small{color:var(--muted)}.tag{display:inline-block;padding:4px 9px;border-radius:99px;background:#f4e6de;color:var(--mar);font-size:11px;white-space:nowrap}.tag.green{background:#e8efe7;color:#477653}.tag.warn{background:#f9eae2;color:#a96248}.section{margin:0 0 18px;display:flex;justify-content:space-between;align-items:center;gap:10px}.section p{color:var(--muted);margin-top:4px}.data-table{width:100%;border-collapse:collapse}th,td{padding:13px 9px;text-align:left;vertical-align:middle;border-bottom:1px solid var(--line)}th{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);font-weight:700}td button{padding:7px 9px}.scroll-x{overflow-x:auto}.controls{display:flex;flex-wrap:wrap;gap:9px;align-items:center}.empty{padding:32px 12px;text-align:center;color:var(--muted)}.notice{margin:0 0 16px;padding:12px 16px;border:1px solid #e4c9b9;border-radius:11px;background:#fbede2;color:#694d47}.loading{padding:40px;text-align:center;color:var(--muted)}.stat-row{display:flex;gap:11px;flex-wrap:wrap}.modal-backdrop{position:fixed;inset:0;background:rgba(42,30,27,.48);z-index:30;display:flex;align-items:center;justify-content:center;padding:18px}.modal{background:var(--paper);border-radius:18px;max-height:92vh;overflow:auto;width:min(520px,100%);padding:26px;box-shadow:0 30px 100px rgba(20,10,10,.2)}.modal h2{margin:0 0 8px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:14px}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.invite-code{font-family:monospace;font-size:12px;overflow-wrap:anywhere;background:#f0e6df;padding:11px;border-radius:10px}.mobile-header{display:none}.help{color:var(--muted);font-size:12px}.status{margin:0 0 10px}.bar{height:5px;background:#f0e8e3;border-radius:9px;margin:9px 0}.bar b{display:block;height:100%;background:var(--mar);border-radius:9px}.readonly{opacity:.75}
@media(max-width:1060px){.grids{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:730px){.auth-wrap{grid-template-columns:1fr;max-width:470px}.auth-brand{padding:20px;align-items:center}.auth-brand img{width:170px}.auth-brand h1,.auth-brand p{display:none}.auth-card{padding:30px 24px 35px}.app{display:block}.sidebar{position:fixed;bottom:0;top:auto;z-index:15;width:100%;height:70px;min-height:0;padding:4px;background:#f5e9e1;flex-direction:row;border:0;border-top:1px solid var(--line)}.sidebar-brand,.sidebar-bottom{display:none}.sidebar nav{display:flex;width:100%;justify-content:space-around;align-items:center}.nav{text-align:center;margin:0;padding:7px 3px;font-size:10px;flex:1;min-width:0}.nav .ico{display:block;margin:0 auto 3px;font-size:17px}.main{padding:14px 13px 90px}.topbar{margin:0 0 16px}.headline{display:block}.quote{display:none}.metrics{gap:10px}.metric{padding:15px;min-height:118px}.metric .n{font-size:25px}h1{font-size:29px}.section{align-items:flex-start}.two{grid-template-columns:1fr}.panel{padding:15px}}
[hidden]{display:none!important}

.room-panel{border-left:3px solid #b98b75}.controls{flex-wrap:wrap;gap:7px}.main{min-width:0}.panel{overflow:hidden}.data-table th{white-space:nowrap}.data-table td{vertical-align:middle}.room-panel .section{margin-bottom:7px}.metric .n{overflow-wrap:anywhere;font-size:clamp(20px,2vw,29px)}@media(max-width:730px){.room-panel .section{flex-wrap:wrap}.section{gap:10px}.sidebar nav{display:flex;flex-wrap:wrap}.sidebar nav button{flex:1 1 110px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.controls{flex-wrap:wrap}}

.product-img{width:48px;height:48px;object-fit:cover;border-radius:10px;border:1px solid #e5d9d0;background:#f0e3db;vertical-align:middle;flex-shrink:0}
.product-empty{display:inline-grid;place-items:center;font-size:23px;color:#a7897b}
.prod-cell{display:flex;align-items:center;gap:10px;min-width:165px}
.photo-label{font-size:11px;display:block;margin-top:4px;color:var(--muted)}
.balance-due{background:#fcf0e7;border-radius:12px;padding:12px 16px;border:1px solid #e5cfbd}
.report-actions{display:flex;flex-wrap:wrap;gap:7px}
@media print{.report-actions{display:none}}


:root{--grad1:#fff9f4;--grad2:#f4ebe6;--grad3:#efe2dc;--card:#fffdfb;--glass:rgba(255,255,255,.72);--shadow-soft:0 18px 55px rgba(89,52,52,.08);--ring:rgba(133,70,76,.16);}
body{background:radial-gradient(circle at top left,#fffaf7 0,#f6eee8 45%,#efe4dd 100%);min-height:100vh;}
body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.045;background-image:url('assets/monograma.png');background-repeat:no-repeat;background-position:calc(100% - 42px) 86px;background-size:min(42vw,360px);filter:drop-shadow(0 8px 35px rgba(0,0,0,.08));}
body::after{content:"";position:fixed;inset:-15% auto auto -10%;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(133,70,76,.11),transparent 65%);pointer-events:none;filter:blur(10px);}
.sidebar{backdrop-filter:blur(16px);background:linear-gradient(180deg,rgba(255,252,249,.88),rgba(250,244,239,.92));border-right:1px solid rgba(133,70,76,.08);box-shadow:var(--shadow-soft)}
.main{position:relative;}
.panel,.metric,.headline,.topbar,.auth-card,.auth-brand,.quote{box-shadow:var(--shadow-soft)!important;border:1px solid rgba(133,70,76,.08)!important;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,252,249,.88));}
.metric,.panel,.topbar,.headline,.auth-card,.auth-brand,.quote,.modal{border-radius:24px!important}
.topbar{backdrop-filter:blur(14px);position:sticky;top:0;z-index:6}
.headline{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(255,252,249,.98),rgba(246,236,231,.98))!important}
.headline::after{content:"";position:absolute;right:-40px;bottom:-40px;width:190px;height:190px;background:radial-gradient(circle,rgba(133,70,76,.12),transparent 62%);border-radius:50%;}
.quote{background:linear-gradient(135deg,rgba(133,70,76,.08),rgba(255,255,255,.9))!important}
button,.link-btn,input,select{transition:all .2s ease}
button:hover,.link-btn:hover{transform:translateY(-1px)}
input:focus,select:focus,button:focus{outline:none;box-shadow:0 0 0 4px var(--ring)}
.sidebar-brand,.auth-brand img,.print-logo,.setup-logo{background:transparent!important;mix-blend-mode:multiply}
.sidebar-brand{padding:10px;border-radius:22px;max-width:210px}
.auth-wrap{align-items:center}
.auth-brand{position:relative;overflow:hidden}
.auth-brand::before{content:"";position:absolute;inset:auto -30px -30px auto;width:160px;height:160px;background:radial-gradient(circle,rgba(133,70,76,.12),transparent 65%);border-radius:50%}
.auth-brand img{max-width:250px}
.modern-search{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.9);border:1px solid rgba(133,70,76,.10);padding:12px 14px;border-radius:18px;min-width:min(100%,360px)}
.modern-search input{border:0;background:transparent;padding:0;width:100%}
.section-tools{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.calendar-shell{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}
.calendar-card{padding:18px 18px 12px}
.calendar-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;font-size:12px}
.calendar-weekday{text-align:center;color:var(--muted);font-weight:600;padding:4px 0}
.calendar-day{aspect-ratio:1;border-radius:16px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.75);border:1px solid rgba(133,70,76,.05)}
.calendar-day.empty{background:transparent;border-color:transparent}
.calendar-day.booked{background:rgba(133,70,76,.16);color:var(--mar2);font-weight:700;border-color:rgba(133,70,76,.18)}
.calendar-day.today{outline:2px solid rgba(133,70,76,.22)}
.balloons{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.balloon{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(246,236,231,.95));border:1px solid rgba(133,70,76,.09)}
.project-period{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:rgba(133,70,76,.08);font-size:12px;color:var(--mar2)}
.watermark-note{color:var(--muted);font-size:12px}
.stock-layout{display:flex;flex-direction:column;gap:18px}
.prod-cell{min-width:260px}
.product-img,.product-empty{width:54px;height:54px;border-radius:16px;box-shadow:0 10px 20px rgba(0,0,0,.08)}
.product-img{object-fit:cover;background:white}
.product-empty{display:inline-flex;align-items:center;justify-content:center;background:rgba(133,70,76,.06);font-size:20px;color:var(--muted)}
.photo-label{display:block;font-size:11px;color:var(--muted);margin-top:3px}
.room-panel{position:relative;overflow:hidden}
.room-panel::before{content:"";position:absolute;right:-30px;top:-30px;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,rgba(133,70,76,.08),transparent 70%);pointer-events:none}
.report-actions{display:flex;gap:8px;flex-wrap:wrap}
.modern-tag{padding:8px 12px;border-radius:999px;background:rgba(133,70,76,.09);font-size:12px;color:var(--mar2)}
.helper-line{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.kpi-soft{background:linear-gradient(135deg,rgba(133,70,76,.08),rgba(255,255,255,.95))!important}
@media(max-width:980px){.calendar-shell{grid-template-columns:1fr} body::before{background-size:210px;background-position:right 92px top 94px} .section-tools{width:100%} .modern-search{min-width:100%} }


/* Helena Alves — iPad and Android optimized */
html{min-height:100%;scroll-behavior:smooth}body{overscroll-behavior-y:contain}
button,input,select{touch-action:manipulation}
button{min-height:36px} .nav{display:flex;align-items:center;gap:5px}
.nav .ico{flex-shrink:0}
#page{animation:pagefade .24s ease-out}
@keyframes pagefade{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:731px) and (max-width:1100px){
.app{grid-template-columns:188px minmax(0,1fr)}
.sidebar{padding:12px 8px}.sidebar-brand{width:145px;margin-bottom:15px}
.nav{font-size:12px;padding:13px 9px}.nav .ico{margin-right:7px}
.main{padding:16px 15px 24px}.headline{gap:12px}.headline .quote{min-width:160px;font-size:14px;padding:12px}
.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
.calendar-shell{grid-template-columns:1fr!important}
.calendar-day{border-radius:12px;aspect-ratio:auto;min-height:47px}
}
@media(max-width:730px){
.app{display:block}.sidebar{height:calc(70px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);overflow:hidden}
.sidebar nav{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;justify-content:flex-start;flex-wrap:nowrap!important;gap:0;scroll-snap-type:x proximity}
.sidebar nav::-webkit-scrollbar{display:none}
.sidebar nav button{min-width:70px!important;flex:0 0 76px!important;scroll-snap-align:center;font-size:10px!important}
.main{padding:12px 12px calc(94px + env(safe-area-inset-bottom,0px));max-width:100%;}
.topbar{position:relative;top:auto;padding:8px 12px}.crumb{font-size:10px;letter-spacing:.6px}
.topbar-side{gap:4px}.topbar-side .avatar{display:none}
.auth-brand{min-height:170px!important;padding:15px!important}.auth-brand img{max-height:130px;width:190px!important;object-fit:contain}
.auth-wrap{max-width:100%!important}.auth-card{padding:22px!important}
.quote{display:none}.headline{padding:19px!important}.headline h1{font-size:clamp(25px,7vw,33px)}
.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.metric{min-height:110px}
.calendar-card{padding:12px}.calendar-grid{gap:3px}
.calendar-day{border-radius:9px;min-height:37px;aspect-ratio:auto;font-size:12px}
.balloon{padding:7px 10px;font-size:11px}
.section{flex-wrap:wrap}.section .controls{width:100%}.section .controls button{flex:1}
.panel{padding:13px!important}.modern-search{width:100%;min-width:0!important}
.modal{max-height:calc(96vh - env(safe-area-inset-bottom,0px));padding:18px}
.data-table{min-width:640px}
}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* Refinamentos finais de ergonomia móvel */
.headline{padding:clamp(18px,2.2vw,28px)!important}
.calendar-head{gap:8px;flex-wrap:wrap}
.calendar-head .controls{flex-wrap:nowrap!important;gap:5px!important;flex-shrink:0}
.calendar-head .controls button{width:37px;min-width:37px;padding:8px 0}
.calendar-head .modern-tag{white-space:nowrap;padding:8px 10px}
@media(max-width:430px){.calendar-head .panel-title{font-size:14px}.calendar-head .small{font-size:10px}.calendar-head .controls button{width:33px;min-width:33px}.calendar-head .modern-tag{font-size:11px}.calendar-head{align-items:flex-start}}

/* Versão 12 — responsividade real para iPad, tablets e celulares. */
:root{--soft-bg:#fffaf5;--shadow-12:0 15px 48px rgba(95,62,61,.075)}
html{width:100%;min-width:0;max-width:100%;overflow-x:clip}
body,#root,.app,.main,#page{min-width:0;max-width:100%;box-sizing:border-box}
body{overflow-x:clip;background:linear-gradient(130deg,#f9f2ec,#f5ebe4)}
.main{position:relative;isolation:isolate}
.main::before{content:"";position:fixed;z-index:-1;right:1vw;top:15vh;width:min(44vw,470px);height:min(44vw,470px);background:url('assets/monograma.png') center/contain no-repeat;opacity:.14;pointer-events:none;filter:saturate(.8)}
#page{position:relative}
.headline{background:linear-gradient(90deg,rgba(255,249,244,.97),rgba(255,249,244,.80)),url('assets/monograma.png') right 20px center/210px auto no-repeat!important;border-radius:22px;padding:24px!important}
.panel,.metric{border-radius:19px;box-shadow:var(--shadow-12);background:rgba(255,253,250,.94)}
.sidebar{z-index:20}
.controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;max-width:100%}
.controls>*{min-width:0;max-width:100%}
.controls button,.report-actions button,.section button{white-space:normal;overflow-wrap:break-word;line-height:1.25}
.section{flex-wrap:wrap}.section>div:first-child{min-width:0;flex:1 1 210px}.section>button{flex-shrink:0}
.section-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;min-width:0;max-width:100%}
.modern-search{min-width:0;flex:1 1 240px;max-width:440px}
.calendar-shell{min-width:0;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr)}
.calendar-card{min-width:0}.calendar-grid{min-width:0}
.calendar-day{min-width:0;aspect-ratio:1;white-space:nowrap}
.metric .n{font-size:clamp(22px,2.4vw,32px)}
.assistants-stack{display:grid;gap:17px}
.assistant-card{padding:22px}
.assistant-head,.pay-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.assistant-head>div:first-child,.pay-heading>div:first-child{flex:1 1 220px;min-width:0}
.assistant-head .controls,.pay-heading .controls{flex:1 1 270px;justify-content:flex-end}
.rates{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:18px 0}
.rates span{display:flex;flex-direction:column;gap:5px;padding:14px;border-radius:13px;background:#f8f0ea;color:#796860;font-size:12px;overflow-wrap:anywhere}
.rates b{color:var(--mar2);font-size:17px}
.pay-project{padding:14px;border:1px solid #eadbd3;border-radius:14px;background:rgba(255,255,255,.72);margin-top:12px}
.pay-heading{padding-bottom:9px}
.pay-line{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;border-top:1px solid #eee2dc;padding:10px 2px;font-size:13px}
.pay-line>span{min-width:0;flex:1 1 230px;overflow-wrap:anywhere}.pay-line .controls{justify-content:flex-end}
.pay-preview{background:#f5e8df;border-radius:10px;padding:12px 14px;margin-bottom:10px;color:var(--mar2);font-weight:700}
.service-actions{flex:1 1 230px;justify-content:flex-end}.svc-badge{margin-left:8px}
.modal{max-width:min(600px,calc(100vw - 28px));width:100%;max-height:min(90dvh,870px);overflow-x:hidden;overscroll-behavior:contain}
.modal-actions{flex-wrap:wrap}.modal-actions button{flex:1 1 120px;min-width:0}
.data-table td{overflow-wrap:anywhere}.data-table .controls{max-width:100%}
/* A partir desta largura o menu deixa a lateral para ocupar toda a largura útil */
@media(max-width:1180px){
 .app{display:block!important;width:100%}
 .sidebar{position:sticky!important;inset:0 0 auto!important;display:flex!important;width:100%;height:auto!important;min-height:0!important;padding:9px 12px 10px!important;flex-direction:column!important;gap:6px;border-right:0;border-bottom:1px solid #e6d8d1;overflow:visible!important;background:rgba(252,246,241,.97);box-shadow:0 6px 25px rgba(79,43,46,.06);backdrop-filter:blur(16px)}
 .sidebar-brand{display:block!important;width:142px;max-height:54px;object-fit:contain;margin:0 auto 2px!important;padding:0!important}
 .sidebar-bottom{display:none!important}
 .sidebar nav{width:100%;display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;overflow:visible!important;flex-wrap:unset!important}
 .sidebar nav button{display:flex!important;justify-content:center;align-items:center;flex-direction:column;flex:unset!important;min-width:0!important;width:100%;margin:0!important;padding:7px 3px!important;border-radius:12px;font-size:11px!important;gap:2px;line-height:1.2;word-break:normal}
 .sidebar .nav .ico{display:block!important;margin:0!important;font-size:18px}
 .main{width:100%;max-width:100%;padding:18px 16px 42px!important;margin:0 auto}
 .topbar{position:relative!important;top:auto}
 .headline{gap:12px}
 .quote{min-width:150px;max-width:250px;font-size:15px;padding:18px}
}
@media(max-width:920px){
 .main{padding:13px 11px 38px!important}
 .grids,.calendar-shell{grid-template-columns:minmax(0,1fr)!important}
 .metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .rates{grid-template-columns:repeat(2,minmax(0,1fr))}
 .section-tools{width:100%}.modern-search{max-width:none;width:100%;flex-basis:100%}
 .scroll-x{overflow-x:visible!important}
 .data-table{min-width:0!important;width:100%;display:block!important}
 .data-table thead{display:none!important}
 .data-table tbody{display:block!important;width:100%}
 .data-table tr{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 12px;border:1px solid #eee0d9;border-radius:16px;padding:12px;margin:10px 0;background:#fffdfb}
 .data-table td{display:flex!important;min-width:0!important;flex-direction:column;align-items:flex-start;gap:4px;padding:5px 0;border:0!important;white-space:normal!important;font-size:13px;overflow-wrap:anywhere}
 .data-table td::before{content:attr(data-label);font-size:10px;letter-spacing:.6px;text-transform:uppercase;color:#8c776c;font-weight:700;white-space:normal}
 .data-table td.cell-actions{grid-column:1/-1}
 .data-table td[colspan]{grid-column:1/-1}
 .data-table td .controls{justify-content:flex-start}
 .prod-cell{min-width:0!important;max-width:100%;flex-wrap:wrap}
 .product-img,.product-empty{width:42px;height:42px}
 .calendar-day{min-height:35px;border-radius:10px}
 .calendar-grid{gap:5px}
 .panel{padding:14px!important}
}
@media(max-width:650px){
 .sidebar nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}
 .sidebar{position:relative!important;top:auto!important;padding:8px!important;height:auto!important}
 .sidebar-brand{max-height:45px;width:126px}
 .sidebar nav button{min-height:42px;flex-direction:row!important;gap:4px;font-size:11px!important;padding:7px 2px!important;line-height:1.2}
 .sidebar .nav .ico{font-size:16px!important}
 .main{padding:10px 10px 30px!important}
 .topbar{padding:11px 10px;gap:6px}.topbar-side{gap:4px}.crumb{font-size:10px;letter-spacing:0}
 .headline{padding:17px!important}.headline h1{font-size:26px}.quote{display:none}
 .metrics{gap:7px}.metric{padding:12px!important;min-height:100px}.metric .n{font-size:22px}
 .calendar-card{padding:12px!important}.calendar-grid{gap:3px}.calendar-day{font-size:12px;min-height:32px;border-radius:8px}
 .calendar-head{flex-wrap:wrap;align-items:center}.calendar-head .controls{flex:1 1 180px;justify-content:flex-end}
 .balloons{gap:6px}.balloon{padding:8px 10px}
 .panel{padding:12px!important}.rates{grid-template-columns:repeat(2,minmax(0,1fr))}.rates span{padding:10px}
 .assistant-head .controls,.pay-heading .controls{width:100%;justify-content:flex-start}
 .assistant-head .controls button,.pay-heading .controls button,.service-actions button{flex:1 1 130px}
 .data-table tr{grid-template-columns:1fr!important}
 .data-table td.cell-actions{grid-column:auto}
 .data-table td .controls{width:100%}.data-table td .controls button{flex:1 1 105px}
 .section .controls{width:100%}.section .controls button{flex:1 1 120px}
 .modal-backdrop{padding:8px}.modal{width:100%;max-width:100%;padding:16px;max-height:95dvh}
 .two{grid-template-columns:1fr!important}
 .main::before{width:55vw;height:55vw;right:-7vw;top:18vh;opacity:.10}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}