:root{--red:#ba0012;--cream:#fff7ed;--paper:#ffffff;--ink:#231f20;--muted:#76685d;--line:#f0ddc8;--green:#1d7f4f;--shadow:0 18px 45px rgba(35,31,32,0.10)}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--cream);color:var(--ink)}a{color:var(--red);text-decoration:none}.container{max-width:1120px;margin:0 auto;padding:28px 20px}.employee-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:28px 16px;background:radial-gradient(circle at top left,#ffe6d2 0,transparent 34%),linear-gradient(135deg,#fff7ed,#fff)}.employee-card{width:min(760px,100%);background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);padding:clamp(24px,5vw,48px)}.brand-kicker{display:inline-flex;gap:8px;align-items:center;font-size:13px;letter-spacing:.13em;text-transform:uppercase;color:var(--red);font-weight:800}.employee-card h1{font-size:clamp(34px,7vw,58px);line-height:1;margin:18px 0 12px;letter-spacing:-.05em}.employee-card .lead{font-size:18px;line-height:1.6;color:var(--muted)}.big-button,.button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:var(--red);color:white;border-radius:999px;padding:15px 24px;font-weight:800;font-size:16px;cursor:pointer;box-shadow:0 10px 24px rgba(186,0,18,.18)}.big-button{width:100%;margin-top:18px;font-size:18px;padding:18px 26px}.button.secondary{background:#231f20}.button.subtle{background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:none}.big-button:hover,.button:hover{filter:brightness(.98);transform:translateY(-1px)}.board{margin-top:26px;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fffdf9}.board h2{margin:0;padding:18px 20px;background:#fff4e6;font-size:20px}.board-row{display:flex;justify-content:space-between;gap:16px;padding:14px 20px;border-top:1px solid var(--line);font-weight:650}.quiz-option{display:block;width:100%;text-align:left;margin:10px 0;padding:14px 16px;border:1px solid var(--line);background:#fff;border-radius:14px;cursor:pointer}.quiz-option input{margin-right:10px}.app-shell{display:flex;min-height:100vh}.sidebar{width:250px;background:#231f20;color:white;padding:24px;position:-webkit-sticky;position:sticky;top:0;height:100vh}.sidebar .logo{font-weight:900;font-size:26px;letter-spacing:-.04em;margin-bottom:28px}.sidebar a{display:block;color:#fff2e8;padding:11px 12px;border-radius:12px;margin:4px 0}.sidebar a:hover{background:rgba(255,255,255,.1)}.main{flex:1 1}.card{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:0 8px 24px rgba(35,31,32,.06);margin-bottom:20px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:16px;gap:16px}.stat{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px}.stat b{display:block;font-size:30px}table{width:100%;border-collapse:collapse;background:#fff;border-radius:16px;overflow:hidden}td,th{text-align:left;border-bottom:1px solid #f2e6d9;padding:12px;vertical-align:top}th{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);background:#fff9f1}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px 14px;font:inherit;background:#fff}textarea{min-height:220px}label{display:block;font-weight:750;margin:14px 0 7px}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.notice{padding:14px 16px;border-radius:14px;background:#fff4e6;border:1px solid var(--line);color:#5f554d}.error{background:#fff0f0;border-color:#ffc5c5;color:#8a0010}.success{background:#effaf3;border-color:#c8edd6;color:#145c34}@media (max-width:800px){.app-shell{display:block}.sidebar{position:relative;width:auto;height:auto}.form-row{grid-template-columns:1fr}.container{padding:20px 14px}}