.onboarding-layer{position:fixed;inset:0;z-index:180;background:#edf4f6;display:grid;place-items:center;padding:20px;overflow:auto}.onboarding-layer.hidden{display:none}.onboarding-card{width:min(1080px,100%);max-height:calc(100vh - 40px);overflow:auto;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 25px 80px #15374724}.onboarding-card>header{padding:25px 28px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;background:linear-gradient(115deg,#0d4255,#126b87);color:#fff;border-radius:20px 20px 0 0}.onboarding-card>header span{font-size:9px;font-weight:850;letter-spacing:.15em;color:#72d3f0}.onboarding-card>header h1{margin:7px 0 5px;font-size:25px}.onboarding-card>header p{margin:0;color:#bed6df;font-size:12px}.onboarding-card>header>b{width:48px;height:48px;border:1px solid #ffffff28;border-radius:50%;display:grid;place-items:center;font-size:16px}.onboarding-profile{padding:20px 28px;display:grid;grid-template-columns:2fr 1.2fr 1fr 1fr;gap:11px;border-bottom:1px solid var(--line)}.department-heading{padding:18px 28px 10px;display:flex;align-items:end;justify-content:space-between}.department-heading h2{font-size:17px;margin:0}.department-heading p{font-size:11px;color:var(--muted);margin:5px 0 0}.department-heading>div:last-child{display:flex;gap:6px}.department-heading button{height:34px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);padding:0 10px;font-size:10px;font-weight:750;cursor:pointer}.department-grid{padding:8px 28px 24px;display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.department-option{min-height:124px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:12px;cursor:pointer;position:relative;transition:.15s}.department-option:hover{border-color:#8fc5da}.department-option.selected{border-color:var(--blue);background:#f1f9fc;box-shadow:inset 0 0 0 1px var(--blue)}.department-option input{position:absolute;right:10px;top:10px;accent-color:var(--blue)}.department-option>i{width:35px;height:35px;border-radius:9px;background:#e9f5f9;color:var(--blue);display:grid;place-items:center;font-style:normal;font-size:17px}.department-option strong{display:block;font-size:11px;margin:10px 0 4px;padding-right:18px}.department-option small{display:block;font-size:9px;color:var(--muted);line-height:1.4}.onboarding-error{min-height:14px;margin:0 28px;color:var(--red);font-size:10px}.onboarding-card>footer{min-height:68px;border-top:1px solid var(--line);padding:12px 28px;display:flex;align-items:center;justify-content:space-between}.onboarding-card>footer span{font-size:11px;color:var(--muted)}.onboarding-card>footer span b{color:var(--blue);font-size:17px}@media(max-width:900px){.onboarding-profile{grid-template-columns:1fr 1fr}.department-grid{grid-template-columns:repeat(2,1fr)}.onboarding-card{max-height:none}.onboarding-layer{display:block;padding:0}.onboarding-card{border-radius:0;border:0}.onboarding-card>header{border-radius:0}.department-heading{align-items:flex-start;gap:12px}}@media(max-width:520px){.onboarding-profile{grid-template-columns:1fr;padding:16px}.department-heading{display:block;padding:16px 16px 8px}.department-heading>div:last-child{margin-top:10px}.department-grid{grid-template-columns:1fr;padding:8px 16px 20px}.department-option{min-height:105px}.onboarding-card>header{padding:20px 16px}.onboarding-card>header>b{display:none}.onboarding-card>footer{padding:12px 16px;position:sticky;bottom:0;background:#fff}.onboarding-error{margin:0 16px}}
.department-usage{display:block;margin-top:7px;color:#56808f;font-size:8px;font-style:normal;font-weight:750}.department-option.protected{border-color:#f2b45f;background:#fffaf2}.department-option.protected .department-usage{color:#a05b00}.department-option.protected:after{content:"ĐANG ĐƯỢC SỬ DỤNG";position:absolute;left:12px;top:12px;border-radius:999px;background:#fff0d8;color:#9a5a00;padding:3px 6px;font-size:7px;font-weight:900;letter-spacing:.06em}.department-option.protected>i{margin-top:18px}