:root{font-family:DM Sans,sans-serif;color:#0f172a;background:#f8fafc}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}.employee-auth,.employee-loading{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#0f172a,#1d4ed8)}.employee-login{width:min(520px,100%);padding:28px;border-radius:28px;background:#fffffff0;display:grid;gap:14px}.employee-login img{width:88px;height:88px;border-radius:20px}.employee-login label{display:grid;gap:8px}.employee-login input,.employee-login select{padding:12px 14px;border-radius:14px;border:1px solid #cbd5e1}.geo-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.employee-login button,.employee-header button{border:0;padding:12px 16px;border-radius:16px;background:#2563eb;color:#fff}.error{color:#dc2626;margin:0}.employee-layout{min-height:100vh;padding:24px;display:grid;gap:20px;background:linear-gradient(180deg,#eff6ff,#f8fafc)}.employee-header,.employee-timesheet,.employee-metrics article{background:#fff;border-radius:24px;border:1px solid #dbeafe}.employee-header{padding:20px;display:flex;justify-content:space-between;align-items:center}.employee-header>div{display:flex;gap:16px;align-items:center}.employee-header img{width:72px;height:72px;border-radius:18px}.employee-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.employee-metrics article{padding:18px;display:grid;gap:8px}.employee-metrics span{color:#64748b}.employee-timesheet{padding:20px}.timesheet-list{display:grid;gap:12px}.timesheet-card{display:grid;gap:6px;padding:16px;border-radius:18px;background:#f8fafc;border:1px solid #e2e8f0}@media (max-width: 900px){.employee-metrics{grid-template-columns:1fr 1fr}.geo-row{grid-template-columns:1fr}.employee-header{flex-direction:column;align-items:flex-start;gap:16px}}