:root{--white:#fff;--ivory:#FCFBF7;--porcelain:#FFFDFC;--peach:#F6ECE7;--soft-peach:#FAF2ED;--champagne:#F2EBDC;--sage:#DDE4DB;--forest:#1F3A33;--forest-dark:#17352D;--charcoal:#424644;--muted:#6D736F;--line:#E9E7E2;--danger:#9B3B3B;--warn:#A66B22;--ok:#356D5A;--shadow:0 18px 60px rgba(31,58,51,.09)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--ivory);color:var(--charcoal);font-family:Manrope,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,h4{font-family:'Cormorant Garamond',serif;color:var(--forest);margin:0}h1{font-size:clamp(2.2rem,4vw,4.2rem);line-height:.98}h2{font-size:2rem}h3{font-size:1.45rem}.hidden{display:none!important}.eyebrow{font-size:.72rem;letter-spacing:.18em;font-weight:700;color:#A68352}.muted{color:var(--muted)}.btn{border:0;border-radius:14px;padding:.78rem 1rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:.4rem}.btn.primary{background:var(--forest);color:white}.btn.primary:hover{background:var(--forest-dark)}.btn.secondary{background:var(--sage);color:var(--forest)}.btn.subtle{background:white;color:var(--forest);border:1px solid var(--line)}.btn.danger{background:#F9EAEA;color:var(--danger)}.btn.wide{width:100%}.icon-btn{border:1px solid var(--line);background:#fff;border-radius:12px;padding:.6rem}.lock-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 10% 0,#F6ECE7 0,transparent 35%),radial-gradient(circle at 100% 100%,#DDE4DB 0,transparent 32%),var(--ivory)}.lock-card{width:min(460px,100%);background:rgba(255,255,255,.95);border:1px solid var(--line);border-radius:30px;padding:42px;box-shadow:var(--shadow);text-align:center}.lock-logo{width:210px;margin:0 auto 28px}.lock-card h1{margin:.35rem 0 1rem}.lock-card p{color:var(--muted)}.pin-input{width:100%;margin:18px 0 12px;padding:16px;text-align:center;font-size:1.4rem;letter-spacing:.5em;border:1px solid var(--line);border-radius:14px;background:#fff;outline:none}.pin-input:focus{border-color:#9BB0A6;box-shadow:0 0 0 4px rgba(221,228,219,.6)}.lock-card small{display:block;color:var(--muted);margin-top:15px}.app{display:grid;grid-template-columns:250px 1fr;grid-template-rows:82px 1fr;min-height:100vh}.sidebar{grid-row:1/3;background:var(--forest);color:white;padding:22px 16px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.side-brand img{width:170px;filter:brightness(0) invert(1);opacity:.95}.side-brand span{display:block;font-size:.62rem;letter-spacing:.18em;color:#C9D4CE;margin:8px 8px 28px}.sidebar nav{display:grid;gap:6px}.nav-btn{display:flex;align-items:center;gap:11px;padding:11px 12px;color:#E9EFEC;background:transparent;border:0;border-radius:12px;text-align:left;width:100%}.nav-btn:hover,.nav-btn.active{background:rgba(255,255,255,.11);color:white}.nav-icon{width:22px;text-align:center}.side-bottom{margin-top:auto}.role-badge{font-size:.78rem;color:#D9E2DD;margin:0 8px 12px}.topbar{grid-column:2;padding:14px 28px;background:rgba(252,251,247,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20}.topbar h2{font-size:1.65rem}.top-actions{display:flex;align-items:center;gap:10px}.avatar{width:42px;height:42px;border-radius:50%;border:0;background:var(--forest);color:white;font-weight:700}.select,.field input,.field select,.field textarea{border:1px solid var(--line);border-radius:12px;background:#fff;padding:11px 12px;color:var(--charcoal);width:100%}.select.compact{width:auto}.content{grid-column:2;padding:28px;min-width:0}.grid{display:grid;gap:18px}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:0 8px 24px rgba(31,58,51,.04)}.metric strong{font-family:'Cormorant Garamond',serif;font-size:2.1rem;color:var(--forest);display:block}.metric span{font-size:.8rem;color:var(--muted)}.section-head{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:14px}.floor-row,.queue-row,.list-row{display:grid;grid-template-columns:1.1fr .8fr .9fr auto;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.floor-row:last-child,.queue-row:last-child,.list-row:last-child{border-bottom:0}.status{font-size:.75rem;font-weight:700;padding:.35rem .55rem;border-radius:999px;width:max-content}.status.available{background:#E6F2EC;color:var(--ok)}.status.busy{background:#F8EFE1;color:var(--warn)}.status.off{background:#F0F0EE;color:#747874}.status.pending{background:#FFF4D8;color:#8B5A12}.status.confirmed{background:#E6F2EC;color:var(--ok)}.status.cancelled{background:#F9EAEA;color:var(--danger)}.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:16px}.segmented{display:inline-flex;background:#F3F3EF;border-radius:12px;padding:3px}.segmented button{border:0;background:transparent;padding:.58rem .75rem;border-radius:9px;color:var(--muted);font-weight:700}.segmented button.active{background:white;color:var(--forest);box-shadow:0 2px 8px rgba(0,0,0,.06)}.calendar{background:white;border:1px solid var(--line);border-radius:20px;overflow:hidden}.cal-head,.cal-row{display:grid;grid-template-columns:80px repeat(3,minmax(150px,1fr))}.cal-head>div{padding:12px;border-right:1px solid var(--line);background:#F8F7F2;font-weight:700;color:var(--forest)}.cal-cell{min-height:72px;border-top:1px solid var(--line);border-right:1px solid var(--line);padding:6px;position:relative}.time-cell{background:#FAF9F5;color:var(--muted);font-size:.8rem}.appt{border-left:4px solid var(--forest);background:#EFF4F0;border-radius:10px;padding:7px 8px;font-size:.76rem;color:var(--forest);margin-bottom:5px}.appt.block{border-left-color:#9A8D7A;background:#F4F0EA;color:#6E6457}.appt.pending{border-left-color:#C5943B;background:#FFF7E5}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px;border-bottom:1px solid var(--line);text-align:left;font-size:.88rem}.table th{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.modal-backdrop{position:fixed;inset:0;background:rgba(23,53,45,.32);display:grid;place-items:center;padding:20px;z-index:99}.modal{width:min(760px,100%);max-height:90vh;overflow:auto;background:white;border-radius:24px;box-shadow:0 30px 90px rgba(31,58,51,.28);padding:24px}.modal.large{width:min(980px,100%)}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.close{border:0;background:#F3F3EF;width:36px;height:36px;border-radius:50%}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.field{display:grid;gap:6px}.field label,.field>span{font-size:.76rem;font-weight:700;color:var(--forest)}.field.full{grid-column:1/-1}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.quick-card{border:1px solid var(--line);background:#fff;border-radius:15px;padding:16px;text-align:left}.quick-card:hover{border-color:#A8B9B0;background:#F8FAF8}.permission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.toggle{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);padding:12px;border-radius:12px;background:white}.switch{width:38px;height:22px;border-radius:999px;background:#D8D8D2;position:relative}.switch.on{background:var(--forest)}.switch:after{content:'';position:absolute;width:16px;height:16px;border-radius:50%;background:white;top:3px;left:3px;transition:.2s}.switch.on:after{left:19px}.ticket-layout{display:grid;grid-template-columns:1.3fr .7fr;gap:18px}.ticket-line{display:grid;grid-template-columns:1fr auto auto;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.summary-line{display:flex;justify-content:space-between;padding:7px 0}.summary-line.total{font-weight:800;font-size:1.15rem;color:var(--forest);border-top:1px solid var(--line);margin-top:7px;padding-top:12px}.signature-pad{height:130px;border:2px dashed #B8C4BD;border-radius:14px;background:#FBFCFA;display:grid;place-items:center;color:var(--muted)}#toast{position:fixed;right:20px;bottom:20px;background:var(--forest);color:#fff;padding:12px 16px;border-radius:12px;z-index:200;opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s}#toast.show{opacity:1;transform:none}.booking-body{background:linear-gradient(180deg,#FCFBF7,#F6ECE7)}.booking-shell{max-width:920px;margin:auto;padding:28px}.booking-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.booking-header img{width:190px}.booking-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:34px;box-shadow:var(--shadow)}.booking-card h1{margin:.35rem 0 1rem}.booking-steps{display:flex;gap:6px;margin:26px 0}.step-dot{height:5px;flex:1;border-radius:99px;background:#E8E7E2}.step-dot.active{background:var(--forest)}.option-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.option{border:1px solid var(--line);background:#fff;padding:16px;border-radius:15px;text-align:left}.option.selected{border-color:var(--forest);background:#F3F7F4}.time-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.time-btn{border:1px solid var(--line);background:#fff;padding:11px;border-radius:12px}.time-btn:hover{background:#F3F7F4;border-color:#A9BAB1}.notice{padding:12px 14px;border-radius:12px;background:#F8F7F2;color:#665F54;font-size:.85rem}.mobile-only{display:none}@media(max-width:1000px){.grid.cols-4{grid-template-columns:repeat(2,1fr)}.grid.cols-3{grid-template-columns:1fr 1fr}.app{grid-template-columns:220px 1fr}.content{padding:20px}.cal-head,.cal-row{grid-template-columns:70px repeat(3,minmax(135px,1fr))}.permission-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){.app{display:block}.sidebar{position:fixed;left:-270px;z-index:60;width:250px;transition:.25s}.sidebar.open{left:0}.topbar{grid-column:auto;padding:12px 14px}.content{grid-column:auto;padding:14px}.mobile-only{display:inline-flex}.top-actions .secondary,.locationSelect{display:none}.grid.cols-4,.grid.cols-3,.grid.cols-2,.ticket-layout{grid-template-columns:1fr}.cal-head,.cal-row{grid-template-columns:60px repeat(3,170px);width:max-content}.calendar{overflow:auto}.floor-row,.queue-row,.list-row{grid-template-columns:1fr auto}.floor-row>*:nth-child(3),.queue-row>*:nth-child(3),.list-row>*:nth-child(3){display:none}.form-grid,.permission-grid,.quick-grid{grid-template-columns:1fr}.option-grid{grid-template-columns:1fr}.time-grid{grid-template-columns:repeat(3,1fr)}.booking-shell{padding:14px}.booking-card{padding:22px}.booking-header img{width:150px}}