:root{--bg:#f6f4ef;--card:#fff;--text:#292721;--muted:#736f66;--line:#e7e2d8;--accent:#8f5f3f;--accent2:#f1e7db;--danger:#a33636;--success:#2f7046;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}a{color:inherit}.topbar{background:var(--card);border-bottom:1px solid var(--line);padding:20px max(20px,calc((100vw - 1050px)/2));display:flex;justify-content:space-between;align-items:center;gap:20px}.topbar h1{margin:0;font-size:1.6rem}.topbar p{margin:4px 0 0;color:var(--muted)}nav{display:flex;gap:18px;align-items:center}nav a{text-decoration:none;font-weight:650}nav form{margin:0}.linkbutton,.danger-link{border:0;background:none;padding:0;font:inherit;cursor:pointer}.linkbutton{font-weight:650}.container{max-width:1050px;margin:26px auto;padding:0 18px 60px}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px;margin-bottom:20px;box-shadow:0 3px 14px rgba(0,0,0,.03)}h2{margin:0 0 18px;font-size:1.25rem}.card p{color:var(--muted)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-grid.compact{grid-template-columns:2fr 1fr auto;align-items:end}label{display:grid;gap:7px;font-weight:650;font-size:.92rem}input,select{width:100%;border:1px solid #d8d2c7;border-radius:10px;background:#fff;padding:12px 13px;font:inherit;color:var(--text)}input:focus,select:focus{outline:2px solid rgba(143,95,63,.2);border-color:var(--accent)}.button{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:10px;padding:12px 16px;text-decoration:none;font:inherit;font-weight:700;cursor:pointer}.button.primary{background:var(--accent);color:#fff}.button.secondary{background:var(--accent2);color:var(--text)}.calculated{border-radius:12px;background:var(--accent2);padding:12px 14px;display:flex;justify-content:space-between;align-items:center}.calculated span{font-weight:650}.calculated strong{font-size:1.35rem}.section-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px}.section-head h2,.section-head p{margin:0}.month-picker input{min-width:155px}.totals{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:16px 0}.total-card{background:#faf8f4;border:1px solid var(--line);border-radius:13px;padding:15px}.total-card span{display:block;color:var(--muted);font-size:.9rem}.total-card strong{display:inline-block;margin-top:7px;font-size:1.7rem}.total-card small{margin-left:4px;color:var(--muted)}.entries{display:grid;gap:10px}.entry{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:18px;padding:15px 0;border-bottom:1px solid var(--line)}.entry:last-child{border-bottom:0}.entry-main{display:grid;gap:3px}.entry-main span,.entry-main small{color:var(--muted)}.entry-hours{font-size:1.35rem;font-weight:800}.entry-actions{display:flex;gap:10px;font-size:.9rem}.danger-link{color:var(--danger);text-decoration:underline}.employee-list{display:grid;gap:4px}.employee-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px 0;border-bottom:1px solid var(--line)}.employee-row div{display:grid;gap:4px}.employee-row span{color:var(--muted);font-size:.9rem}.employee-row.inactive{opacity:.6}.message{border-radius:10px;padding:12px 14px;margin-bottom:18px}.message.success{background:#e8f4ec;color:var(--success)}.message.error{background:#f8e8e8;color:var(--danger)}.empty{padding:16px 0}.login-page{display:grid;place-items:center;min-height:100vh;padding:20px}.login-card{width:min(420px,100%);background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px}.login-card h1{margin-top:0}.login-card form{display:grid;gap:16px}@media(max-width:700px){.topbar{align-items:flex-start;flex-direction:column}.topbar nav{width:100%;justify-content:space-between}.form-grid,.form-grid.compact{grid-template-columns:1fr}.entry{grid-template-columns:1fr auto}.entry-actions{grid-column:1/-1}.employee-row{align-items:flex-start;flex-direction:column}.section-head{align-items:flex-start;flex-direction:column}.month-picker,.month-picker input{width:100%}.card{padding:18px;border-radius:14px}}