*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:#f3f5f8;color:#18202a}button,input{font:inherit}button{border:0;border-radius:12px;padding:12px 15px;background:#2563eb;color:white;font-weight:700;cursor:pointer}input{width:100%;padding:13px;border:1px solid #d5dbe3;border-radius:11px;margin:6px 0 12px;background:white}.hidden{display:none!important}.screen{min-height:100vh;display:grid;place-items:center;padding:20px}.card{background:white;border-radius:18px;padding:18px;box-shadow:0 5px 20px #0000000d;margin-bottom:14px}.login-card{width:min(420px,100%);text-align:center}.logo{width:58px;height:58px;border-radius:16px;background:#2563eb;color:white;display:grid;place-items:center;font-size:22px;font-weight:800;margin:auto}.muted,.hint{color:#667085}.hint{font-size:13px}.topbar{position:sticky;top:0;z-index:5;background:white;padding:15px 18px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.topbar span{display:block;color:#667085;font-size:12px;margin-top:2px}main{max-width:850px;margin:auto;padding:20px 16px 95px}h2{margin-top:0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:15px}.stat{background:white;border-radius:16px;padding:15px;box-shadow:0 5px 20px #0000000d}.stat b{font-size:25px;display:block}.stat span{font-size:12px;color:#667085}.page-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.task,.employee{display:flex;justify-content:space-between;align-items:center;gap:12px}.task-title,.employee-name{font-weight:750}.small{font-size:12px;color:#667085}.badge{font-size:12px;padding:5px 9px;border-radius:999px;background:#e8f0ff;color:#2458bd}.done{opacity:.6;text-decoration:line-through}.bottomnav{position:fixed;bottom:0;left:0;right:0;background:white;border-top:1px solid #e5e7eb;display:flex;justify-content:center;z-index:10}.bottomnav button{background:white;color:#344054;border-radius:0;flex:1;max-width:180px;padding:9px 4px;font-size:18px}.bottomnav span{display:block;font-size:11px}.ghost{background:transparent;color:#344054}.danger{background:#dc2626}.modal{position:fixed;inset:0;background:#0007;display:grid;place-items:end center;padding:12px;z-index:20}.modal-card{width:min(600px,100%);margin:0;max-height:90vh;overflow:auto}.empty{text-align:center;color:#667085;padding:20px}.row{display:flex;gap:8px}.row>*{flex:1}@media(min-width:700px){.modal{place-items:center}.bottomnav{left:50%;right:auto;transform:translateX(-50%);width:min(720px,100%)}}