:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#25191b;font-synthesis:none;text-rendering:optimizelegibility;--red:#d62828;--red-dark:#a71820;--red-soft:#f9dfe1;--ink:#25191b;--muted:#65575a;--surface:#ffffffdb;--surface-solid:#fff;--line:#7040482e;--shadow:0 18px 50px #61202b1c;--success:#087f5b;--warning:#a14f05;--error:#b42318;--radius:22px;--safe-bottom:env(safe-area-inset-bottom,0px);background:#faf7f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#fff7f7;--ink:#fff7f7;--muted:#d9c2c6;--surface:#31191ed1;--surface-solid:#2b181c;--line:#ffcfd326;--shadow:0 18px 60px #00000047;--red-soft:#51262c;background:#160c0f}*{box-sizing:border-box}html{background:inherit;min-height:100%}body{min-width:320px;min-height:100dvh;color:var(--ink);background:radial-gradient(circle at 90% 5%,#d628281f,#0000 30rem),radial-gradient(circle at 10% 90%,#d6282812,#0000 28rem),#faf7f7;margin:0}[data-theme=dark] body{background:radial-gradient(circle at 75% 0,#4d111b 0,#0000 30rem),radial-gradient(circle at 0 75%,#311018 0,#0000 30rem),#160c0f}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}a{color:inherit}:focus-visible{outline-offset:3px;outline:3px solid #ff9da3}.visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.skip-link{z-index:1000;background:var(--surface-solid);color:var(--ink);border:2px solid var(--red);border-radius:12px;padding:12px 16px;font-weight:750;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.glass{background:var(--surface);box-shadow:var(--shadow), inset 0 1px 0 #ffffffb3;-webkit-backdrop-filter:blur(18px);border-radius:var(--radius);border:1px solid #ffffffb8}[data-theme=dark] .glass{border-color:var(--line);box-shadow:var(--shadow), inset 0 1px #ffffff0f}.brand{flex-direction:column;justify-content:center;align-items:center;gap:3px;width:max-content;min-height:46px;display:inline-flex}.brand-artwork{border-radius:12px;place-items:center;padding:3px;display:grid}.brand-artwork img{aspect-ratio:412/366;object-fit:contain;width:92px;height:auto;display:block}.brand small{color:var(--muted);letter-spacing:.08em;font-size:.7rem;font-weight:700;line-height:1}.brand.compact{min-height:42px}.brand.compact .brand-artwork{padding:2px}.brand.compact .brand-artwork img{width:44px}[data-theme=dark] .brand-artwork{background:#fffffff0;box-shadow:0 7px 20px #0003}.button{border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:0 20px;font-weight:750;transition:transform .16s,background .16s,border-color .16s;display:inline-flex}.button:active:not(:disabled){transform:scale(.98)}.button svg{width:19px}.button.primary{background:linear-gradient(135deg,#e22f35,var(--red-dark));color:#fff;box-shadow:0 10px 24px #d628283d}.button.secondary{background:var(--surface-solid);border-color:var(--line);color:var(--ink)}.button.ghost{color:var(--red);background:0 0}.button.compact{min-height:42px;padding:0 14px;font-size:.9rem}.button.danger{color:var(--error)}.icon-button{width:48px;height:48px;color:inherit;background:0 0;border:0;border-radius:50%;place-items:center;display:inline-grid}.icon-button svg{width:21px}.icon-button.elevated{background:var(--surface);border:1px solid var(--line);box-shadow:0 8px 24px #32141914}.eyebrow{color:var(--red);letter-spacing:.13em;text-transform:uppercase;margin-bottom:9px;font-size:.76rem;font-weight:800}.lead{color:var(--muted);line-height:1.65}.muted{color:var(--muted)}.fine-print{color:var(--muted);font-size:.82rem;line-height:1.5}.auth-page{grid-template-columns:minmax(320px,1.05fr) minmax(420px,.95fr);align-items:center;gap:clamp(28px,6vw,100px);max-width:1440px;min-height:100dvh;margin:auto;padding:clamp(20px,4vw,64px);display:grid}.auth-hero{flex-direction:column;justify-content:center;min-height:560px;padding:8%;display:flex;position:relative}.auth-hero>.brand{transform-origin:0;transform:scale(1.25)}.auth-hero p{letter-spacing:-.05em;z-index:1;max-width:700px;margin:40px 0;font-size:clamp(2rem,4vw,4.4rem);font-weight:780;line-height:1.03}.hero-orbit{aspect-ratio:1;background:radial-gradient(circle at 35% 30%,#ff8c91,var(--red) 45%,#6e0a13);opacity:.72;border-radius:50%;width:min(34vw,430px);position:absolute;right:0;box-shadow:0 30px 90px #d6282840}.auth-card{justify-self:center;width:min(100%,560px);padding:clamp(26px,5vw,54px)}.auth-card>.brand{display:none}.auth-card h1{letter-spacing:-.045em;margin:8px 0 12px;font-size:clamp(2rem,4vw,3.2rem);line-height:1.04}.form-stack{gap:18px;margin-top:28px;display:grid}.form-stack label,.office-form label,.section-actions label{text-transform:capitalize;gap:8px;font-size:.86rem;font-weight:750;display:grid}.input-wrap{border:1px solid var(--line);background:#ffffff85;border-radius:15px;align-items:center;min-height:54px;padding:0 12px;transition:border .16s,box-shadow .16s;display:flex}.input-wrap:focus-within{border-color:var(--red);box-shadow:0 0 0 4px #d628281c}.input-wrap>svg{width:20px;color:var(--muted);flex:none}.input-wrap input,.input-wrap select{color:var(--ink);background:0 0;border:0;outline:0;width:100%;min-width:0;height:52px;padding:0 12px}.input-wrap option{color:#25191b}.form-message{border-radius:13px;margin:10px 0;padding:13px 15px;line-height:1.45}.form-message.error{color:var(--error);background:#b423181c;border:1px solid #b4231833}.form-message.success{color:var(--success);background:#087f5b1c;border:1px solid #087f5b33}.auth-links{justify-content:space-between;gap:12px;margin-top:18px;display:flex}.auth-links button{color:var(--red);background:0 0;border:0;min-height:44px;font-weight:700}.center-page{place-items:center;min-height:100dvh;padding:24px;display:grid}.approval-card{text-align:center;gap:16px;max-width:560px;padding:44px;display:grid}.approval-card h1,.approval-card p{margin:0}.approval-icon{background:var(--red-soft);border-radius:50%;place-items:center;width:86px;height:86px;margin:auto;display:grid}.approval-icon svg{width:36px;height:36px;color:var(--red)}.recovery-card{max-width:560px}.recovery-card>.brand{display:flex}.app-shell{grid-template-columns:260px minmax(0,1fr);min-height:100dvh;display:grid}.side-rail{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10;background:#ffffff9e;flex-direction:column;height:100dvh;padding:28px 20px 22px;display:flex;position:sticky;top:0}.side-rail nav{gap:6px;margin-top:42px;display:grid}.side-rail nav a,.rail-signout{min-height:48px;color:var(--muted);border-radius:14px;align-items:center;gap:12px;padding:0 14px;font-weight:680;text-decoration:none;display:flex}.side-rail nav a svg,.rail-signout svg{width:21px}.side-rail nav a.active{background:var(--red-soft);color:var(--red)}.rail-theme-toggle{margin-top:auto}.rail-signout{background:0 0;border:0;margin-top:8px}.app-body{min-width:0}.content{width:min(100%,1120px);margin:0 auto;padding:42px 36px 120px}.mobile-header,.bottom-nav{display:none}.offline-banner{color:#754c00;background:#fff3cd;align-items:center;gap:8px;padding:10px 22px;font-weight:650;display:flex}[data-theme=dark] .side-rail{background:#1c0e12c2}.page-header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px;display:flex}.page-header h1{letter-spacing:-.045em;margin:0;font-size:clamp(2rem,4vw,3.4rem);line-height:1.05}.page-header p{color:var(--muted);margin:10px 0 0}.hero-card{padding:28px}.hero-date{align-items:center;gap:10px;font-weight:720;display:flex}.hero-date>span:nth-child(2){margin-right:auto}.mode-chip,.role-badge,.status-dot{background:var(--red-soft);color:var(--red);border-radius:999px;align-items:center;padding:6px 11px;font-size:.76rem;font-weight:800;display:inline-flex}.mode-chip.remote{color:var(--success);background:#087f5b1f}.mode-chip.off{color:var(--muted);background:#65575a1f}.status-pill{background:var(--red-soft);color:var(--red);border-radius:999px;align-items:center;gap:10px;margin-top:24px;padding:12px 16px;font-weight:800;display:inline-flex}.action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:22px 0;display:grid}.action-card{border:1px solid var(--line);background:var(--surface);min-height:168px;color:var(--ink);border-radius:22px;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;padding:24px;display:flex;box-shadow:0 10px 28px #46191f12}.action-card svg{width:34px;height:34px;color:var(--red)}.action-card strong{font-size:1.25rem}.action-card span{color:var(--muted)}.summary-card,.schedule-card,.profile-card{margin-top:22px;padding:26px}.summary-card h2,.section-title{align-items:center;gap:11px;margin:0 0 22px;display:flex}.summary-card h2{font-size:1.2rem}.summary-card dl,.profile-card dl{gap:0;margin:0;display:grid}.summary-card dl>div,.profile-card dl>div{border-top:1px solid var(--line);justify-content:space-between;gap:20px;padding:15px 0;display:flex}dt{color:var(--muted)}dd{text-align:right;margin:0;font-weight:750}.profile-card{max-width:720px}.profile-card>h2{margin:14px 0 8px}.profile-card .role-badge{margin-bottom:22px}.profile-card dt{align-items:center;gap:8px;display:flex}.profile-card dt svg{width:18px}.avatar{background:linear-gradient(135deg,var(--red-soft),#fff);width:72px;height:72px;color:var(--red);border-radius:50%;place-items:center;font-size:1.45rem;font-weight:850;display:grid}.avatar.small{flex:none;width:48px;height:48px;font-size:1rem}.record-list,.admin-list{gap:14px;display:grid}.record-card{padding:21px}.record-card>div:first-child{justify-content:space-between;align-items:center;display:flex}.record-card p{font-weight:750}.record-times{color:var(--muted);gap:24px;font-size:.9rem;display:flex}.record-times span{align-items:center;gap:6px;display:flex}.record-times svg{width:17px}.schedule-card{max-width:760px}.section-title h2,.section-title p{margin:0}.section-title p{color:var(--muted);margin-top:5px}.schedule-list{margin:20px 0;display:grid}.schedule-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:12px 0;display:flex}select,input{color:var(--ink)}.schedule-row select,.staff-card select,.section-actions input,.office-form input{border:1px solid var(--line);background:var(--surface-solid);border-radius:11px;min-height:44px;padding:0 12px}.state-card{text-align:center;justify-items:center;gap:10px;width:min(100%,520px);margin:50px auto;padding:34px;display:grid}.state-card svg{width:34px;height:34px;color:var(--red)}.state-card h2,.state-card p{margin:0}.state-card p{color:var(--muted);line-height:1.55}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.dialog-backdrop{z-index:100;background:#18090c9e;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialog{width:min(100%,520px);max-height:min(90dvh,760px);padding:30px;overflow:auto}.dialog h2{margin:6px 0;font-size:1.7rem}.dialog>p{color:var(--muted);line-height:1.55}.method-card{border:1px solid var(--line);background:var(--surface-solid);width:100%;min-height:86px;color:var(--ink);text-align:left;border-radius:16px;align-items:center;gap:15px;margin:12px 0;padding:15px;display:flex}.method-card>svg{width:27px;color:var(--red);flex:none}.method-card span{gap:5px;display:grid}.method-card small{color:var(--muted);line-height:1.35}.dialog>.button{width:100%;margin-top:8px}.dialog-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.tab-strip{scrollbar-width:none;gap:8px;padding:4px 2px 18px;display:flex;overflow:auto}.tab-strip button{border:1px solid var(--line);background:var(--surface);color:var(--muted);white-space:nowrap;border-radius:999px;min-height:44px;padding:0 16px;font-weight:720}.tab-strip button[aria-selected=true]{background:var(--red);color:#fff;border-color:var(--red)}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.stat-card{align-items:center;gap:14px;padding:22px;display:flex}.stat-card>svg{width:25px;color:var(--red)}.stat-card div{display:grid}.stat-card strong{font-size:1.9rem}.stat-card span{color:var(--muted);font-size:.82rem}.admin-note{gap:14px;margin-top:18px;padding:22px;display:flex}.admin-note svg{color:var(--success);flex:none}.admin-note h2,.admin-note p{margin:0}.admin-note p{color:var(--muted);margin-top:5px}.admin-row,.staff-card{align-items:center;gap:16px;padding:18px;display:flex}.row-main{flex:1;gap:3px;min-width:0;display:grid}.row-main span,.row-main small{color:var(--muted);text-overflow:ellipsis;overflow:hidden}.row-actions{gap:8px;display:flex}.staff-card{grid-template-columns:auto minmax(180px,1fr) 130px minmax(150px,220px) auto;display:grid}.staff-card label{color:var(--muted);gap:5px;font-size:.75rem;display:grid}.search-box{background:var(--surface);border:1px solid var(--line);border-radius:16px;align-items:center;gap:10px;width:100%;min-height:56px;margin-bottom:18px;padding:0 16px;display:flex}.search-box input{background:0 0;border:0;outline:0;width:100%;font-size:1rem}.section-actions{justify-content:space-between;align-items:end;gap:16px;margin:8px 0 18px;display:flex}.section-actions p{margin:0}.office-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.office-card{padding:21px}.office-card>div:first-child{justify-content:space-between;align-items:center;display:flex}.office-card>div svg{color:var(--red)}.office-card h2{font-size:1.05rem}.office-card p,.office-card small{color:var(--muted)}.office-card .button{width:100%;margin-top:16px}.status-dot{color:var(--muted);background:#65575a1f}.status-dot.active{color:var(--success);background:#087f5b1f}.office-form{gap:11px;display:grid}.office-form h2{margin-bottom:8px}.table-wrap{overflow:auto}.table-wrap table{border-collapse:collapse;width:100%}.table-wrap th,.table-wrap td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:14px}.table-wrap th{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.78rem}@media (width<=980px){.auth-page{grid-template-columns:1fr;max-width:620px}.auth-hero{display:none}.auth-card>.brand{display:flex}.app-shell{grid-template-columns:1fr}.side-rail{display:none}.mobile-header{padding:calc(14px + env(safe-area-inset-top,0px)) 20px 14px;border-bottom:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20;align-items:center;gap:12px;display:flex;position:sticky;top:0}.mobile-header>div{display:grid}.mobile-header small{color:var(--muted);font-size:.72rem}.content{padding:26px 20px calc(104px + var(--safe-bottom))}.bottom-nav{z-index:30;padding:8px 8px calc(8px + var(--safe-bottom));border-top:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{min-width:60px;min-height:55px;color:var(--muted);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:5px 7px;font-size:.67rem;font-weight:720;text-decoration:none;display:flex}.bottom-nav a svg{width:21px}.bottom-nav a.active{background:var(--red-soft);color:var(--red)}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-card{grid-template-columns:auto 1fr}.staff-card label,.staff-card>.button{grid-column:2}.office-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.content{padding-left:16px;padding-right:16px}.page-header{align-items:flex-start}.page-header h1{font-size:2rem}.hero-card,.summary-card,.schedule-card,.profile-card{padding:20px}.action-card{min-height:138px;padding:20px}.record-times{flex-direction:column;gap:8px}.stat-grid{gap:10px}.stat-card{padding:16px}.stat-card strong{font-size:1.5rem}.admin-row{flex-wrap:wrap;align-items:flex-start}.row-actions{width:100%;padding-left:64px}.row-actions .button{flex:1}.office-grid{grid-template-columns:1fr}.section-actions{flex-direction:column;align-items:stretch}.section-actions .button{width:100%}.auth-card{padding:26px 20px}.auth-page{padding:16px}.glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.summary-card dl>div,.profile-card dl>div{align-items:flex-start}.profile-card dd{overflow-wrap:anywhere;max-width:55%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.field-label{color:var(--muted);gap:7px;font-size:.82rem;font-weight:750;display:grid}.field-label select,.field-label input{border:1px solid var(--line);background:var(--surface-solid);min-height:46px;color:var(--ink);border-radius:12px;padding:0 12px}.admin-schedule-card{max-width:840px}.schedule-meta{grid-template-columns:minmax(170px,.7fr) minmax(240px,1.3fr);gap:14px;margin:18px 0;display:grid}.permission-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:16px 0;display:flex}.permission-row>div{align-items:center;gap:12px;display:flex}.permission-row svg{color:var(--red);flex:none}.permission-row span{gap:4px;display:grid}.permission-row small{color:var(--muted)}.notification-list{display:grid}.notification{border-top:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:14px;padding:16px 0;display:flex}.notification p{color:var(--muted);margin:6px 0;line-height:1.5}.notification small{color:var(--muted)}.notification.read{opacity:.72}.pwa-toast{z-index:200;align-items:center;gap:12px;width:min(520px,100% - 40px);padding:16px;display:flex;position:fixed;bottom:20px;right:20px}.pwa-toast>div{flex:1;gap:4px;display:grid}.pwa-toast span{color:var(--muted);font-size:.86rem}.office-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:16px;display:grid}.office-card .office-actions .button{width:100%;margin-top:0}@media (width<=600px){.schedule-meta{grid-template-columns:1fr}.permission-row{flex-direction:column;align-items:stretch}.pwa-toast{right:12px;bottom:calc(84px + var(--safe-bottom));flex-wrap:wrap;width:calc(100% - 24px)}.pwa-toast>div{min-width:200px}}html,body{max-width:100%;overflow-x:hidden}#root{min-width:0;max-width:100%}.auth-page{width:100%;min-width:0}.auth-card{min-width:0}.input-wrap{background:var(--surface-solid)}.auth-links{flex-wrap:wrap}.auth-links button{flex:140px}.auth-theme-toggle{top:max(18px,env(safe-area-inset-top,18px));z-index:50;position:fixed;right:20px}.mobile-header .theme-toggle{flex:none;margin-left:auto}@media (width<=600px){.auth-page{width:100%;max-width:100%;padding:16px;display:block}.auth-card{width:100%;min-width:0;max-width:100%;overflow:hidden}.auth-links{grid-template-columns:1fr 1fr;display:grid}.auth-links button{min-width:0;padding:0 4px}}