.admin-layout{background:#f5f7fb;min-height:100vh}.left-sider{border-right:1px solid #e8edf4;background:#fff!important}.brand{color:#1f2937;border-bottom:1px solid #eef2f7;align-items:center;height:64px;padding:0 16px;font-size:16px;font-weight:700;display:flex}.left-sider .ant-menu{background:#fff;margin-top:8px;border-inline-end:none!important}.left-sider .ant-menu-item{border-radius:8px!important;margin:6px 10px!important}.left-sider .ant-menu-item-selected{font-weight:600;color:#1677ff!important;background:#eaf2ff!important}.top-header{border-bottom:1px solid #e8edf4;justify-content:space-between;align-items:center;height:64px;padding:0 20px;display:flex;background:#fff!important}.main-content{padding:16px}.content-card{box-shadow:none!important;background:#fff!important;border:1px solid #e8edf4!important;border-radius:10px!important}.page-filters{row-gap:8px;width:100%}.login-page{background:#f5f7fb;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{width:min(460px,100%);border:1px solid #e8edf4!important;border-radius:12px!important;box-shadow:0 8px 24px #0f172a14!important}.public-page{background:radial-gradient(circle at 15% 15%,#eaf3ff 0%,#f4f8ff 28%,#f5f7fb 100%);justify-content:center;align-items:flex-start;min-height:100vh;padding:28px 16px;display:flex}.public-card{width:min(920px,100%);border:1px solid #dfe7f5!important;border-radius:16px!important;box-shadow:0 16px 36px #0f172a14!important}.public-form .ant-input,.public-form .ant-input-affix-wrapper,.public-form .ant-picker{font-size:16px}.public-submit-btn{min-width:160px}.captcha-actions{width:100%}.captcha-refresh-btn{min-height:40px}.captcha-image{background:#f8fbff;border:1px solid #dce4f2;border-radius:6px;width:128px;height:42px}.admin-loading{justify-content:center;align-items:center;min-height:50vh;display:flex}.role-select-page{color:#102033;background:linear-gradient(#d6f0fae6 0%,#f4fbf9f2 56%,#fff 100%),linear-gradient(135deg,#dff4ff 0%,#eefbf6 100%);justify-content:center;min-height:100dvh;display:flex}.role-select-shell{width:min(100%,480px);min-height:100dvh;padding:max(18px, env(safe-area-inset-top)) 24px calc(42px + env(safe-area-inset-bottom));flex-direction:column;display:flex;position:relative;overflow:hidden}.role-nav{grid-template-columns:44px 1fr 44px;align-items:center;height:48px;display:grid}.role-nav-back{color:#122235;font-size:42px;line-height:1}.role-nav-title{text-align:center;font-size:20px;font-weight:700}.role-nav-mark{color:#1887d8;background:#ffffffbd;border:1px solid #45a4df2e;border-radius:14px;justify-content:center;justify-self:end;align-items:center;width:36px;height:28px;font-size:12px;font-weight:800;display:inline-flex}.role-select-header{margin-top:32px}.role-select-header h1{color:#07111f;margin:0;font-size:34px;font-weight:800;line-height:1.15}.role-card-list{gap:18px;margin-top:72px;display:grid}.role-card{background:linear-gradient(112deg,#d7f6ffd1 0%,#f6fcfff5 68%),#f8fdff;border:1.5px solid #1a97daad;border-radius:18px;grid-template-columns:42% minmax(0,1fr);align-items:center;gap:10px;min-height:142px;padding:14px 18px;display:grid;position:relative;overflow:hidden;box-shadow:0 14px 30px #258dc11f}.role-card-external{background:linear-gradient(112deg,#dcfaf4db 0%,#f8fdfff5 70%),#f8fffd;border-color:#17a9aea8}.role-card-media{pointer-events:none;justify-content:center;align-self:end;align-items:flex-end;height:142px;display:flex}.role-card-media img{object-fit:cover;object-position:center 18%;filter:drop-shadow(0 12px 16px #0e54811f);width:150px;height:150px;transform:translateY(18px)}.role-card-employee .role-card-media img{object-fit:contain;object-position:center bottom;width:144px;height:166px;transform:translateY(20px)}.role-card-external .role-card-media img{object-fit:contain;object-position:center bottom;width:148px;height:166px;transform:translateY(20px)}.role-action-button{color:#fff;width:168px;max-width:100%;min-height:54px;font:inherit;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#1685e5 0%,#21b5f6 100%);border:0;border-radius:999px;justify-self:end;padding:0 18px;font-size:20px;font-weight:700;transition:transform .18s,box-shadow .18s,opacity .18s;box-shadow:0 10px 18px #178de63d}.role-card-external .role-action-button{background:linear-gradient(135deg,#09a9be 0%,#2487ee 100%);box-shadow:0 10px 18px #0c9dbc38}.role-action-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 13px 22px #178de647}.role-action-button:active:not(:disabled){transform:translateY(0)}.role-action-button:disabled{cursor:default;opacity:.72}.role-loading-mask{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0d1f3024;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.role-loading-box{color:#1e344a;text-align:center;background:#fffffff5;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:172px;min-height:132px;font-size:15px;font-weight:600;display:flex;box-shadow:0 18px 42px #0f314f33}@media (width<=900px){.top-header{padding:0 12px}.main-content{padding:12px}.brand{font-size:14px}}@media (width<=768px){.public-page{min-height:auto;padding:10px 10px calc(14px + env(safe-area-inset-bottom))}.public-card{width:100%;border-radius:12px!important}.public-card .ant-card-body{padding:14px 12px 16px}.public-title{font-size:22px!important}.public-form .ant-form-item{margin-bottom:12px}.public-form .ant-form-item-label>label{font-size:14px}.public-submit-btn{width:100%;min-height:46px}.captcha-actions{justify-content:space-between;gap:8px}.captcha-refresh-btn{min-width:72px}}@media (width<=390px){.role-select-shell{padding-inline:18px}.role-select-header{margin-top:26px}.role-select-header h1{font-size:30px}.role-card-list{margin-top:58px}.role-card{grid-template-columns:112px minmax(0,1fr);min-height:132px;padding:12px}.role-card-media{height:132px}.role-card-media img{width:134px;height:134px;transform:translateY(15px)}.role-card-employee .role-card-media img{width:126px;height:152px;transform:translateY(18px)}.role-card-external .role-card-media img{width:130px;height:152px;transform:translateY(18px)}.role-action-button{width:146px;min-height:50px;padding:0 12px;font-size:16px}}:root{color:#1f2937;background:#f5f7fb;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;line-height:1.5}*{box-sizing:border-box}body{background:#f5f7fb;min-width:320px;margin:0}