:root{--blue:#3867e8;--ink:#18304f;--line:#d8e3f1;--soft:#eef5ff;--green:#16845b}*{box-sizing:border-box}html,body{max-width:100%;overflow-x:hidden}body{margin:0;font-family:system-ui,-apple-system,sans-serif;background:linear-gradient(135deg,#edf7ff,#f9fbff);color:var(--ink)}header{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px max(4vw,20px);background:#fff;border-bottom:1px solid var(--line)}h1{margin:0;font-size:clamp(21px,3vw,34px)}header p{margin:5px 0 0;color:#64748b}main{width:100%;max-width:1120px;margin:25px auto;padding:0 18px}.hidden{display:none!important}.card{min-width:0;background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:0 10px 30px #23456a12}.auth-grid,.dashboard,.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}label{display:block;font-weight:750;margin:12px 0}input,select,textarea{display:block;min-width:0;width:100%;margin-top:6px;padding:12px;border:1px solid #b9cae1;border-radius:11px;font:inherit}textarea{min-height:120px;resize:vertical}button,.button{border:0;border-radius:11px;padding:11px 15px;background:var(--blue);color:#fff;font-weight:800;cursor:pointer;text-decoration:none;display:inline-block;touch-action:manipulation}button.secondary{background:#e9f0fb;color:var(--ink)}button.danger{background:#b42318}.actions,.row-actions{display:flex;gap:8px;flex-wrap:wrap}.status{min-height:20px;color:var(--green);font-weight:700;overflow-wrap:anywhere}.status.error{color:#b42318}.note,small{color:#64748b}.stats b{font-size:24px}.tabs{display:flex;gap:8px;margin:20px 0 10px}.tabs button{background:#dfe9f7;color:var(--ink)}.tabs button.active{background:var(--blue);color:#fff}.list{display:grid;gap:9px}.item{min-width:0;border:1px solid var(--line);border-radius:14px;padding:12px;background:#fff;overflow-wrap:anywhere}.item.unread{background:var(--soft);border-color:#7397f3}.presence{color:var(--green)}.mail-body{white-space:pre-wrap}.badge{background:#e43939;color:#fff;border-radius:99px;padding:2px 7px}footer{text-align:center;padding:25px;color:#64748b}@media(max-width:750px){body{font-size:15px}header{align-items:stretch;flex-direction:column;padding:15px}header h1{font-size:clamp(21px,7vw,29px);line-height:1.15}#accountBar{display:flex;justify-content:space-between;align-items:center;gap:8px;overflow-wrap:anywhere}main{margin:12px auto;padding:0 9px}.auth-grid,.dashboard,.two{grid-template-columns:1fr;gap:10px}.card{padding:14px;border-radius:15px}input,select,textarea{font-size:16px}.actions,.row-actions{display:grid;grid-template-columns:1fr;width:100%}.actions button,.actions .button,.row-actions button{width:100%;min-height:46px}.tabs{display:grid;grid-template-columns:1fr 1fr;overflow:visible;gap:6px}.tabs button{width:100%;min-width:0;padding:11px 5px}.tabs button:last-child{grid-column:1/-1}.stats b{font-size:21px}footer{padding:18px 10px;font-size:12px}}@media(max-width:380px){header{padding:11px}main{padding:0 6px}.tabs{grid-template-columns:1fr}.tabs button:last-child{grid-column:auto}.card{padding:11px}}
.password-dialog{max-width:560px!important}.password-form{display:grid;gap:14px}.password-form label,.admin-password-reset label{display:grid;gap:6px;font-weight:800}.password-form input,.admin-password-reset input{width:100%}.admin-password-reset{display:grid;grid-template-columns:minmax(150px,1fr) minmax(150px,1fr) auto;align-items:end;gap:8px;margin-top:12px;padding:11px;border:1px solid #d8e3ef;border-radius:13px;background:#f7fbff}.admin-password-reset button{min-height:44px}.admin-password-note{grid-column:1/-1;margin:0;color:#52657a;font-size:13px}
@media(max-width:720px){.admin-password-reset{grid-template-columns:1fr}.admin-password-note{grid-column:auto}}
.dashboard{grid-template-columns:minmax(0,1.65fr) minmax(260px,.7fr);align-items:start}.dashboard-menu{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:10px;margin:18px 0 12px}.menu-group{min-width:0;padding:12px;border:1px solid #dbe6f4;border-radius:15px;background:linear-gradient(145deg,#f8fbff,#eef5ff)}.menu-group h3{font-size:14px;margin:0 0 9px;color:#49627d;text-transform:uppercase;letter-spacing:.04em}.menu-buttons{display:grid;gap:7px}.menu-buttons .button,.menu-buttons button{width:100%;min-height:43px;text-align:center}.learning-menu{background:linear-gradient(145deg,#eef8ff,#f4f1ff)}.community-menu{background:linear-gradient(145deg,#f1fbf7,#eef7ff)}.account-menu{background:linear-gradient(145deg,#fff9ea,#f7f3ff)}.sync-note{margin:6px 0;color:#64748b;font-size:13px}.candidate-title{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;flex-wrap:wrap}.candidate-facts{display:flex;gap:7px;flex-wrap:wrap;margin:9px 0}.candidate-facts span{padding:5px 9px;border-radius:999px;background:#edf4fc;color:#405874;font-size:13px}.verification-badge{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:850}.verification-badge.approved{background:#dcfce7;color:#166534}.verification-badge.pending{background:#fff1c2;color:#854d0e}.admin-user-body{min-width:0}.verify-check{display:flex!important;align-items:center;gap:9px;margin-top:31px!important;padding:11px;border:1px solid #c8d9ee;border-radius:11px;background:#f7fbff}.verify-check input{display:inline-block!important;width:20px!important;height:20px;margin:0!important;flex:0 0 20px}.approval-toast{position:fixed;z-index:10000;top:18px;left:50%;width:min(92vw,560px);padding:15px 18px;border-radius:16px;box-shadow:0 18px 60px #17304d38;display:grid;grid-template-columns:auto 1fr;gap:5px 12px;align-items:center;transform:translate(-50%,-140%);opacity:0;transition:.28s ease}.approval-toast b{grid-row:1/3;font-size:16px}.approval-toast span{overflow-wrap:anywhere}.approval-toast.success{background:#e8fff1;border:1px solid #69c58b;color:#145a32}.approval-toast.error{background:#fff1f0;border:1px solid #e89b93;color:#8d241b}.approval-toast.show{transform:translate(-50%,0);opacity:1}
@media(max-width:900px){.dashboard{grid-template-columns:1fr}.dashboard-menu{grid-template-columns:1fr 1fr}.learning-menu{grid-column:1/-1}.stats{order:-1}.candidate-facts{display:grid;grid-template-columns:1fr 1fr}}
@media(max-width:750px){.dashboard-menu{grid-template-columns:1fr;gap:8px}.learning-menu{grid-column:auto}.menu-group{padding:10px}.menu-group h3{font-size:13px}.menu-buttons{grid-template-columns:1fr 1fr}.menu-buttons>*:last-child:nth-child(odd){grid-column:1/-1}.hero .profile-line{align-items:center}.hero .avatar-upload{width:100%;text-align:center}.stats{order:0}.candidate-facts{grid-template-columns:1fr}.candidate-facts span{border-radius:10px}.candidate-title{display:grid}.verify-check{margin-top:0!important}.approval-toast{top:8px;padding:12px}.tabs{position:sticky;bottom:6px;z-index:80;padding:6px;border:1px solid #cbd9eb;border-radius:15px;background:#ffffffed;box-shadow:0 10px 35px #17304d2b;backdrop-filter:blur(10px)}}
@media(max-width:430px){.menu-buttons{grid-template-columns:1fr}.menu-buttons>*:last-child:nth-child(odd){grid-column:auto}.dashboard-menu .button,.dashboard-menu button{min-height:48px}.admin-user-card{padding:11px}.approval-toast{grid-template-columns:1fr}.approval-toast b{grid-row:auto}.tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.tabs button:last-child{grid-column:auto;font-size:12px}.tabs button{font-size:12px;padding:10px 3px}}
.auth-shell{display:grid;grid-template-columns:minmax(250px,.75fr) minmax(600px,1.6fr);gap:24px;align-items:stretch;padding:10px 0 28px}.auth-intro{position:relative;overflow:hidden;padding:38px 30px;border-radius:26px;background:linear-gradient(145deg,#2457d6,#6f46d9 58%,#c850c0);color:#fff;box-shadow:0 22px 55px #3152a62d}.auth-intro:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-100px;bottom:-90px;background:#ffffff1c}.auth-mascot{font-size:72px;filter:drop-shadow(0 10px 15px #142d763d);animation:auth-float 2.5s ease-in-out infinite alternate}.auth-intro h2{font-size:clamp(25px,3vw,38px);line-height:1.12;margin:15px 0}.auth-intro p{color:#eef4ff;font-size:17px}.auth-points{display:grid;gap:10px;margin-top:26px}.auth-points span{padding:10px 12px;border-radius:12px;background:#ffffff17;border:1px solid #ffffff30;font-weight:750}.auth-shell .auth-grid{grid-template-columns:minmax(250px,.75fr) minmax(350px,1.25fr)}.auth-card{position:relative;padding:25px}.auth-card h2{margin:5px 0;text-align:center}.auth-subtitle{text-align:center;color:#64748b;margin:0 0 16px}.auth-icon{width:58px;height:58px;margin:auto;display:grid;place-items:center;border-radius:18px;background:linear-gradient(145deg,#edf4ff,#f7edff);font-size:29px;box-shadow:0 8px 20px #38599c20}.auth-card input:focus,.auth-card select:focus{outline:3px solid #4e7bf02c;border-color:#4e7bf0}.auth-submit{width:100%;min-height:48px;margin-top:8px;background:linear-gradient(90deg,#315fe0,#704bd8);box-shadow:0 8px 18px #355ac22c}.auth-submit:hover{transform:translateY(-1px)}@keyframes auth-float{to{transform:translateY(-8px) rotate(4deg)}}@media(max-width:1050px){.auth-shell{grid-template-columns:1fr}.auth-intro{padding:25px}.auth-mascot{font-size:52px}.auth-shell .auth-grid{grid-template-columns:1fr 1.3fr}}@media(max-width:750px){.auth-shell .auth-grid{grid-template-columns:1fr}.auth-intro{text-align:center}.auth-points{text-align:left}.auth-card{padding:18px}}
.call-suggestion{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px;margin-bottom:12px;border:1px solid #b8d8ff;border-radius:16px;background:linear-gradient(135deg,#eef8ff,#f4efff)}
.call-suggestion span{flex:1;min-width:210px;color:#53667d}
.home-call-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin:14px 0}
.home-call-video{width:100%;aspect-ratio:16/10;background:#10223a;border-radius:14px;object-fit:cover}
.permission-help{padding:14px;border-radius:14px;background:#fff6dc;border:1px solid #f0ca65;line-height:1.55}