:root {
  --bg:#f3f4f6; --card:#fff; --ink:#111827; --muted:#6b7280; --line:#e5e7eb;
  --brand:#111827; --success:#16803a; --warning:#b45309; --info:#1d4ed8; --danger:#b91c1c;
  --radius:18px; font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--ink); background:var(--bg);
}
*{box-sizing:border-box} html,body{margin:0;min-height:100%;background:var(--bg)} body{min-height:100vh;padding-bottom:env(safe-area-inset-bottom)}
button,input,select{font:inherit} button{cursor:pointer}.hidden{display:none!important}.screen{min-height:100vh}.center-screen{display:grid;place-items:center;text-align:center;color:var(--muted)}
.loader{width:44px;height:44px;border:4px solid #d1d5db;border-top-color:var(--brand);border-radius:50%;animation:spin .8s linear infinite;margin:auto}@keyframes spin{to{transform:rotate(360deg)}}
.auth-screen{display:grid;place-items:center;padding:24px;background:linear-gradient(145deg,#111827,#273449)}.auth-card{width:min(480px,100%);background:#fff;border-radius:24px;padding:28px;box-shadow:0 24px 70px rgba(0,0,0,.35)}.wide-auth{width:min(560px,100%)}
.brand-mark{width:62px;height:62px;border-radius:18px;background:#111827;color:#fff;display:grid;place-items:center;font-size:2rem;margin-bottom:18px}.auth-card h1{margin:5px 0 9px}.auth-card>p{color:var(--muted);line-height:1.45}.eyebrow{font-size:.72rem;letter-spacing:.14em;font-weight:900;opacity:.65}.eyebrow.dark{color:var(--muted);opacity:1}
.stack-form{display:grid;gap:8px}.stack-form label{font-weight:800;margin-top:9px;font-size:.9rem}input,select{width:100%;min-height:48px;border:1px solid #d1d5db;border-radius:12px;padding:10px 12px;background:#fff;color:var(--ink)}input:focus,select:focus{outline:3px solid rgba(29,78,216,.15);border-color:#2563eb}
.primary,.secondary,.ghost-light{border-radius:12px;min-height:46px;padding:10px 15px;font-weight:850}.primary{background:var(--brand);color:#fff;border:1px solid var(--brand)}.secondary{background:#fff;color:var(--ink);border:1px solid #cbd5e1}.large{min-height:54px;margin-top:12px}.full{width:100%}.danger-outline{color:var(--danger);border-color:#fecaca}.ghost-light{background:transparent;border:1px solid rgba(255,255,255,.35);color:#fff;min-height:40px;padding:8px 12px}
.login-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:20px 0}.login-tab{border:1px solid #d1d5db;background:#fff;border-radius:11px;padding:11px;font-weight:850;color:var(--muted)}.login-tab.active{background:#111827;color:#fff;border-color:#111827}.login-employees{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:5px 0 8px}.login-employee{border:0;background:transparent;padding:4px;display:grid;justify-items:center;gap:6px;border-radius:13px}.login-employee-avatar{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#e5e7eb;box-shadow:0 0 0 2px #cbd5e1;font-weight:950}.login-employee.selected .login-employee-avatar{background:#111827;color:#fff;box-shadow:0 0 0 4px #93c5fd}.login-employee span:last-child{font-size:.8rem;font-weight:800;text-align:center;overflow:hidden;text-overflow:ellipsis;width:100%}.help-text{font-size:.85rem;color:var(--muted);min-height:20px;margin:14px 0 0}
.topbar{background:var(--brand);color:#fff;padding:calc(16px + env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) 16px max(22px,env(safe-area-inset-left));display:flex;justify-content:space-between;align-items:center;gap:18px}.topbar h1{margin:3px 0 0;font-size:clamp(1.35rem,4vw,2rem)}.topbar-right{display:flex;align-items:center;gap:15px}.clockbox{text-align:right;min-width:120px}.clockbox strong{display:block;font-size:1.3rem;font-variant-numeric:tabular-nums}.clockbox span,.userbox span{display:block;color:#d1d5db;font-size:.82rem}.userbox{text-align:right}.userbox strong{display:block}
main{max-width:1200px;margin:0 auto;padding:22px}.tabs{background:#fff;display:flex;border-bottom:1px solid var(--line);overflow-x:auto;border-radius:15px 15px 0 0;padding:0 8px;margin-bottom:20px}.tab{border:0;background:transparent;padding:15px 18px;color:var(--muted);font-weight:850;white-space:nowrap;border-bottom:3px solid transparent}.tab.active{color:var(--ink);border-bottom-color:var(--ink)}.admin-panel{display:none}.admin-panel.active{display:block}
.grid{display:grid;gap:20px}.grid.two{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:0 8px 24px rgba(17,24,39,.05)}.card h2{margin:0 0 15px;font-size:1.18rem}.card p{color:var(--muted)}.card-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:14px}.card-heading h2,.card-heading p{margin-top:0}.card-heading p{margin-bottom:0}.badge{min-width:30px;height:30px;border-radius:999px;background:#eef2ff;display:inline-grid;place-items:center;padding:0 9px;font-weight:900;color:#3730a3}
.employee-hero{display:flex;align-items:center;gap:16px;margin-bottom:20px}.employee-hero h2{margin:3px 0}.employee-hero p{margin:0}.big-avatar{width:76px;height:76px;border-radius:50%;background:#111827;color:#fff;display:grid;place-items:center;font-size:1.35rem;font-weight:950;box-shadow:0 0 0 5px #dbeafe}.employee-grid{align-items:start}.assignment-cards{display:grid;gap:10px}.assignment-choice{border:1px solid var(--line);background:#fff;border-radius:13px;padding:13px;text-align:left;display:flex;justify-content:space-between;gap:10px;align-items:center}.assignment-choice strong{display:block}.assignment-choice small{display:block;color:var(--muted);margin-top:3px}.assignment-choice.selected{border-color:#2563eb;background:#eff6ff;box-shadow:0 0 0 2px #bfdbfe}.assignment-choice.locked{opacity:.8}.checkmark{font-weight:950;color:#1d4ed8}.empty-state{color:var(--muted);padding:14px 0}
.status{margin:16px 0;padding:14px;border-radius:12px;line-height:1.4;font-weight:750}.status.neutral{background:#f3f4f6;color:#4b5563}.status.working{background:#dcfce7;color:#166534}.status.paused{background:#ffedd5;color:#9a3412}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.action{border:0;border-radius:15px;color:#fff;min-height:82px;padding:14px;text-align:left;display:flex;align-items:center;gap:12px;box-shadow:inset 0 -2px rgba(0,0,0,.12)}.action:disabled{opacity:.42;cursor:not-allowed}.action-icon{font-size:1.45rem;width:28px;text-align:center}.action strong,.action small{display:block}.action small{opacity:.8;margin-top:3px}.action.success{background:var(--success)}.action.warning{background:var(--warning)}.action.info{background:var(--info)}.action.danger{background:var(--danger)}
.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:13px}table{width:100%;border-collapse:collapse;min-width:650px}th,td{padding:12px;border-bottom:1px solid var(--line);text-align:left}th{background:#f8fafc;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:#475569}tbody tr:last-child td{border-bottom:0}.pill{border-radius:999px;padding:6px 9px;font-size:.76rem;font-weight:900;white-space:nowrap}.pill.work{background:#dcfce7;color:#166534}.pill.pause{background:#ffedd5;color:#9a3412}.pill.closed{background:#e5e7eb;color:#4b5563}
.share-card{display:flex;justify-content:space-between;gap:22px;align-items:center;margin-bottom:20px;background:#eff6ff;border-color:#bfdbfe}.share-card h2{margin:3px 0}.share-card p{margin:0}.server-urls{display:grid;gap:8px;min-width:min(420px,100%)}.server-url{display:flex;gap:8px;align-items:center;background:#fff;border:1px solid #bfdbfe;border-radius:11px;padding:10px 12px}.server-url code{font-size:.95rem;flex:1;overflow-wrap:anywhere}.copy-btn,.mini{border:1px solid #d1d5db;background:#fff;border-radius:9px;padding:7px 9px;font-weight:800}.mini.danger{color:var(--danger);border-color:#fecaca}.list-stack{display:grid;gap:10px}.list-item{border:1px solid var(--line);border-radius:13px;padding:13px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}.list-item strong{display:block}.list-item small{display:block;color:var(--muted);margin-top:3px}.list-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.edit-grid{grid-column:1/-1;display:grid;grid-template-columns:minmax(140px,1fr) minmax(95px,130px) minmax(140px,1fr) auto;gap:8px;align-items:end;background:#f8fafc;padding:10px;border-radius:11px}.edit-grid label{font-size:.75rem;font-weight:800;color:var(--muted);margin-bottom:5px;display:block}.edit-grid input{min-height:40px;padding:7px 9px}
.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:12px;margin:10px 0 18px}.summary-card{background:#f8fafc;border:1px solid var(--line);padding:15px;border-radius:13px}.summary-card strong{display:block;font-size:1.35rem}.summary-card span{color:var(--muted);font-size:.82rem}.report-summary{margin:20px 0}.filters{display:grid;grid-template-columns:minmax(190px,1.4fr) minmax(170px,1.2fr) minmax(135px,.8fr) minmax(135px,.8fr) auto;gap:10px;align-items:end}.filters label{display:block;margin:0 0 6px;font-weight:800;font-size:.86rem}.filter-button{padding-bottom:1px}.money-input{min-height:48px;display:grid;grid-template-columns:auto minmax(70px,1fr) auto;align-items:center;border:1px solid #d1d5db;border-radius:12px;background:#fff;overflow:hidden}.money-input:focus-within{outline:3px solid rgba(29,78,216,.15);border-color:#2563eb}.money-input span{padding:0 10px;color:var(--muted);font-weight:800}.money-input input{min-height:46px;border:0;border-radius:0;padding-left:2px;padding-right:2px}.money-input input:focus{outline:0}.stack-buttons{display:grid;gap:10px}.notice{background:#eff6ff;color:#1e3a8a;border-radius:12px;padding:13px;margin-top:18px;line-height:1.45;font-size:.9rem}.warning-note{background:#fff7ed;color:#9a3412}hr{border:0;border-top:1px solid var(--line);margin:22px 0}
.toast{position:fixed;left:50%;bottom:calc(22px + env(safe-area-inset-bottom));transform:translate(-50%,120px);opacity:0;z-index:100;background:#111827;color:#fff;border-radius:12px;padding:12px 16px;box-shadow:0 12px 30px rgba(0,0,0,.25);transition:.25s ease;max-width:calc(100vw - 30px);text-align:center}.toast.show{transform:translate(-50%,0);opacity:1}.modal{position:fixed;inset:0;background:rgba(17,24,39,.55);z-index:200;display:grid;place-items:center;padding:20px}.modal-card{width:min(430px,100%);background:#fff;border-radius:18px;padding:22px;box-shadow:0 20px 50px rgba(0,0,0,.25)}.modal-card h2{margin-top:0}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}
@media(max-width:900px){.grid.two{grid-template-columns:1fr}.filters{grid-template-columns:1fr 1fr}.filters>div:first-child,.filters>div:nth-child(2){grid-column:auto}.share-card{align-items:flex-start;flex-direction:column}.server-urls{min-width:0;width:100%}.edit-grid{grid-template-columns:1fr 1fr}.edit-grid>div:nth-child(3){grid-column:1/-1}}
@media(max-width:620px){main{padding:14px}.topbar{align-items:flex-start}.topbar-right{display:grid;grid-template-columns:1fr auto;gap:7px}.clockbox{display:none}.userbox{text-align:left}.ghost-light{grid-column:2;grid-row:1/3}.login-employees{grid-template-columns:repeat(3,minmax(0,1fr))}.action-grid{grid-template-columns:1fr}.action{min-height:70px}.filters{grid-template-columns:1fr}.share-card{padding:18px}.card{padding:18px}.card-heading{flex-direction:column}.edit-grid{grid-template-columns:1fr}.edit-grid>div:nth-child(3){grid-column:auto}.list-item{grid-template-columns:1fr}.list-actions{justify-content:flex-start}.employee-hero{align-items:flex-start}.big-avatar{width:64px;height:64px}.tabs{border-radius:0;margin-left:-14px;margin-right:-14px}.server-url{align-items:flex-start;flex-direction:column}.copy-btn{width:100%}}