.dh63-account-button{position:fixed;right:18px;bottom:82px;z-index:950;border:0;border-radius:999px;padding:11px 16px;background:#202443;color:#fff;font-weight:800;box-shadow:0 12px 30px rgba(32,36,67,.25);cursor:pointer}.dh63-account-button:hover{transform:translateY(-1px)}
.dh63-overlay{position:fixed;inset:0;z-index:1300;background:rgba(16,18,34,.58);display:grid;place-items:center;padding:20px}.dh63-overlay[hidden]{display:none}.dh63-panel{width:min(920px,100%);max-height:min(760px,92vh);overflow:auto;background:#f7f8ff;border-radius:24px;box-shadow:0 30px 80px rgba(15,20,50,.35)}
.dh63-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:24px 26px;background:linear-gradient(135deg,#4f55e8,#7a5be7);color:#fff}.dh63-header h2{margin:0 0 5px}.dh63-header p{margin:0;opacity:.9}.dh63-close{border:0;background:rgba(255,255,255,.18);color:#fff;width:38px;height:38px;border-radius:50%;font-size:25px;cursor:pointer}
.dh63-tabs{display:flex;gap:8px;padding:14px 22px;background:#fff;border-bottom:1px solid #e7e8f3}.dh63-tabs button{border:0;border-radius:12px;padding:10px 16px;background:#eef0fb;color:#424764;font-weight:800;cursor:pointer}.dh63-tabs button.active{background:#5457e8;color:#fff}.dh63-content{padding:22px}.dh63-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.dh63-card{background:#fff;border:1px solid #e5e7f2;border-radius:18px;padding:20px;box-shadow:0 8px 22px rgba(42,47,85,.06)}.dh63-wide{grid-column:1/-1}.dh63-auth-card{text-align:center;max-width:540px;margin:0 auto}.dh63-profile-card{display:flex;align-items:center;gap:16px}.dh63-avatar{font-size:46px}.dh63-card h3{margin:0 0 10px}.dh63-card p{color:#626881;line-height:1.55}.dh63-primary,.dh63-secondary,.dh63-danger{border:0;border-radius:12px;padding:11px 16px;font-weight:800;cursor:pointer;margin:6px}.dh63-primary{background:#5457e8;color:#fff}.dh63-secondary{background:#e9ebff;color:#3d43b5}.dh63-danger{background:#ffe8eb;color:#b5243d}.dh63-note{font-size:13px}.dh63-status{display:flex;align-items:center;gap:8px;font-weight:800}.dh63-dot{width:10px;height:10px;border-radius:50%;background:#28b36a}.dh63-role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dh63-role-grid div{display:flex;justify-content:space-between;gap:12px;border:1px solid #eceefa;border-radius:12px;padding:13px}.dh63-role-grid span{color:#737a98}.dh63-kpi{display:block;font-size:32px;color:#4348c9;margin-bottom:6px}
@media(max-width:700px){.dh63-grid,.dh63-role-grid{grid-template-columns:1fr}.dh63-wide{grid-column:auto}.dh63-content{padding:14px}.dh63-header{padding:19px}.dh63-account-button{right:12px;bottom:76px}}

/* Pack 3 Pro Revision 2 */
.dh63-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.dh63-form label{display:flex;flex-direction:column;gap:6px;font-weight:700;color:#27304f}.dh63-form input,.dh63-form select{border:1px solid #d7dcf0;border-radius:12px;padding:11px 12px;font:inherit;background:#fff;color:#20243a}.dh63-form input:focus,.dh63-form select:focus{outline:3px solid rgba(84,87,232,.18);border-color:#5457e8}.dh63-form-actions{grid-column:1/-1;display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}.dh63-progress-card{display:grid;gap:10px}.dh63-skill{display:grid;grid-template-columns:100px 1fr 48px;gap:10px;align-items:center;text-transform:capitalize}.dh63-skill>div{height:10px;background:#edf0fb;border-radius:999px;overflow:hidden}.dh63-skill i{display:block;height:100%;background:linear-gradient(90deg,#5457e8,#7a7df3);border-radius:999px}.dh63-passport-head{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,#f4f5ff,#fff)}.dh63-passport-head small{font-weight:800;letter-spacing:.12em;color:#5457e8}.dh63-history{display:grid;gap:10px}.dh63-history>div{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:10px 0;border-bottom:1px solid #edf0f7}.dh63-history span{color:#656d86}.dh63-history small{grid-column:2;grid-row:1/3;color:#8c93a8;white-space:nowrap}@media(max-width:680px){.dh63-form{grid-template-columns:1fr}.dh63-skill{grid-template-columns:82px 1fr 42px}.dh63-history>div{grid-template-columns:1fr}.dh63-history small{grid-column:1;grid-row:auto}}