:root{font-family:Inter,Heebo,Assistant,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;color:#f6f1e8;background:#08090c;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #090a0d;--surface: #111318;--surface-2: #17191f;--surface-3: #1d2027;--line: rgba(229, 194, 113, .14);--line-strong: rgba(229, 194, 113, .34);--gold: #e2bd66;--gold-light: #ffe29a;--gold-dark: #a87924;--text: #f8f3e9;--muted: #a6a39d;--green: #55d89b;--red: #ff7d77;--shadow: 0 22px 70px rgba(0, 0, 0, .48)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{min-width:320px;min-height:100%;background:var(--bg)}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;background:radial-gradient(circle at 50% -10%,rgba(216,169,70,.12),transparent 33rem),radial-gradient(circle at 4% 80%,rgba(49,60,111,.1),transparent 32rem),#08090c;color:var(--text);overscroll-behavior-y:none}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--gold-light);outline-offset:3px}#root{min-height:100vh;min-height:100dvh;display:grid;place-items:start center}.app-shell{position:relative;width:min(100%,540px);min-height:100vh;min-height:100dvh;padding:max(22px,env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) max(22px,env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left));background:linear-gradient(150deg,rgba(255,255,255,.025),transparent 24%),#0e1014fb;overflow:hidden}.app-shell:before,.app-shell:after{content:"";position:absolute;pointer-events:none}.app-shell:before{inset:10px;border:1px solid rgba(231,194,108,.11);border-radius:29px}.app-shell:after{width:210px;height:210px;inset-inline-end:-130px;top:190px;background:#deb14f0e;filter:blur(40px);border-radius:50%}.top-line,.brand,.clock-panel,.login-section,.employee-strip,.test-mode-control,.dashboard-grid,.logout-button,.toast,footer{position:relative;z-index:1}.top-line{min-height:47px;display:flex;justify-content:space-between;align-items:center;gap:12px}.language-switch{display:inline-flex;direction:ltr;gap:2px;padding:4px;border:1px solid rgba(255,255,255,.07);border-radius:999px;background:#1b1d22}.language-switch button{min-width:44px;height:34px;padding:0 12px;border:0;border-radius:999px;background:transparent;color:#777b83;font-size:13px;font-weight:800;cursor:pointer}.language-switch button.active{background:linear-gradient(135deg,#68583b,#50442f);color:#ffe5a2;box-shadow:inset 0 0 0 1px #ffe19a17}.status-pill{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;color:#7f837f;font-size:11px;white-space:nowrap}.status-pill i,.secure-note i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 9px #55d89be6}.brand{display:grid;justify-items:center;gap:11px;margin-top:4px;text-align:center}.brand-mark{position:relative;display:grid;place-items:center;width:74px;height:74px;transform:rotate(45deg);border:1px solid rgba(227,186,90,.58);border-radius:25px;background:radial-gradient(circle,rgba(229,188,95,.09),transparent 67%);box-shadow:0 0 0 6px #e2bc6306,inset 0 0 17px #0000009e}.brand-mark:after{content:"";position:absolute;inset:7px;border:1px solid rgba(226,185,89,.18);border-radius:20px}.brand-mark span{transform:rotate(-45deg);color:var(--gold-light);font-family:Georgia,Times New Roman,serif;font-size:39px;line-height:1;text-shadow:0 0 15px rgba(255,216,128,.28)}.brand-name{color:var(--gold-light);font-family:Georgia,Times New Roman,serif;font-size:clamp(15px,4.3vw,19px);font-weight:700;letter-spacing:.14em;direction:ltr}.brand-subtitle{margin-top:-4px;color:#7e776b;font-family:Georgia,Times New Roman,serif;font-size:12px;letter-spacing:.25em}.clock-panel{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:58px;margin-top:25px;padding:0 18px;border:1px solid rgba(255,255,255,.055);border-radius:18px;background:#ffffff07}.clock-panel span{color:#878990;font-size:13px;text-transform:capitalize}.clock-panel strong{color:var(--gold-light);font-size:19px;font-variant-numeric:tabular-nums;direction:ltr}.login-section{display:grid;justify-items:stretch;max-width:390px;margin:27px auto 0;text-align:center}.eyebrow{margin:0 0 17px;color:var(--gold);font-family:Georgia,Times New Roman,serif;font-size:12px;font-weight:700;letter-spacing:.24em;direction:ltr}.login-section h1{margin:0;color:var(--text);font-size:clamp(29px,8vw,38px);line-height:1.12}.muted{margin:14px 0 0;color:#9699a2;font-size:14px}.pin-dots{display:flex;direction:ltr;justify-content:center;gap:21px;min-height:20px;margin:27px 0 25px}.pin-dots i{width:14px;height:14px;border:1px solid rgba(255,223,148,.48);border-radius:50%;background:transparent;transition:.16s ease}.pin-dots i.filled{border-color:var(--gold-light);background:var(--gold-light);box-shadow:0 0 13px #ffda83bf;transform:scale(1.08)}.pin-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%}.pin-pad button{min-height:62px;border:1px solid rgba(255,255,255,.066);border-radius:19px;background:linear-gradient(145deg,rgba(255,255,255,.035),transparent),#181a1f;color:#f6f2eb;font-size:22px;font-weight:750;cursor:pointer;box-shadow:inset 0 1px #ffffff06;transition:transform 90ms ease,border-color 90ms ease,background 90ms ease}.pin-pad button:active{transform:scale(.96);border-color:#ffdc8b66;background:#212126}.pin-pad button:nth-child(10),.pin-pad button:nth-child(12){color:#9f9e99;font-size:17px}.message-slot{display:grid;place-items:center;min-height:38px;padding:6px;color:transparent;font-size:13px}.message-slot.visible.error{color:var(--red)}.primary-button,.secondary-button,.danger-button,.logout-button{width:100%;min-height:58px;border-radius:18px;cursor:pointer;font-weight:800;transition:transform .1s ease,filter .1s ease,opacity .1s ease}.primary-button{display:flex;align-items:center;justify-content:center;gap:18px;border:0;background:linear-gradient(115deg,#f2d486,#d6a643);color:#17140d;box-shadow:0 15px 33px #c08b2230}.primary-button b{font-size:20px}.secondary-button{border:1px solid var(--line-strong);background:linear-gradient(145deg,#dfb5531b,#dfb55309);color:var(--gold-light)}.danger-button{border:1px solid rgba(255,125,119,.35);background:#ff7d7716;color:#ffaaa5}button:disabled{cursor:default;opacity:.43}.primary-button:not(:disabled):active,.secondary-button:not(:disabled):active,.danger-button:not(:disabled):active,.logout-button:not(:disabled):active{transform:scale(.985);filter:brightness(.94)}.secure-note{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;color:#706f6c;font-size:11px}footer{margin-top:31px;padding-top:20px;border-top:1px solid rgba(255,255,255,.055);color:#5d5f64;font-size:10px;letter-spacing:.13em;text-align:center;direction:ltr}.employee-strip{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin:19px 0 17px;padding:14px;border:1px solid rgba(255,255,255,.055);border-radius:19px;background:#ffffff07}.avatar{display:grid;place-items:center;width:45px;height:45px;border:1px solid rgba(230,190,98,.36);border-radius:15px;background:#e4b85314;color:var(--gold-light);font-family:Georgia,Times New Roman,serif;font-size:22px}.employee-strip>div:nth-child(2){display:grid;gap:3px;min-width:0}.employee-strip span{color:#81848a;font-size:11px}.employee-strip strong{overflow:hidden;font-size:16px;text-overflow:ellipsis;white-space:nowrap}.employee-strip em{padding:7px 10px;border-radius:999px;background:#e2bd6614;color:var(--gold);font-size:10px;font-style:normal;white-space:nowrap}.test-mode-control{margin:0 0 13px;padding:14px;border:1px solid rgba(226,189,102,.16);border-radius:19px;background:#e2bd660b;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.test-mode-control.enabled{border-color:#ffb04870;background:#ff972a17;box-shadow:inset 0 0 24px #ff912309}.test-mode-heading{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px}.test-mode-heading>span{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(226,189,102,.22);border-radius:13px;color:var(--gold-light);font-size:22px}.test-mode-heading>div{display:grid;gap:3px;min-width:0}.test-mode-heading strong{color:#f7f1e7;font-size:14px}.test-mode-heading small{color:#8d8d8b;font-size:11px}.test-mode-control.enabled .test-mode-heading small{color:#ffc878}.test-mode-control p{margin:10px 0 0;color:#8d8d8b;font-size:11px;line-height:1.45}.test-mode-switch{position:relative;width:54px;height:30px;padding:0;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#24262c;cursor:pointer;direction:ltr}.test-mode-switch i{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#8f9299;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}.test-mode-switch[aria-checked=true]{border-color:#ffc56b80;background:#ca7d1f7a}.test-mode-switch[aria-checked=true] i{transform:translate(24px);background:var(--gold-light);box-shadow:0 0 11px #ffca6e85}.toast{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin:0 0 12px;padding:12px 14px;border-radius:14px;text-align:start;cursor:pointer}.toast.error{border:1px solid rgba(255,125,119,.27);background:#ff7d7714;color:#ffaaa5}.toast.success{border:1px solid rgba(85,216,155,.25);background:#55d89b13;color:#8ee8b9}.toast span{font-size:19px}.dashboard-grid{display:grid;gap:13px}.dashboard-card{padding:18px;border:1px solid rgba(255,255,255,.06);border-radius:23px;background:linear-gradient(145deg,rgba(255,255,255,.025),transparent 44%),#15171c;box-shadow:0 12px 28px #0000002e}.dashboard-card.active-card{border-color:#55d89b36;box-shadow:inset 0 0 30px #55d89b06}.card-title{display:flex;align-items:center;gap:12px;margin-bottom:17px}.card-icon{display:grid;flex:0 0 auto;place-items:center;width:42px;height:42px;border:1px solid rgba(224,183,86,.23);border-radius:14px;background:#e0b75612;color:var(--gold-light);font-size:20px}.card-title h2{margin:0;color:#f7f1e7;font-size:17px}.card-title p{margin:4px 0 0;color:#85878d;font-size:12px}.elapsed-panel{display:grid;justify-items:center;gap:4px;margin:2px 0 15px;padding:16px;border:1px solid rgba(85,216,155,.12);border-radius:17px;background:#55d89b0a}.elapsed-panel span{color:#8c918e;font-size:11px}.elapsed-panel strong{color:#a8f0cb;font-size:30px;font-variant-numeric:tabular-nums;direction:ltr}.elapsed-panel small{color:#747a77;direction:ltr}.duration-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.duration-grid button{display:grid;justify-items:center;gap:2px;min-height:68px;padding:10px 3px;border:1px solid rgba(225,185,91,.17);border-radius:15px;background:#e1b95b0b;color:var(--gold-light);cursor:pointer}.duration-grid strong{font-size:19px}.duration-grid span{color:#8d887e;font-size:9px}.massage-running{display:flex;align-items:baseline;justify-content:center;gap:8px;margin:3px 0 16px;color:var(--gold-light)}.massage-running strong{font-size:34px}.massage-running span{color:#aaa69c}.massage-running small{margin-inline-start:7px;color:#74746f}.counter{display:grid;grid-template-columns:56px 1fr 56px;align-items:center;gap:10px;margin-bottom:15px}.counter button{height:54px;border:1px solid rgba(224,183,86,.18);border-radius:17px;background:#e0b7560e;color:var(--gold-light);font-size:27px;cursor:pointer}.counter strong{text-align:center;color:var(--text);font-size:35px;font-variant-numeric:tabular-nums}.report-grid{display:grid;gap:8px;margin-bottom:12px}.report-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:55px;padding:7px 10px 7px 13px;border:1px solid rgba(224,183,86,.11);border-radius:15px;background:#e0b75608}.report-row>span{color:#aaa69c;font-size:12px}.report-row>span strong{color:var(--gold-light);font-size:17px}.report-row>div{display:grid;grid-template-columns:37px 38px 37px;align-items:center}.report-row button{width:37px;height:37px;border:1px solid rgba(224,183,86,.17);border-radius:12px;background:#e0b7560e;color:var(--gold-light);font-size:20px;cursor:pointer}.report-row b{color:var(--text);font-size:19px;text-align:center;font-variant-numeric:tabular-nums}.report-total{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;padding:11px 13px;border-radius:13px;background:#ffffff06;color:#8d8f94;font-size:12px}.report-total strong{color:var(--gold-light);font-size:21px}.month-input{width:100%;height:52px;padding:0 15px;border:1px solid rgba(255,255,255,.075);border-radius:15px;color-scheme:dark;background:#101217;color:var(--text)}.owner-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:11px}.owner-actions button{min-height:54px;padding:7px 10px;font-size:12px}.journal-list{display:grid;gap:9px;margin-top:15px}.journal-row{padding:13px;border:1px solid rgba(255,255,255,.055);border-radius:15px;background:#0000001c}.journal-row>div{display:flex;justify-content:space-between;gap:10px;margin-bottom:11px}.journal-row>div span{color:#888b91;font-size:11px}.test-record-badge{display:inline-flex;margin-inline-start:8px;padding:3px 7px;border:1px solid rgba(255,184,82,.34);border-radius:999px;background:#ff972a1c;color:#ffc878;font-size:9px;font-weight:900;line-height:1}.journal-row dl{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:0}.journal-row dl div{display:grid;gap:3px}.journal-row dt{color:#777a80;font-size:9px}.journal-row dd{margin:0;color:#d9d5cc;font-size:12px;font-variant-numeric:tabular-nums}.empty-state{margin:0;padding:15px;color:#7e8086;text-align:center}.logout-button{margin-top:15px;border:1px solid rgba(255,255,255,.065);background:transparent;color:#85878c}.loading-screen{display:grid;place-content:center;justify-items:center;gap:35px;width:100%;min-height:100vh;min-height:100dvh;background:#0b0c0f}.spinner{width:29px;height:29px;border:2px solid rgba(229,194,113,.14);border-top-color:var(--gold);border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:600px){#root{padding:8px 0}.app-shell{min-height:calc(100vh - 16px);min-height:calc(100dvh - 16px);border:1px solid rgba(225,186,94,.17);border-radius:39px;box-shadow:var(--shadow)}}@media(max-width:390px){.app-shell{padding-inline:max(16px,env(safe-area-inset-left))}.status-pill{display:none}.top-line{justify-content:flex-start}.pin-pad button{min-height:58px}.duration-grid{grid-template-columns:repeat(2,1fr)}.owner-actions{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}