:root{font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;color:#243244;background:#eef2f5}*{box-sizing:border-box}body{margin:0;min-height:100vh}.auth-page{min-height:100vh;display:grid;place-items:center;padding:32px;background:linear-gradient(135deg,#172638 0 46%,#eef2f5 46%)}.auth-card{width:min(460px,100%);background:#fff;border:1px solid #d5dde5;border-radius:14px;box-shadow:0 24px 70px #0d172433;padding:34px}.auth-brand{font-size:24px;font-weight:700;margin-bottom:26px}.auth-brand b{color:#d92735}.auth-card h1{font-size:27px;margin:0 0 8px}.auth-card>p{color:#66768a;margin:0 0 24px;line-height:1.55}.auth-field{display:grid;gap:7px;margin:15px 0}.auth-field label{font-weight:700}.auth-field input{height:48px;border:1px solid #bec9d3;border-radius:7px;padding:0 13px;font-size:16px;outline:none}.auth-field input:focus{border-color:#0ca578;box-shadow:0 0 0 3px #0ca57820}.auth-submit{width:100%;height:49px;margin-top:12px;border:0;border-radius:7px;background:#12b981;color:#fff;font-weight:700;font-size:17px}.auth-submit:disabled{opacity:.6}.auth-error{display:none;margin:14px 0 0;padding:11px 12px;border-radius:6px;background:#fff0f1;color:#a42b37}.auth-error.on{display:block}.auth-note{margin-top:22px;padding-top:18px;border-top:1px solid #e4e9ed;font-size:13px;color:#6f7e8e}.admin-page{min-height:100vh;background:#f4f6f8}.admin-head{display:flex;align-items:center;justify-content:space-between;padding:20px 28px;background:#192738;color:#fff}.admin-head h1{margin:0;font-size:21px}.admin-head button,.admin-back{border:1px solid #ffffff55;background:#fff;color:#203044;border-radius:5px;padding:9px 13px;text-decoration:none;font-weight:700}.admin-main{max-width:1120px;margin:0 auto;padding:28px 20px}.admin-welcome{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:20px}.admin-welcome h2{margin:0 0 6px}.admin-welcome p{margin:0;color:#657588}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.admin-stat,.admin-card{background:#fff;border:1px solid #dce2e7;border-radius:8px}.admin-stat{padding:18px}.admin-stat b{display:block;font-size:29px;color:#0b8b64}.admin-stat span{color:#647486}.admin-card{overflow:hidden}.admin-card h3{margin:0;padding:17px 19px;border-bottom:1px solid #e2e7eb}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{text-align:left;padding:13px 18px;border-bottom:1px solid #edf0f2}.admin-table th{background:#f8fafb;color:#5b6b7c}.role,.state{display:inline-block;padding:4px 8px;border-radius:14px;font-size:12px}.role.admin{background:#e7f1ff;color:#245b96}.role.employee{background:#eef2f5;color:#526274}.state.active{background:#e1f6ed;color:#166d50}.state.inactive{background:#fee8ea;color:#9c3039}.admin-help{padding:16px 18px;background:#fff8e8;color:#715713;line-height:1.6}.auth-toolbar{display:flex;align-items:center;gap:8px}.auth-user{color:#526374}.auth-role{padding:3px 7px;border-radius:12px;background:#e8f5ef;color:#147454;font-size:12px}.auth-toolbar a,.auth-toolbar button{height:36px;padding:0 11px;border:1px solid #c7d0d8;border-radius:5px;background:#fff;color:#263342;text-decoration:none;display:inline-flex;align-items:center;font-weight:700}@media(max-width:700px){.auth-page{background:#eef2f5;padding:16px}.auth-card{padding:26px 22px}.admin-stats{grid-template-columns:1fr}.admin-welcome{align-items:flex-start;flex-direction:column}.admin-table{font-size:13px}.admin-table th,.admin-table td{padding:10px}.auth-user{display:none}}