:root{--topbar-h: 64px}html,body,#root{height:100%;margin:0;padding:0}body{background:#faf7f2;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.container{max-width:640px;width:100%;margin:24px auto 0;padding:0 16px;display:block}.login-form{width:100%;max-width:640px;background:#fff;border:1px solid #eee;border-radius:14px;padding:28px;text-align:left;box-shadow:0 20px 40px #0000000f,0 2px 6px #0000000a}.login-form h2{margin:0 0 12px;text-align:center;font-weight:700}.login-form h3{margin:8px 0 16px;text-align:center}.login-form label{display:block;margin:12px 0 6px;font-weight:600}.login-form input,.login-form textarea,.login-form select{width:100%;box-sizing:border-box;padding:12px;border:1px solid #e5e7eb;border-radius:8px;background:#fffbea;outline:none}.login-form input:focus,.login-form textarea:focus,.login-form select:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa40}.login-form button[type=submit],.login-form button{width:100%;padding:12px 16px;margin-top:16px;border:0;border-radius:10px;background:#4f89e8;color:#fff;font-weight:600;cursor:pointer}.login-form button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.login-form button:hover{filter:brightness(.96)}.stepper{display:flex;justify-content:center;gap:8px;margin:8px 0 18px}.stepper .dot{width:8px;height:8px;border-radius:999px;background:#d1d5db}.stepper .dot.active{background:#60a5fa}.resume-banner{margin-top:8px;padding:8px 12px;border-radius:8px;background:#fff8e1;border:1px solid #FFE082}.success-banner{margin-top:12px;padding:16px;border-radius:12px;background:#eef7ff;border:1px solid #B3DAFF}.admin-dashboard{max-width:720px;margin:40px auto;padding:24px;background:#fff;border:1px solid #eee;border-radius:14px;box-shadow:0 10px 30px #0000000f;text-align:left}.admin-dashboard h2{margin:0 0 12px;text-align:center}.admin-dashboard p{margin:0 0 16px}.admin-dashboard button{margin-top:12px;padding:10px 14px;border:0;border-radius:10px;background:#4f89e8;color:#fff;font-weight:600;cursor:pointer}.data-card{width:100%;max-width:1060px;background:#fff;border:1px solid #eee;border-radius:12px;box-shadow:0 10px 30px #0000000f;padding:24px}.data-card h2{margin:0 0 16px;text-align:center}.data-table{width:100%;border-collapse:collapse}.data-table thead th{background:#f4f6eb;font-weight:700;text-align:left;border-bottom:1px solid #e5e7eb}.data-table th,.data-table td{padding:12px 14px;border-bottom:1px solid #eee;vertical-align:top;white-space:nowrap}.data-table tbody tr:nth-child(odd){background:#fafafa}.data-table th:nth-child(2),.data-table td:nth-child(2){white-space:normal;word-break:break-word;max-width:520px}.brand{font-weight:800;letter-spacing:.08em;text-decoration:none;color:#1b1b1b;font-size:22px}.topbar{position:sticky;top:0;z-index:10;background:#69a28e;border-bottom:1px solid #e5e7eb;height:var(--topbar-h);padding:0 24px;display:flex;align-items:center;justify-content:space-between}.page{min-height:calc(100vh - var(--topbar-h));padding:24px 16px 64px;display:flex;justify-content:center;align-items:flex-start;background:#faf7f2}.brand{font-weight:800;letter-spacing:2px}.navlinks a{margin-left:16px;text-decoration:none;color:#111;padding:6px 10px;border-radius:6px}.navlinks a:hover{background:#e8ece0}.admin-mini-nav{display:flex;gap:10px;justify-content:flex-end;margin-bottom:8px}.admin-mini-nav a{text-decoration:none;color:#00f;padding:4px 8px;border-radius:6px}.admin-mini-nav a:hover{background:#e8ece0}.button-row{display:flex;gap:10px;margin-top:8px}.button-row button{flex:1}.login-form .btn-secondary{background:#e5e7eb;color:#111}.login-form .btn-secondary:hover{filter:brightness(.98)}
