@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,600;1,600&display=swap');
:root{--bg:#f8f4ee;--sidebar:#f0e7db;--paper:#fffefa;--ink:#392c24;--muted:#887a6c;--line:#e8ddd0;--espresso:#825436;--espresso-dark:#603b27;--cream:#f8f2ea;--light:#f5eee6;--danger:#ae5149;--shadow:0 14px 45px rgba(66,42,27,.045)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:14px/1.55 'DM Sans',system-ui,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button:focus-visible,input:focus-visible{outline:3px solid #d1a77f;outline-offset:2px}button{transition:background .18s,transform .18s,box-shadow .18s}button:active{transform:translateY(1px)}.hidden{display:none!important}.app{display:grid;grid-template-columns:258px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--sidebar);border-right:1px solid #e4d6c6;padding:33px 17px 20px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:15}.brand{display:flex;align-items:center;gap:12px;padding:0 7px;margin-bottom:57px}.brandmark{width:47px;height:47px;display:grid;place-items:center;border-radius:15px;background:var(--espresso);color:white;box-shadow:0 7px 17px #82543628}.brandmark svg{width:25px;height:25px}.brand strong{display:block;font:800 15px Manrope,sans-serif;letter-spacing:-.6px;line-height:1.3;white-space:nowrap}.brand strong span{color:var(--espresso)}.brand small{display:block;font-size:8px;letter-spacing:1.6px;font-weight:800;color:#a28c78;margin-top:5px}.navheading{font-size:10px;letter-spacing:1.9px;color:#a4917d;font-weight:800;padding:0 17px;margin-bottom:14px}.navigation{display:grid;gap:5px}.navitem{display:flex;align-items:center;gap:13px;border:0;text-align:left;background:transparent;color:#746457;padding:14px 16px;border-radius:12px;font-size:13px;font-weight:750}.navitem:hover{background:#e9dccd;color:#503727}.navitem.active{background:var(--espresso);color:white;box-shadow:0 8px 17px #82543624}.navitem svg{width:19px;height:19px}.sidebar-foot{margin-top:auto;border:1px solid #dfcfbd;background:#f8f2e9;border-radius:14px;padding:15px;display:flex;gap:12px}.foot-icon{color:var(--espresso)}.sidebar-foot b{font-size:12px;display:block}.sidebar-foot small{font-size:11px;color:var(--muted);display:block;line-height:1.55;margin-top:4px}.sidebar-sign{font-size:9px;color:#ae9b88;letter-spacing:1.2px;font-weight:700;text-align:center;margin-top:20px}.main{min-width:0;width:100%;max-width:1640px;margin:0 auto;padding:36px clamp(18px,3.2vw,55px) 24px}.header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:28px}.header-left{display:flex;align-items:center;gap:12px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:800;color:#ac8d72}.dot{display:inline-block;width:4px;height:4px;background:#bba188;border-radius:50%;margin:0 8px 2px}h1,h2,h3,p{margin-top:0}h1{font:800 clamp(25px,2.3vw,35px)/1.2 Manrope,sans-serif;letter-spacing:-1.3px;margin:7px 0 6px}.header p{color:var(--muted);margin:0;font-size:13px}.header-tools{display:flex;align-items:center;gap:10px}.date-wrap{display:flex;align-items:center;gap:9px;background:var(--paper);border:1px solid var(--line);border-radius:11px;padding:0 12px;color:var(--espresso);min-height:43px}.date-wrap input{border:0;outline:0;background:transparent;color:var(--ink);padding:10px 0;min-width:0;max-width:155px;font-weight:700}.btn{border:1px solid transparent;border-radius:10px;min-height:43px;padding:10px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:800;white-space:nowrap}.btn svg{width:16px;height:16px}.btn-primary{color:white;background:var(--espresso);box-shadow:0 5px 14px #8254361e}.btn-primary:hover{background:var(--espresso-dark)}.btn-light{background:#fff4e4;color:#62422d}.btn-light:hover{background:white}.btn-outline{background:var(--paper);color:#76543f;border-color:var(--line)}.btn-outline:hover{background:#f9f1e8}.btn-sm{min-height:36px;padding:8px 11px;font-size:11px}.full{width:100%}.page{display:none}.page.active{display:block}.hero{border-radius:23px;background:linear-gradient(115deg,#62422f 0%,#805940 65%,#9c7254 100%);overflow:hidden;position:relative;min-height:259px;padding:39px 43px;display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;color:white;box-shadow:0 18px 40px #66483316}.hero-copy{position:relative;z-index:2;max-width:520px}.hero-eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:#e9c5a7;display:flex;align-items:center;gap:8px}.hero-indicator{width:7px;height:7px;border-radius:50%;background:#f8ddb0}.hero h2{font:600 clamp(27px,2.7vw,40px)/1.15 'Playfair Display',Georgia,serif;letter-spacing:-.7px;margin:13px 0}.hero h2 em{color:#f0ce9f}.hero p{color:#eddbc9;max-width:410px;font-size:12px;line-height:1.65;margin-bottom:19px}.hero-art{width:260px;height:260px;position:absolute;right:45px;top:0;display:grid;place-items:center;opacity:.95}.art-ring{position:absolute;border:1px solid #e9c6a052;border-radius:50%}.art-ring.outer{width:235px;height:235px}.art-ring.inner{width:175px;height:175px}.art-ring.outer:before,.art-ring.outer:after{content:'';position:absolute;inset:13px;border:1px dashed #e9c6a035;border-radius:50%}.art-scissors{width:88px;height:88px;color:#f6dbb4;transform:rotate(-25deg)}.art-scissors svg{width:88px;height:88px;stroke-width:1.15}.art-star{position:absolute;color:#f3d1a1;font-size:25px}.star1{top:39px;left:27px}.star2{bottom:53px;right:23px}.art-caption{position:absolute;bottom:34px;font-size:8px;letter-spacing:1.7px;color:#ebc8a5}.section-row{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-bottom:16px}.section-heading{font:800 21px Manrope,sans-serif;letter-spacing:-.5px;margin:4px 0 0}.date-caption{font-size:12px;color:var(--muted);font-weight:700}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:22px}.metric{background:var(--paper);border:1px solid var(--line);border-radius:17px;padding:19px 20px 17px;box-shadow:var(--shadow);min-width:0}.metric-head{display:flex;align-items:center;justify-content:space-between;gap:7px;color:#89776a;font-size:12px;font-weight:700}.metric-ico{width:34px;height:34px;border-radius:10px;display:grid;place-items:center}.metric-ico svg{width:18px;height:18px}.brown{background:#f2e6d9;color:#98653f}.blush{background:#fbefea;color:#b56d61}.gold{background:#f4e3c9;color:#9d7140}.sage{background:#ecf1e9;color:#6c8b6c}.metric strong{font:800 clamp(21px,2vw,28px) Manrope,sans-serif;letter-spacing:-1px;display:block;margin:13px 0 3px;white-space:nowrap}.metric small{font-size:10px;color:#9a8c7f}.metric.feature{background:#f1e3d1;border-color:#e2c9ae}.metric.feature strong{color:#765031}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.85fr);gap:19px;margin-bottom:19px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);overflow:hidden;min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:20px 21px 17px;border-bottom:1px solid #f1e9df}.panel-head h3{font:800 17px Manrope,sans-serif;letter-spacing:-.5px;margin:4px 0 3px}.panel-head p{font-size:11px;color:var(--muted);margin:0}.worker-summary{padding:8px 20px 15px}.worker-summary-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #f2ebe3}.worker-summary-row:last-child{border-bottom:0}.avatar{width:41px;height:41px;border-radius:13px;background:linear-gradient(135deg,#f0dfca,#e6cdb2);display:grid;place-items:center;color:#825436;font-weight:900;flex-shrink:0}.worker-info{flex:1;min-width:0}.worker-info b{font-size:12px;display:block}.worker-info small{font-size:10px;color:var(--muted)}.worker-amount{font-weight:800;font-size:13px}.track{background:#f3eae0;height:5px;border-radius:10px;margin-top:8px;overflow:hidden}.track span{display:block;height:100%;background:#ad7951;border-radius:10px}.status-pill{display:inline-flex;align-items:center;gap:6px;background:#f8ecd9;color:#8f663d;border:1px solid #ecd8b9;border-radius:99px;padding:6px 10px;white-space:nowrap;font-size:10px;font-weight:850}.status-pill.saved{background:#eaf4eb;border-color:#cfe4d1;color:#487953}.closing-list{padding:12px 21px 5px}.closing-list>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 0;border-bottom:1px solid #f0e8df}.closing-list span{font-size:12px;color:#88776b}.closing-list strong{font-size:13px}.closing-list .closing-total{border-bottom:0}.closing-total strong{font:800 21px Manrope,sans-serif;color:#825436}.closing-action{padding:8px 21px 19px}.closing-action p{text-align:center;color:var(--muted);font-size:10px;margin:9px 0 0}.recent-list{padding:0 20px 10px}.recent-item{width:100%;background:transparent;border:0;border-bottom:1px solid #f1e9df;display:flex;justify-content:space-between;text-align:left;align-items:center;padding:13px 2px;gap:10px;color:var(--ink)}.recent-item:last-child{border-bottom:0}.recent-item:hover{color:var(--espresso)}.recent-item b{font-size:12px}.recent-item small{font-size:10px;color:var(--muted);display:block;margin-top:3px}.recent-item strong{font-size:13px;color:var(--espresso)}.empty{padding:28px 18px;color:var(--muted);text-align:center;font-size:12px}.register-intro{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:21px}.register-intro h2{font:800 24px Manrope,sans-serif;letter-spacing:-.7px;margin:5px 0}.register-intro p{font-size:12px;color:var(--muted);margin:0;max-width:550px}.register-grid{display:grid;grid-template-columns:minmax(0,1.32fr) minmax(280px,.85fr);gap:18px;align-items:start}.soft-count{border-radius:99px;background:#f6ede4;color:#93643f;padding:7px 10px;white-space:nowrap;font-weight:800;font-size:10px}.worker-card{margin:13px 17px;background:#fcf7f1;border:1px solid #ede2d6;border-radius:14px;overflow:hidden}.worker-card-header{display:flex;gap:10px;align-items:center;padding:12px 13px;border-bottom:1px solid #efe3d6}.worker-card-header .avatar{width:36px;height:36px;border-radius:10px}.worker-card-header .worker-info b{font-size:13px}.worker-card-header .worker-amount{color:var(--espresso)}.service-line,.expense-line{display:flex;align-items:center;gap:10px;padding:10px 13px;border-bottom:1px solid #f2eae1}.service-line .service-desc,.expense-line .expense-desc{flex:1;min-width:0;overflow-wrap:anywhere;font-size:12px}.service-line strong,.expense-line strong{font-size:12px;white-space:nowrap}.entry-num{color:#a3978d;font-size:10px}.delete-btn{border:1px solid #f2d9d2;background:#fff4f1;color:var(--danger);border-radius:7px;min-height:28px;padding:3px 8px;font-size:15px}.delete-btn:hover{background:#ffe6df}.addservice{display:grid;grid-template-columns:minmax(0,1fr) 96px auto;gap:8px;padding:11px;background:#f7eee4}.addservice input,.expense-form input,.add-worker-form input,.worker-edit-input,.report-controls input{width:100%;min-width:0;border:1px solid #e4d7c8;background:#fffefa;border-radius:9px;padding:11px 10px;color:var(--ink);outline-color:#c69b7a}.addservice .btn{padding:9px 12px}.expense-form{display:grid;gap:8px;padding:19px 20px;border-bottom:1px solid #f0e8df}.expense-form label,.add-worker-form label,.report-controls label span{font-size:11px;color:#76665a;font-weight:800}.expense-form input{margin-bottom:8px}.expense-line{padding:12px 20px}.total-strip{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-top:1px solid #eadccf;background:#f8eee3;color:#7d5437;font-size:12px;font-weight:800}.total-strip strong{font:800 17px Manrope,sans-serif}.register-footer{margin-top:19px;background:#ede0d1;border:1px solid #dfcbb7;border-radius:15px;padding:19px 22px;display:flex;align-items:center;justify-content:space-between;gap:15px}.register-footer strong{font-size:13px}.register-footer p{margin:4px 0 0;color:var(--muted);font-size:11px}.report-controls{padding:20px;display:flex;align-items:end;gap:10px;flex-wrap:wrap}.report-controls label{display:grid;gap:7px;min-width:180px}.report-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 20px 20px}.report-metrics>div{border:1px solid var(--line);border-radius:13px;background:#fbf7f2;padding:19px}.report-metrics span{display:block;font-size:11px;color:var(--muted)}.report-metrics strong{display:block;margin-top:6px;font:800 clamp(17px,2vw,23px) Manrope,sans-serif}.report-metrics .report-profit{background:#efe0ce;border-color:#e5d1bb}.report-profit strong{color:#795134}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left}th{background:#faf4ec;color:#8c7c6c;text-transform:uppercase;letter-spacing:1px;font-size:10px}td,th{padding:15px 18px;border-bottom:1px solid #f0e8df}td{font-size:12px}td.net-cell{font-weight:800;color:var(--espresso)}.admin-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:19px;align-items:start}.add-worker-form{padding:18px 20px;border-bottom:1px solid var(--line)}.input-action{display:flex;gap:8px;margin-top:8px}.adminrow{display:flex;align-items:center;gap:10px;border-bottom:1px solid #f0e9e1;padding:13px 18px}.adminrow .avatar{width:35px;height:35px;border-radius:10px}.adminrow .worker-edit-input{flex:1}.adminrow .btn{min-height:38px;padding:8px 10px}.backup-box{padding:24px 20px;display:grid;gap:12px}.backup-symbol{width:50px;height:50px;border-radius:16px;background:#f1e3d2;color:var(--espresso);display:grid;place-items:center}.backup-symbol svg{width:25px;height:25px}.backup-box strong{font-size:15px}.backup-box p{font-size:12px;color:var(--muted);margin:-5px 0 7px}.footer{padding:36px 0 8px;text-align:center;color:#ae9d8d;font-size:9px;letter-spacing:1.6px;font-weight:800}.footer span{padding:0 8px}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%) translateY(20px);z-index:80;color:white;background:#4f3627;padding:13px 20px;border-radius:11px;box-shadow:0 12px 40px #382b2444;font-size:12px;font-weight:750;opacity:0;pointer-events:none;transition:.2s;max-width:calc(100% - 30px)}.toast.visible{opacity:1;transform:translateX(-50%) translateY(0)}.confirm-dialog{border:1px solid var(--line);border-radius:19px;padding:25px;background:#fffefa;color:var(--ink);width:min(410px,calc(100% - 30px));box-shadow:0 25px 85px #382b2444}.confirm-dialog::backdrop{background:#2d221cc0}.dialog-symbol{width:48px;height:48px;background:#f7e9db;color:var(--espresso);border-radius:14px;display:grid;place-items:center;margin-bottom:14px}.confirm-dialog h3{font:800 19px Manrope,sans-serif;margin:0 0 6px}.confirm-dialog p{font-size:12px;color:var(--muted)}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.mobile-menu,.mobile-shade{display:none}.icon-button{width:42px;height:42px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--espresso)}@media(max-width:1160px){.app{grid-template-columns:220px minmax(0,1fr)}.sidebar{padding:29px 12px}.brand{gap:8px}.brand strong{font-size:12px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-art{right:-10px;opacity:.55}.dashboard-grid{grid-template-columns:1fr}.register-grid{grid-template-columns:1fr 1fr}}@media(max-width:850px){.app{display:block}.sidebar{position:fixed;left:0;top:0;bottom:0;width:260px;height:100dvh;transform:translateX(-105%);transition:transform .25s;box-shadow:20px 0 50px #382b241c}.sidebar.open{transform:translateX(0)}.mobile-shade.visible{display:block;position:fixed;inset:0;background:#23170b77;z-index:14}.mobile-menu{display:flex}.main{padding:23px 22px}.register-grid,.admin-grid{grid-template-columns:1fr}.hero-art{right:5px}.hero{padding:30px}}@media(max-width:590px){.main{padding:16px 12px}.header{flex-direction:column;align-items:stretch;gap:16px;margin-bottom:19px}.header-tools{display:grid;grid-template-columns:1fr 1fr}.date-wrap{min-width:0}.date-wrap input{width:100%;font-size:12px}.header h1{font-size:25px}.header p{font-size:11px}.hero{min-height:247px;padding:29px 23px}.hero-art{right:-88px;opacity:.18}.hero h2{font-size:31px}.hero p{font-size:11px}.metrics{gap:9px}.metric{padding:14px 12px;border-radius:13px}.metric-head{font-size:10px}.metric-ico{width:29px;height:29px}.metric strong{font-size:19px;letter-spacing:-.8px}.metric small{font-size:9px}.section-row{align-items:center}.section-heading{font-size:18px}.date-caption{font-size:10px}.panel-head{padding:16px 14px;align-items:flex-start}.panel-head h3{font-size:15px}.panel-head p{font-size:10px}.panel-head .btn{font-size:10px;padding:7px;white-space:normal}.worker-summary{padding:4px 14px 10px}.register-intro h2{font-size:21px}.worker-card{margin:10px}.addservice{grid-template-columns:minmax(0,1fr) 76px auto;gap:5px;padding:8px}.addservice input{padding:10px 7px;font-size:11px}.addservice .btn{padding:8px 7px;font-size:10px}.service-line{gap:6px;padding:9px}.register-footer{align-items:stretch;flex-direction:column}.report-metrics{gap:6px;padding:0 10px 15px}.report-metrics>div{padding:12px 8px}.report-metrics strong{font-size:15px;letter-spacing:-.5px}.report-metrics span{font-size:9px}.adminrow{flex-wrap:wrap;padding:12px}.adminrow .worker-edit-input{min-width:120px}.input-action{flex-wrap:wrap}.input-action .btn{width:100%}.footer{font-size:8px;letter-spacing:.8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* Cream & Espresso bespoke working-date calendar */
.date-selector{position:relative;min-width:205px;z-index:30}.date-native-hidden{position:absolute;pointer-events:none;opacity:0;width:1px;height:1px;clip-path:inset(50%)}.date-trigger{width:100%;min-height:56px;display:flex;align-items:center;gap:12px;padding:8px 15px;background:#fffefa;border:1px solid #e5d7c8;border-radius:14px;color:#402e23;text-align:left;box-shadow:0 4px 15px #6f4b2f0a}.date-trigger:hover,.date-trigger[aria-expanded="true"]{border-color:#b58a66;background:#fffcf8;box-shadow:0 6px 25px #82543612}.date-trigger-icon{width:35px;height:35px;border-radius:10px;background:#f3e6d8;color:#875a3e;display:grid;place-items:center}.date-trigger-icon svg{width:19px;height:19px}.date-trigger-label{display:grid;gap:1px;flex:1}.date-trigger-label small{font-size:9px;color:#a68b74;letter-spacing:1.1px;font-weight:800}.date-trigger-label strong{font-size:14px;font-weight:800;white-space:nowrap}.date-trigger-chevron{color:#9d806a;font-size:15px}.salon-calendar[hidden]{display:none!important}.salon-calendar{position:absolute;top:calc(100% + 10px);right:0;width:min(345px,calc(100vw - 30px));background:#fffefa;border:1px solid #e7d7c4;border-radius:20px;box-shadow:0 22px 65px #35211330;padding:18px;z-index:200;animation:calendarAppear .17s ease-out}.calendar-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}.calendar-eyebrow{font-size:9px;font-weight:850;letter-spacing:1.6px;color:#a48a75}.calendar-heading h3{margin:4px 0 0;color:#3d2b21;font:800 19px Manrope,system-ui,sans-serif}.calendar-nav{display:flex;gap:7px}.calendar-nav button{display:grid;place-items:center;width:34px;height:34px;border:1px solid #e9ddcf;border-radius:10px;background:#f9f3eb;color:#7e5439;font:400 27px/1 Georgia,serif}.calendar-nav button:hover{background:#ecddcb}.calendar-weekdays,.calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;text-align:center}.calendar-weekdays{margin-bottom:7px}.calendar-weekdays span{padding:6px 0;color:#aa9683;font-size:10px;font-weight:800}.calendar-days button,.calendar-days .calendar-placeholder{aspect-ratio:1;min-width:0;display:grid;place-items:center;border:1px solid transparent;border-radius:11px;font:700 12px Manrope,system-ui,sans-serif;background:transparent;color:#47352b;padding:0}.calendar-days button:hover{background:#f4e8da;border-color:#e5d1be}.calendar-days button.other-month{color:#bfb0a0}.calendar-days button.is-today{border:1px solid #c6a181;color:#87583a}.calendar-days button.is-selected{background:#825436;color:#fff;border-color:#825436;box-shadow:0 4px 11px #82543630}.calendar-days button:focus-visible,.calendar-nav button:focus-visible,.calendar-footer button:focus-visible,.date-trigger:focus-visible{outline:3px solid #d4b292;outline-offset:2px}.calendar-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f0e5da;margin-top:15px;padding-top:14px;gap:8px}.calendar-footer button{border:0;border-radius:9px;padding:9px 11px;font-size:11px;font-weight:800}.calendar-clear{background:#f2e5d7;color:#805436}.calendar-close{background:#825436;color:#fff}.calendar-hint{font-size:10px;color:#998574;display:flex;align-items:center;gap:5px;white-space:nowrap}.calendar-hint-dot{width:7px;height:7px;border-radius:50%;background:#825436}@keyframes calendarAppear{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:590px){.header-tools{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.date-selector{min-width:0}.date-trigger{min-height:53px;padding:7px 9px;gap:7px}.date-trigger-icon{width:29px;height:29px}.date-trigger-label strong{font-size:12px}.date-trigger-label small{font-size:8px}.salon-calendar{right:auto;left:0;width:min(345px,calc(100vw - 24px));padding:14px}.calendar-days{gap:3px}.calendar-hint{font-size:9px}}@media(prefers-reduced-motion:reduce){.salon-calendar{animation:none}}

/* Profile entry: optional login in frontend preview */
.profile-entry{display:flex;align-items:center;gap:9px;text-decoration:none;color:#51392b;background:#fffefa;border:1px solid #e8ddd0;border-radius:13px;padding:7px 12px;min-height:52px;white-space:nowrap;font-size:12px;font-weight:800}.profile-entry:hover{background:#f4e8da;border-color:#cda988}.profile-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#f1e2d2;font-size:17px}.profile-text{display:grid;line-height:1.25}.profile-text small{font-size:10px;color:#987962;font-weight:600}.back-to-site{display:inline-flex;margin:0 0 24px;color:#825436;font-size:12px;font-weight:800;text-decoration:none}.back-to-site:hover{text-decoration:underline}@media(max-width:590px){.header-tools{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:7px}.profile-entry{grid-column:1/-1;justify-self:end;min-height:42px;padding:5px 9px}.profile-avatar{width:29px;height:29px}.header-tools>.date-selector{grid-column:1}.header-tools>#saveTop{grid-column:2}}

/* Premium, accessible Worker Login Account editor */
.staff-access-panel{overflow:hidden;border-radius:22px!important;background:#fffdf9!important;box-shadow:0 12px 38px rgba(78,52,33,.055)}
.staff-access-heading{display:flex;gap:17px;align-items:center;padding:26px 30px;background:linear-gradient(110deg,#fffcf8,#f9f0e7);border-bottom:1px solid #eadbcd}
.staff-access-heading-icon{width:58px;height:58px;flex:0 0 58px;display:grid;place-items:center;color:#875a3e;background:#f2e3d3;border:1px solid #e7d0ba;border-radius:18px}
.staff-access-heading-icon svg{width:29px;height:29px}
.staff-heading-copy{min-width:0;flex:1}.staff-heading-copy .eyebrow{color:#a37c62;font-size:10px;letter-spacing:.16em;font-weight:800}.staff-heading-copy h3{font:600 clamp(21px,2vw,28px)/1.25 Georgia,serif;color:#38291f;margin:7px 0 6px}.staff-heading-copy p{color:#897464;line-height:1.6;font-size:13px;margin:0}
.staff-mode-pill{display:inline-flex;gap:7px;align-items:center;white-space:nowrap;border-radius:999px;padding:9px 13px;border:1px solid #e5d0b7;background:#f6e7d4;color:#80583f;font-size:11px;font-weight:800}.staff-mode-pill span{height:7px;width:7px;background:#b98b55;border-radius:50%}
.staff-access-body{padding:28px 30px 24px}.staff-form-intro,.staff-account-title{display:flex;justify-content:space-between;align-items:center;gap:14px}.staff-form-intro{margin-bottom:18px}.staff-form-intro strong,.staff-account-title strong{display:block;font-size:15px;color:#3a2b22;font-weight:800}.staff-form-intro span:not(.staff-form-step),.staff-account-title span:not(.staff-status-text){display:block;margin-top:4px;font-size:12px;color:#9a8270;line-height:1.5}.staff-form-step{font-size:11px;color:#966d50;font-weight:750;background:#f7ece0;border-radius:8px;padding:9px 11px;white-space:nowrap}
.account-form.staff-form{display:grid;grid-template-columns:minmax(135px,.72fr) minmax(170px,1fr) minmax(185px,1.08fr) auto;align-items:end;gap:13px;padding:0!important;margin:0}
.staff-form .staff-field{display:flex;flex-direction:column;gap:9px;margin:0;color:#604a3a;font-size:12px;font-weight:750;min-width:0}
.staff-control{display:flex;align-items:center;gap:10px;width:100%;height:50px;background:#fffdfa;border:1px solid #e3d4c4;border-radius:12px;padding:0 12px;transition:border-color .2s,box-shadow .2s;min-width:0}
.staff-control:focus-within{border-color:#a67752;box-shadow:0 0 0 3px #95623d1c}
.staff-control svg{width:18px;height:18px;flex:0 0 18px;color:#a77b5c}
.staff-control input,.staff-control select{display:block;flex:1;width:100%;height:100%;border:0!important;outline:none!important;background:transparent!important;padding:0!important;border-radius:0!important;font-size:13px;color:#3c2d23;min-width:0;box-shadow:none!important}
.staff-control input::placeholder{color:#af9c8c}
.staff-create-btn{min-height:50px;height:50px;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:12px;padding:0 17px!important;font-size:12px!important}.staff-create-btn svg{width:17px;height:17px;flex:0 0 17px}
.staff-account-section{border-top:1px solid #efe5da;margin-top:29px;padding-top:22px}.staff-account-title{margin-bottom:14px}.staff-status-text{padding:7px 10px;color:#886448;background:#f6ede3;border-radius:8px;font-size:11px;font-weight:750;white-space:nowrap}
.staff-access-panel .account-list{padding:0!important;margin:0;display:grid;gap:12px}.staff-access-panel .account-list:empty::after{content:'No worker logins created yet. New accounts will appear here.';display:block;padding:23px;background:#f9f5ef;border:1px dashed #ddc9b7;color:#8e7866;border-radius:12px;text-align:center;font-size:13px}
.staff-access-panel .account-item{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;padding:18px;background:linear-gradient(180deg,#fffdfa 0,#fbf6ef 100%);border:1px solid #e8dacc;border-radius:18px;box-shadow:0 10px 24px rgba(92,59,33,.05)}
.staff-access-panel .account-item-main{display:flex;align-items:center;gap:14px;flex:1;min-width:min(100%,320px)}
.staff-access-panel .account-avatar{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#8b5e3f,#b1815e);color:#fff;font-weight:800;font-size:16px;letter-spacing:.06em;box-shadow:0 8px 20px rgba(132,89,57,.22);flex:0 0 50px}
.staff-access-panel .account-content{display:grid;gap:8px;min-width:0;flex:1}
.staff-access-panel .account-topline{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.staff-access-panel .account-topline strong{font-size:18px;line-height:1.2;color:#2f241d}
.staff-access-panel .account-role-pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#f5e9dc;border:1px solid #ead7c4;color:#8a6549;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.staff-access-panel .account-meta{display:flex;gap:8px;flex-wrap:wrap}
.staff-access-panel .account-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border-radius:999px;background:#fff;border:1px solid #eadcd0;color:#6c5748;font-size:12px;line-height:1.2}
.staff-access-panel .account-chip b{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#8b6549}
.staff-access-panel .account-chip em{font-style:normal;font-weight:700;color:#342820}
.staff-access-panel .account-chip-soft{background:#f8efe5;color:#8a7462}
.staff-access-panel .account-revoke-btn{padding:12px 16px;border-radius:12px;border:1px solid #e6cdbd;background:#fff3ee;color:#9b4d43;font-weight:800;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease;white-space:nowrap}
.staff-access-panel .account-revoke-btn:hover{background:#ffefe8;box-shadow:0 8px 18px rgba(155,77,67,.12)}
.staff-access-panel .account-revoke-btn:active{transform:translateY(1px)}
.staff-access-panel .account-list .worker-empty{padding:24px;background:#f9f5ef;border:1px dashed #ddc9b7;color:#8e7866;border-radius:14px;text-align:center;font-size:13px}
.staff-access-footer{display:flex;gap:10px;align-items:center;padding:15px 30px;background:#f8f0e7;color:#826b59;font-size:11px;line-height:1.55;border-top:1px solid #ecdfd2}.staff-access-footer svg{width:16px;height:16px;flex:0 0 16px}
@media(max-width:1250px){.account-form.staff-form{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-create-btn{width:100%}}
@media(max-width:700px){.staff-access-heading{padding:20px;align-items:flex-start;flex-wrap:wrap;gap:12px}.staff-access-heading-icon{width:46px;height:46px;flex-basis:46px;border-radius:13px}.staff-access-heading-icon svg{width:24px;height:24px}.staff-mode-pill{margin-left:58px}.staff-access-body{padding:21px 17px}.staff-form-intro,.staff-account-title{align-items:flex-start;flex-direction:column}.staff-form-step{display:none}.account-form.staff-form{grid-template-columns:1fr;gap:15px}.staff-create-btn{width:100%}.staff-access-panel .account-item{padding:16px}.staff-access-panel .account-item-main{align-items:flex-start}.staff-access-panel .account-avatar{width:44px;height:44px;flex-basis:44px;border-radius:13px}.staff-access-panel .account-topline strong{font-size:16px}.staff-access-panel .account-meta{flex-direction:column;align-items:flex-start}.staff-access-panel .account-chip{width:100%;border-radius:12px}.staff-access-panel .account-revoke-btn{width:100%}.staff-access-footer{padding:14px 17px}}

.export-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.export-actions .btn{white-space:nowrap}@media(max-width:650px){.export-actions{width:100%}.export-actions .btn{flex:1}}