@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#1e1e1e;background:#f5f2ec}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}.shell{min-height:100vh;display:flex;flex-direction:column}.topbar{background:#171717;color:#fbf9f4;padding:16px max(24px,calc((100vw - 1140px)/2));display:flex;justify-content:space-between;align-items:center;gap:16px}.brand{display:flex;align-items:center;gap:12px}.mark{height:40px;width:40px;border:1px solid #b4a58a;display:grid;place-items:center;font:600 28px 'Playfair Display',serif}.brand-name{font-weight:700;font-size:13px;letter-spacing:.22em}.brand-sub{display:block;font-size:10px;letter-spacing:.11em;text-transform:uppercase;color:#c9ccc5;margin-top:3px}.top-actions{display:flex;align-items:center;gap:14px;font-size:12px;color:#d1d5cf}.link-button{background:none;color:inherit;border:0;text-decoration:underline;text-underline-offset:3px;padding:7px}.content{width:min(1140px,calc(100% - 48px));margin:0 auto;flex:1;padding:48px 0 76px}.eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:#907855;margin:0 0 13px}h1,h2{font-family:'Playfair Display',serif;font-weight:500;letter-spacing:-.025em}h1{font-size:clamp(34px,5vw,54px);line-height:1.07;margin:0 0 14px}h2{font-size:27px;margin:0}.lead{font-size:14px;line-height:1.7;color:#666666;max-width:650px;margin:0 0 18px}.important{font-size:13px;line-height:1.6;color:#efe7d5}.banner{background:#eee4d1;color:#5d4e34;border-left:3px solid #ad8d57;padding:14px 18px;margin:0 0 24px}.grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(290px,.9fr);gap:20px}.card{background:#fffefa;border:1px solid #e3ded5;padding:28px;box-shadow:0 13px 36px rgba(37,39,29,.04)}.card-heading,.section-heading{display:flex;align-items:start;justify-content:space-between;gap:16px}.card-heading{margin-bottom:18px}.clock{text-align:right;color:#777777;font-size:11px}.clock strong{font-size:21px;display:block;color:#171717;font-variant-numeric:tabular-nums;margin-top:4px}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:23px}.action{text-align:left;background:#fffefa;border:1px solid #d8d2c6;color:#171717;min-height:83px;padding:16px;transition:.15s}.action:hover:not(:disabled){background:#f3f0e8;border-color:#ac9979}.action.primary{color:#fff;background:#171717;border-color:#171717}.action.primary:hover:not(:disabled){background:#303030}.action span{display:block;font-weight:700}.action small{display:block;margin-top:6px;opacity:.67}.fineprint{font-size:12px;line-height:1.6;color:#8b887e;margin:21px 0 0}.muted{font-size:12px;line-height:1.6;color:#777777}.history{margin-top:20px}.table-wrap{overflow:auto;margin-top:20px}table{width:100%;min-width:670px;border-collapse:collapse}th{text-align:left;color:#8d8d82;text-transform:uppercase;font-size:10px;letter-spacing:.12em;padding:11px 9px;border-bottom:1px solid #e8e2d8}td{padding:14px 9px;font-size:13px;border-bottom:1px solid #eee9e0;vertical-align:top}td:last-child{max-width:260px;overflow-wrap:anywhere}.notice{padding:14px 16px;margin-bottom:22px;border-left:3px solid #ad8d57;background:#efe8d9;font-size:13px;line-height:1.5;color:#554d3d}.notice.error{background:#f7e8e4;border-color:#af5a4a;color:#843e32}.login-layout{min-height:calc(100vh - 72px);display:grid;grid-template-columns:1fr 1fr}.login-art{padding:8vw;background:#171717;color:#f6f4ee;display:flex;flex-direction:column;justify-content:center}.login-art h1{max-width:560px}.login-art p{line-height:1.65;max-width:440px}.login-form-wrap{display:grid;place-items:center;padding:45px}.login-card{width:min(400px,100%)}.login-card h2{margin-bottom:10px}.login-card p{font-size:13px;line-height:1.6;color:#777777;margin:0 0 27px}label{font-size:12px;font-weight:700;display:block;margin:16px 0 7px}input,select,textarea{width:100%;border:1px solid #cdc7bb;background:#fffefa;padding:12px 13px;outline:none;color:#1e1e1e;border-radius:0}input:focus,select:focus,textarea:focus{border-color:#4a4a4a;box-shadow:0 0 0 3px rgba(40,40,40,.12)}.submit{border:0;background:#171717;color:white;padding:14px;font-weight:700}.login-card .submit{width:100%;margin-top:24px}.submit:hover,.inline-fields button:hover{background:#303030}.footer{padding:24px;text-align:center;font-size:11px;color:#99968c}.empty{padding:28px 0;color:#777777;font-size:13px}.inline-form{margin-top:16px}.inline-fields{display:flex;gap:8px}.inline-fields input{min-width:0}.inline-fields button{flex:none;border:0;background:#171717;color:white;padding:0 16px;font-weight:700}.employee-list{padding:0;margin:24px 0 0;list-style:none;max-height:290px;overflow:auto}.employee-list li{display:flex;justify-content:space-between;gap:10px;align-items:center;border-top:1px solid #e8e3d9;padding:10px 0;font-size:13px}.text-button{background:none;border:0;color:#252525;text-decoration:underline;text-underline-offset:3px;padding:4px;font-size:12px;white-space:nowrap}.secondary{border:1px solid #cfc8b9;color:#171717;background:#fffefa;padding:10px 12px;font-size:12px}.correction-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;margin-top:10px}.span-all{grid-column:1/-1}.correction-grid .submit{margin-top:18px;justify-self:start}@media(max-width:800px){.grid,.login-layout{grid-template-columns:1fr}.login-art{padding:45px 28px}.content{padding-top:35px}.top-actions span{display:none}}@media(max-width:500px){.content{width:calc(100% - 28px)}.topbar{padding:14px}.brand-name{font-size:11px}.card{padding:21px}.actions,.correction-grid{grid-template-columns:1fr}.section-heading{align-items:start;flex-direction:column}.inline-fields{flex-direction:column}.inline-fields button{padding:12px}}

.export-buttons{display:flex;gap:8px;flex-wrap:wrap}