:root{color-scheme:dark;--bg: radial-gradient(circle at top, rgba(255, 211, 77, .14), transparent 18%), radial-gradient(circle at bottom, rgba(255, 184, 0, .05), transparent 24%), linear-gradient(180deg, #050608 0%, #0c0e12 100%);--shell: rgba(10, 12, 16, .98);--panel: rgba(18, 21, 27, .98);--panel-border: rgba(255, 214, 92, .12);--text: #fffbe8;--muted: #c9c1a5;--primary: #ffe066;--primary-dark: #e5b800;--secondary: #fff2b6;--secondary-dark: #e5c95e;--success: #7fd98f;--danger: #ff7b72;--shadow: 0 30px 90px rgba(0, 0, 0, .58);font-family:Segoe UI,Trebuchet MS,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);background:var(--bg)}button,input,textarea,select{font:inherit}button{border:0;border-radius:20px;cursor:pointer;padding:.9rem 1rem;font-weight:700;transition:transform .14s ease,opacity .14s ease,box-shadow .14s ease}button:hover{transform:translateY(-1px)}button:disabled{opacity:.6;cursor:not-allowed}input,textarea,select{width:100%;border-radius:18px;border:1px solid var(--panel-border);background:#06080cfa;padding:.95rem 1rem;color:var(--text);box-shadow:inset 0 0 0 1px #ffd65c0d}input::placeholder,textarea::placeholder{color:#a6a18ed1}select{appearance:none}textarea{resize:vertical}.page{min-height:100vh;padding:1rem}.page-mobile{display:flex;justify-content:center}.phone-shell{width:100%;max-width:430px;min-height:calc(100vh - 2rem);padding:1rem;background:var(--shell);border-radius:34px;box-shadow:var(--shadow)}.login-shell{display:grid;gap:1rem;align-content:start}.app-topbar,.phone-header,.employee-head,.employee-meta,.inline-row,.summary-strip,.tabbar{display:flex;gap:.75rem}.app-topbar,.phone-header,.employee-head{justify-content:space-between;align-items:flex-start}.phone-header,.sheet-heading{display:grid;gap:.35rem}.sheet-heading h2,.app-topbar h1,.phone-header h1,.employee-card h3{margin:0;font-family:Georgia,Times New Roman,serif}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;color:var(--primary);font-weight:700}.subtle-text,.sheet-heading p,.employee-card p,.employee-meta span,.event-card p,.event-card span{margin:0;color:var(--muted)}.sheet-heading h2,.app-topbar h1,.phone-header h1,.employee-card h3,.event-card strong{color:var(--text)}.screen-content,.stack,.sheet,.field,.chip-list,.events-stack,.overview-grid,.checkbox-list,.override-list{display:grid;gap:.9rem}.screen-content{margin-top:1rem}.sheet,.employee-card,.summary-card{background:var(--panel);border-radius:28px;padding:1rem;box-shadow:0 12px 32px #0000002e}.app-shell{display:grid;align-content:start}.field span{font-size:.92rem;font-weight:600}.primary{background:linear-gradient(180deg,var(--primary) 0%,var(--primary-dark) 100%);color:#100c04;box-shadow:0 16px 34px #ffd54d61}.secondary{background:linear-gradient(180deg,var(--secondary) 0%,var(--secondary-dark) 100%);color:#17120a;box-shadow:0 12px 26px #ffe06633}.ghost{background:#ffe0661f;color:var(--primary);box-shadow:none}.icon-button{white-space:nowrap}.summary-strip{margin-top:1rem}.summary-card{flex:1;padding:.85rem}.summary-card span{display:block;color:var(--muted);font-size:.82rem}.summary-card strong{display:block;margin-top:.35rem;font-size:1.1rem;color:var(--text)}.tabbar{margin-top:1rem;padding:.35rem;background:#ffffff08;border-radius:24px;overflow-x:auto}.tab{flex:1;background:transparent;color:var(--muted);padding:.8rem .7rem;font-weight:600;white-space:nowrap}.tab.active{background:linear-gradient(180deg,#ffd54d38,#ffd54d1a);color:var(--primary);box-shadow:0 8px 20px #0000002e}.success-card{display:grid;gap:.5rem;padding:1rem;border-radius:24px;background:#7fd98f14;box-shadow:0 10px 22px #00000029}.success-title{margin:0;color:var(--success);font-weight:700}.credential-box{display:grid;gap:.35rem;padding:.9rem 1rem;border-radius:18px;background:#0d0f14c2}.credential-box code{font-family:Cascadia Code,monospace;font-size:1rem;color:var(--primary)}.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{padding:.95rem 1rem;border-radius:22px;background:#07090df5;box-shadow:inset 0 1px #ffffff05}.metric-card span{display:block;color:var(--muted);font-size:.82rem}.metric-card strong{display:block;margin-top:.35rem;color:var(--text);font-size:1.35rem}.employee-card{gap:1rem}.employee-meta{justify-content:space-between}.employee-meta div{display:grid;gap:.3rem}.employee-actions{display:flex;gap:.65rem}.wrap-actions{flex-wrap:wrap}.status-badge{align-self:flex-start;padding:.45rem .75rem;border-radius:999px;font-size:.82rem;font-weight:700}.status-badge.active,.status-badge.status-active{background:#7fd98f24;color:var(--success)}.status-badge.paused{background:#ff7b7224;color:var(--danger)}.status-badge.status-pending{background:#ffe06624;color:var(--primary)}.chip-list{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.chip{background:#ffd54d14;color:var(--primary)}.static-chip{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border-radius:16px;padding:.7rem .9rem;font-weight:600}.event-card{display:grid;gap:.25rem;padding:.9rem 1rem;border-radius:18px;background:#07090df5;box-shadow:inset 0 1px #ffffff05}.top-modules{margin-top:1rem}.subtabbar{gap:.45rem;padding-bottom:.45rem}.inset-sheet{background:#07090de6}.checkbox-list{gap:.65rem}.checkbox-row,.override-row{display:flex;align-items:center;gap:.75rem;justify-content:space-between;padding:.85rem .9rem;border-radius:18px;background:#07090df5}.checkbox-row input{width:auto}.override-row span,.checkbox-row span{color:var(--text);flex:1}.override-row select{max-width:170px}.danger-button{background:linear-gradient(180deg,#f49e4d,#d76a1c);color:#130b04;box-shadow:0 16px 34px #d76a1c3d}.empty-state{text-align:center}.error-text{margin:0;color:var(--danger)}.success-inline{margin:.5rem 0 0;color:var(--success)}.warning-text{margin:0;color:var(--primary)}@media(max-width:480px){.page{padding:.5rem}.phone-shell{min-height:calc(100vh - 1rem);padding:.85rem;border-radius:26px}.summary-strip{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.overview-grid{grid-template-columns:1fr}.employee-head,.employee-meta,.inline-row,.override-row{flex-direction:column}.override-row select{max-width:none}}