.employee-basic-backdrop{position:fixed;inset:0;z-index:240;background:rgba(8,38,47,.34);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;transition:opacity .16s}.employee-basic-backdrop.open{opacity:1}.employee-basic-card{width:min(760px,96vw);max-height:88vh;overflow:auto;background:#fff;border:1px solid #d9e8eb;border-radius:24px;box-shadow:0 28px 80px rgba(16,63,75,.24);position:relative;font-family:Arial,sans-serif;font-synthesis:none}.employee-basic-close{position:absolute;top:14px;left:14px;right:auto;width:30px;height:30px;border:0;border-radius:9px;background:#eef7f8;color:#31545e;font-size:18px;line-height:1;display:grid;place-items:center;cursor:pointer;z-index:3}.employee-basic-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;padding:30px 30px 24px 56px;background:linear-gradient(180deg,#fbfeff,#f3fbfc);border-bottom:1px solid #e2eef0}.employee-basic-avatar{width:78px;height:78px;border-radius:22px;background:#dff5f6;color:#0c838b;display:grid;place-items:center;font-size:28px;font-weight:700;overflow:hidden}.employee-basic-avatar img{width:100%;height:100%;display:block;object-fit:cover}.employee-basic-avatar.has-photo{background:#eef7f8}.employee-basic-kicker{font-size:12px;font-weight:700;color:#0e9ba3;margin-bottom:5px}.employee-basic-main h2{margin:0;font-size:30px;line-height:1.15;color:#153b46}.employee-basic-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px;color:#66828b;font-size:13px}.employee-basic-meta span{padding-inline-end:10px;border-inline-end:1px solid #dbe8ea}.employee-basic-meta span:last-child{border-inline-end:0}.employee-basic-status{display:inline-flex;margin-top:10px;padding:5px 10px;border-radius:999px;background:#e5f7ef;color:#137d5f;font-size:12px;font-weight:700}.employee-basic-edit{align-self:start;margin-top:18px}.employee-basic-lazy{padding:18px 24px 26px}.employee-basic-modules-scroll{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#c9dfe2 transparent;padding:2px 2px 10px;scroll-snap-type:x proximity;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}.employee-basic-modules-scroll::-webkit-scrollbar{height:7px}.employee-basic-modules-scroll::-webkit-scrollbar-thumb{background:#c9dfe2;border-radius:999px}.employee-basic-modules-scroll::-webkit-scrollbar-track{background:transparent}.employee-basic-module-tab{flex:0 0 auto;white-space:nowrap;scroll-snap-align:start;border:1px solid #d7e7ea;background:#f8fcfd;color:#294e58;border-radius:999px;padding:9px 14px;font-size:14px;font-weight:700;cursor:pointer;transition:.15s}.employee-basic-module-tab:hover{background:#eef9fa;border-color:#b8dfe2}.employee-basic-module-tab.active{background:#10aab3;color:#fff;border-color:#10aab3;box-shadow:0 5px 14px rgba(16,170,179,.18)}.employee-basic-module-content{min-height:0;border-top:1px solid #edf3f4;padding-top:16px}.employee-basic-module-content:empty{border-top:0;padding-top:0}.employee-basic-loading{border:1px solid #dce9eb;border-radius:14px;padding:18px;text-align:center;color:#758d95;background:#fbfeff}.employee-basic-details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.employee-basic-info{border:1px solid #dce9eb;border-radius:14px;padding:13px 15px;background:#fbfeff}.employee-basic-info small{display:block;color:#83979d;font-size:12px;margin-bottom:5px}.employee-basic-info strong{font-size:15px;color:#224a54;word-break:break-word}.employee-basic-error{border:1px solid #f0d7d9;background:#fff7f7;color:#a34850;border-radius:13px;padding:14px}.employee-basic-empty{border:1px dashed #d8e7e9;border-radius:14px;padding:18px;color:#7e939a;text-align:center;background:#fbfeff}.employee-basic-training-list{display:grid;gap:10px}.employee-basic-training-row{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #dce9eb;border-radius:14px;padding:13px 15px;background:#fbfeff}.employee-basic-training-row b{display:block;color:#224a54;font-size:15px}.employee-basic-training-row small{display:block;color:#83979d;font-size:12px;margin-top:4px}.employee-basic-training-badge{display:inline-flex;align-items:center;white-space:nowrap;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:700}.employee-basic-training-badge.green{background:#ddf5eb;color:#108360}.employee-basic-training-badge.orange{background:#fff0d9;color:#d77e0f}.employee-basic-training-badge.red{background:#ffe7e9;color:#d6424b}.employee-basic-training-badge.blue{background:#e2efff;color:#2d75c6}.employee-basic-training-badge.gray{background:#eef2f3;color:#71858b}@media(max-width:680px){.employee-basic-backdrop{padding:10px}.employee-basic-card{width:100%;max-height:94vh;border-radius:18px}.employee-basic-hero{grid-template-columns:auto 1fr;gap:13px;padding:24px 18px 20px 50px}.employee-basic-avatar{width:62px;height:62px;border-radius:18px;font-size:22px}.employee-basic-main h2{font-size:24px}.employee-basic-edit{grid-column:1/-1;width:100%;margin-top:0}.employee-basic-lazy{padding:15px 14px 20px}.employee-basic-module-tab{padding:8px 12px;font-size:13px}.employee-basic-details-grid{grid-template-columns:1fr}.employee-basic-training-row{align-items:flex-start}.employee-basic-close{top:10px;left:10px;right:auto;width:28px;height:28px;font-size:17px}}