:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;background:#0a0a0a;color:#fafafa}.shell{min-height:100vh;display:grid;place-items:center;padding:2rem}.card{max-width:28rem;width:100%;border:1px solid rgba(255,255,255,.1);padding:2rem;border-radius:.75rem;background:#ffffff05}.tag{display:inline-block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.65rem;letter-spacing:.22em;text-transform:uppercase;color:#ffffff8c;border:1px solid rgba(255,255,255,.12);padding:.25rem .5rem;border-radius:.25rem;margin-bottom:1rem}h1{margin:0 0 .75rem;font-size:1.5rem;font-weight:600;letter-spacing:-.02em}p{margin:0;color:#ffffffa6;font-size:.95rem}input{width:100%;padding:.65rem .85rem;border:1px solid rgba(255,255,255,.15);border-radius:.5rem;background:#ffffff0f;color:#fafafa;font-size:.95rem;font-family:inherit;outline:none;transition:border-color .15s}input:focus{border-color:#ffffff59}input::placeholder{color:#ffffff4d}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}.field label{font-size:.8rem;color:#ffffff8c;text-transform:uppercase;letter-spacing:.08em}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.65rem 1.25rem;border:none;border-radius:.5rem;font-size:.95rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s,transform .1s}.btn:active{transform:scale(.97)}.btn-primary{width:100%;background:#3b82f6;color:#fff}.btn-primary:hover{background:#2563eb}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}.btn-clock-in{background:#22c55e;color:#fff}.btn-clock-in:hover{background:#16a34a}.btn-clock-out{background:#f59e0b;color:#000}.btn-clock-out:hover{background:#d97706}.btn-ghost{background:#ffffff14;color:#ffffffbf;padding:.5rem .85rem;font-size:.85rem}.btn-ghost:hover{background:#ffffff24}.error-msg{color:#f87171;font-size:.85rem;margin-bottom:.75rem}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.header-info{display:flex;flex-direction:column}.header-info .username{font-weight:600;font-size:1.1rem}.header-info .role{font-size:.8rem;color:#ffffff73}.status-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border-radius:999px;font-size:.8rem;font-weight:600;margin-bottom:1.25rem}.status-pill .dot{width:8px;height:8px;border-radius:50%}.status-clocked-in{background:#22c55e26;color:#4ade80}.status-clocked-in .dot{background:#4ade80;animation:pulse 1.5s infinite}.status-clocked-out{background:#ffffff14;color:#ffffff80}.status-clocked-out .dot{background:#fff6}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.timer-display{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:2.5rem;font-weight:700;text-align:center;margin:1rem 0 1.5rem;letter-spacing:.04em;color:#fafafa}.clock-btn-area{display:flex;justify-content:center;margin-bottom:1.5rem}.clock-btn-area .btn{min-width:12rem}.divider{border:none;border-top:1px solid rgba(255,255,255,.08);margin:1.5rem 0}.section-title{font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;color:#fff6;margin-bottom:.75rem}.entries-list{display:flex;flex-direction:column;gap:.5rem;max-height:16rem;overflow-y:auto}.entry-row{display:flex;align-items:center;justify-content:space-between;padding:.65rem .85rem;background:#ffffff0a;border-radius:.5rem;border:1px solid rgba(255,255,255,.06)}.entry-date{font-size:.85rem;color:#ffffffa6}.entry-times{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;color:#ffffff80}.entry-duration{font-weight:600;font-size:.9rem;color:#4ade80}.entry-in-progress{color:#fbbf24}.summary-bar{display:flex;gap:1rem;margin-bottom:1.25rem}.summary-item{flex:1;padding:.75rem;background:#ffffff0a;border-radius:.5rem;text-align:center;border:1px solid rgba(255,255,255,.06)}.summary-item .label{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#fff6;margin-bottom:.25rem}.summary-item .value{font-size:1.25rem;font-weight:700;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.no-entries{text-align:center;padding:1.5rem;color:#ffffff4d;font-size:.9rem}.login-icon{display:flex;justify-content:center;margin-bottom:1.25rem}.login-icon svg{width:48px;height:48px;color:#ffffff40}