:root{--mp-primary:#087361;--mp-primary-dark:#07584b;--mp-mint:#eaf8f5;--mp-soft:#f6faf9;--mp-navy:#102a3d;--mp-text:#1c2b36;--mp-muted:#6e7d84;--mp-line:#dce9e6;--mp-white:#fff;--mp-shadow:0 14px 35px rgba(12,70,59,.09)}
*{box-sizing:border-box}.mypage-body{margin:0;background:#fff;color:var(--mp-text);font-family:Pretendard,"Noto Sans KR",Arial,sans-serif}.mp-container{width:min(1180px,calc(100% - 36px));margin:auto}.mp-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid #edf2f0}.mp-header-inner{width:min(1180px,calc(100% - 36px));height:72px;margin:auto;display:flex;align-items:center;gap:38px}.mp-logo{display:grid;place-items:center;min-width:72px;height:40px;padding:0 13px;border-radius:8px;background:var(--mp-primary);color:#fff;font-weight:850;text-decoration:none}.mp-nav{display:flex;gap:28px;flex:1}.mp-nav a{font-size:14px;color:#45545c;text-decoration:none;font-weight:650}.mp-nav a.active,.mp-nav a:hover{color:var(--mp-primary)}.mp-actions{display:flex;align-items:center;gap:14px}.mp-user-name{font-size:14px;font-weight:750}.mp-logout{border:1px solid var(--mp-line);background:#fff;color:#52636b;border-radius:8px;padding:9px 13px;cursor:pointer}.mp-hero{background:linear-gradient(115deg,#f8fcfb 0%,#e8f7f4 100%);border-bottom:1px solid #e8f0ee}.mp-hero-grid{min-height:330px;display:grid;grid-template-columns:1fr .74fr;gap:48px;align-items:center}.mp-eyebrow,.mp-section-kicker{display:inline-block;color:var(--mp-primary);font-size:12px;font-weight:800;letter-spacing:.08em}.mp-hero h1{font-size:38px;line-height:1.2;margin:12px 0;color:var(--mp-navy);letter-spacing:-1.2px}.mp-hero h1 strong{color:var(--mp-primary)}.mp-hero p{margin:0 0 24px;color:var(--mp-muted);font-size:15px}.mp-hero-buttons{display:flex;gap:10px}.mp-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border-radius:9px;border:1px solid transparent;text-decoration:none;font-weight:750;font-size:14px;cursor:pointer}.mp-btn.primary{background:var(--mp-primary);color:#fff;box-shadow:0 8px 18px rgba(8,115,97,.18)}.mp-btn.primary:hover{background:var(--mp-primary-dark)}.mp-btn.secondary{background:#fff;border-color:#a9cfc7;color:var(--mp-primary)}.mp-btn.full{width:100%}.mp-profile-card{display:flex;align-items:center;gap:18px;padding:26px;background:#fff;border:1px solid #e1ece9;border-radius:18px;box-shadow:var(--mp-shadow)}.mp-avatar{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,var(--mp-primary),#19a88f);color:#fff;font-size:28px;font-weight:850}.mp-profile-card h2{margin:0 0 5px;font-size:21px}.mp-profile-card p{margin:0 0 8px;font-size:13px}.mp-profile-card span{display:inline-flex;padding:5px 9px;background:var(--mp-mint);border-radius:999px;color:var(--mp-primary);font-size:11px;font-weight:750}.mp-section{padding:58px 0}.mp-section.soft{background:var(--mp-soft);border-top:1px solid #edf3f1;border-bottom:1px solid #edf3f1}.mp-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.mp-stat-card{min-height:210px;padding:22px;background:#fff;border:1px solid var(--mp-line);border-radius:16px;box-shadow:0 6px 18px rgba(13,57,50,.04)}.mp-card-label{font-size:13px;color:#596a71;font-weight:750;margin-bottom:18px}.score-card{text-align:center}.mp-score-ring{--score:0;width:118px;height:118px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--mp-primary) calc(var(--score)*1%),#e4efec 0);position:relative}.mp-score-ring:before{content:"";position:absolute;width:92px;height:92px;border-radius:50%;background:#fff}.mp-score-ring>div{position:relative;z-index:1}.mp-score-ring strong{font-size:35px;color:var(--mp-navy)}.mp-score-ring span{font-size:12px;margin-left:2px}.mp-stat-card p{font-size:12px;color:#7b898f;line-height:1.6;margin:0}.mp-big-number{display:flex;align-items:flex-end;gap:4px;margin:30px 0 14px}.mp-big-number strong{font-size:48px;line-height:1;color:var(--mp-primary)}.mp-big-number span{font-size:15px;padding-bottom:5px}.mp-next-action{font-size:20px;font-weight:800;line-height:1.45;color:var(--mp-navy);margin:31px 0 16px}.mp-inline-link{font-size:13px;color:var(--mp-primary);font-weight:750;text-decoration:none}.mp-two-col{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}.mp-panel{background:#fff;border:1px solid var(--mp-line);border-radius:17px;padding:24px;box-shadow:0 5px 16px rgba(19,64,57,.035)}.mp-panel-head,.mp-section-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px}.mp-panel h2,.mp-section-title-row h2{font-size:24px;color:var(--mp-navy);margin:4px 0 0}.mp-section-title-row p{margin:7px 0 0;color:var(--mp-muted);font-size:13px}.mp-text-btn{border:0;background:none;color:var(--mp-primary);font-size:12px;font-weight:750;cursor:pointer}.mp-history-list{display:grid;gap:10px}.mp-history-item{display:grid;grid-template-columns:92px 1fr auto;gap:14px;align-items:center;padding:14px;border:1px solid #e8efed;border-radius:11px}.mp-history-date{font-size:12px;color:#77868c}.mp-history-main strong{display:block;font-size:14px}.mp-history-main span{display:block;margin-top:4px;font-size:12px;color:#7b898f}.mp-history-score{min-width:54px;text-align:center;padding:8px;border-radius:8px;background:var(--mp-mint);color:var(--mp-primary);font-size:13px;font-weight:850}.mp-empty{padding:38px 10px;text-align:center;color:#89969b;font-size:13px;border:1px dashed #cfddda;border-radius:11px}.mp-profile-list{margin:0}.mp-profile-list>div{display:grid;grid-template-columns:105px 1fr;gap:12px;padding:13px 0;border-bottom:1px solid #edf2f0}.mp-profile-list>div:last-child{border-bottom:0}.mp-profile-list dt{font-size:12px;color:#728087}.mp-profile-list dd{margin:0;font-size:13px;font-weight:700;word-break:break-word}.mp-program-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.mp-program-card{padding:22px;border:1px solid var(--mp-line);border-radius:15px;background:#fff;transition:.2s}.mp-program-card:hover{transform:translateY(-3px);box-shadow:var(--mp-shadow)}.mp-program-badge{display:inline-flex;padding:7px 9px;border-radius:7px;background:var(--mp-primary);color:#fff;font-size:11px;font-weight:750}.mp-program-card h3{font-size:17px;margin:16px 0 8px;color:var(--mp-navy)}.mp-program-card p{font-size:13px;color:var(--mp-muted);min-height:42px}.mp-program-card a{font-size:12px;color:var(--mp-primary);font-weight:750;text-decoration:none}.mp-footer{background:#112a3e;color:#dbe5e9;padding:28px 0}.mp-footer-inner{display:flex;justify-content:space-between;align-items:center}.mp-footer strong{color:#fff}.mp-footer p{font-size:12px;color:#aab9c0;margin:5px 0 0}.mp-footer-links{display:flex;gap:18px}.mp-footer-links a{color:#bdcbd1;text-decoration:none;font-size:12px}.mp-modal{display:none;position:fixed;inset:0;z-index:200}.mp-modal.open{display:block}.mp-modal-backdrop{position:absolute;inset:0;background:rgba(10,26,35,.5)}.mp-modal-card{position:relative;width:min(480px,calc(100% - 32px));margin:8vh auto 0;background:#fff;border-radius:17px;padding:28px;box-shadow:0 25px 65px rgba(0,0,0,.22)}.mp-modal-card h2{margin:6px 0 8px;color:var(--mp-navy)}.mp-modal-card>p{font-size:13px;color:var(--mp-muted)}.mp-modal-close{position:absolute;right:18px;top:14px;border:0;background:none;font-size:25px;color:#617179;cursor:pointer}.modal-list{margin:20px 0}.mp-loading{opacity:.65}
@media(max-width:900px){.mp-nav{display:none}.mp-hero-grid{grid-template-columns:1fr;padding:48px 0}.mp-stat-grid{grid-template-columns:repeat(2,1fr)}.mp-two-col{grid-template-columns:1fr}.mp-program-grid{grid-template-columns:1fr}.mp-hero h1{font-size:33px}.mp-profile-card{max-width:520px}.mp-footer-inner{align-items:flex-start;gap:20px;flex-direction:column}}
@media(max-width:560px){.mp-header-inner{height:64px}.mp-user-name{display:none}.mp-hero-buttons{flex-direction:column}.mp-btn{width:100%}.mp-stat-grid{grid-template-columns:1fr}.mp-stat-card{min-height:auto}.mp-history-item{grid-template-columns:1fr auto}.mp-history-date{grid-column:1/-1}.mp-section-title-row{flex-direction:column}.mp-profile-list>div{grid-template-columns:88px 1fr}.mp-footer-links{gap:11px;flex-wrap:wrap}}

/* v2.0.3 latest result summary */
.mp-latest-summary{margin-top:18px;border:1px solid var(--mp-line);border-radius:18px;background:#fff;padding:24px;box-shadow:0 6px 18px rgba(13,57,50,.04)}
.mp-latest-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.mp-latest-head h2{margin:4px 0 0;font-size:22px;color:var(--mp-navy)}
.mp-latest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mp-latest-grid>div{border:1px solid #e7efed;border-radius:14px;padding:16px;background:#fbfdfc}.mp-latest-grid>div.wide{grid-column:1/-1;background:linear-gradient(110deg,#0b354f,#0b7461);color:#fff;border:0}.mp-latest-grid span{display:block;font-size:11px;color:#758780;font-weight:800;margin-bottom:7px}.mp-latest-grid strong{font-size:18px;color:var(--mp-navy)}.mp-latest-grid p{font-size:12px;color:#74837f;margin:6px 0 0}.mp-latest-grid .wide span{color:#8fe0ce}.mp-latest-grid .wide strong{color:#fff;line-height:1.6}.mp-text-btn{text-decoration:none}
@media(max-width:900px){.mp-latest-grid{grid-template-columns:1fr}.mp-latest-grid>div.wide{grid-column:auto}}

/* v2.0.4 */
.mp-latest-grid>div:nth-child(2) span{color:var(--mp-primary)}


/* v2.0.7 보완 취업자산 성장활동 */
.mp-growth-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px}.mp-growth-card{background:#fff;border:1px solid #d9e8e4;border-radius:18px;padding:24px;box-shadow:0 8px 24px rgba(0,64,54,.04)}.mp-growth-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.mp-growth-head span{display:block;font-size:12px;font-weight:800;color:#087d68;margin-bottom:7px}.mp-growth-head h3{margin:0;color:#062f49;font-size:21px}.mp-growth-head h3 b{font-size:16px;color:#087d68}.mp-growth-head>strong{font-size:24px;color:#087d68}.mp-growth-bar{height:9px;background:#e6f0ed;border-radius:99px;overflow:hidden;margin:17px 0 10px}.mp-growth-bar i{display:block;height:100%;background:#15947d;border-radius:99px;transition:width .2s ease}.mp-growth-status{font-size:13px;color:#60736f;margin:0 0 15px}.mp-growth-tasks{display:grid;gap:10px}.mp-growth-tasks label{display:flex;gap:10px;align-items:flex-start;padding:11px 12px;background:#f7fbfa;border-radius:10px;cursor:pointer;color:#193c48;font-size:14px;line-height:1.45}.mp-growth-tasks input{margin-top:3px;accent-color:#087d68}.mp-growth-tasks input:checked+span{text-decoration:line-through;color:#71837f}.mp-growth-note{margin-top:15px;padding:13px 16px;background:#f2f7f6;border-radius:10px;color:#647672;font-size:12px}.mp-growth-retest{display:inline-flex;margin-top:16px}@media(max-width:800px){.mp-growth-grid{grid-template-columns:1fr}}


/* v2.0.8 AI action plan + activity records */
.mp-growth-loading{padding:22px 4px;color:var(--mp-muted);font-size:13px}
.mp-activity-add{white-space:nowrap}
.mp-activity-note{margin:-6px 0 18px;padding:12px 14px;border-radius:10px;background:#f1f7f5;color:#62736f;font-size:12px}
.mp-activity-list{display:grid;gap:10px}
.mp-activity-item{display:grid;grid-template-columns:140px 1fr auto;gap:16px;align-items:start;padding:16px 18px;border:1px solid var(--mp-line);border-radius:14px;background:#fff}
.mp-activity-type{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 10px;border-radius:999px;background:var(--mp-mint);color:var(--mp-primary);font-size:11px;font-weight:800}
.mp-activity-main strong{display:block;color:var(--mp-navy);font-size:15px}
.mp-activity-main span{display:block;margin-top:5px;color:#77868c;font-size:12px}
.mp-activity-main p{margin:8px 0 0;color:#596b72;font-size:12px;line-height:1.6}
.mp-activity-delete{border:0;background:none;color:#89979c;font-size:12px;cursor:pointer}
.mp-activity-delete:hover{color:#b34b4b}
.mp-activity-modal-card{width:min(620px,calc(100% - 32px));margin-top:5vh}
.mp-activity-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}
.mp-activity-form label{display:grid;gap:7px;color:#46565d;font-size:12px;font-weight:750}
.mp-activity-form label>span{color:#d45f56}
.mp-activity-form label.full{grid-column:1/-1}
.mp-activity-form input,.mp-activity-form select,.mp-activity-form textarea{width:100%;border:1px solid #d8e6e2;border-radius:9px;background:#fff;padding:11px 12px;color:#20313a;font:inherit;outline:none}
.mp-activity-form input:focus,.mp-activity-form select:focus,.mp-activity-form textarea:focus{border-color:#74b6aa;box-shadow:0 0 0 3px rgba(8,115,97,.08)}
.mp-activity-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}
.mp-program-actions{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:12px}
.mp-program-record{border:1px solid #b9d9d2;background:#f7fbfa;color:var(--mp-primary);border-radius:8px;padding:7px 9px;font-size:11px;font-weight:800;cursor:pointer}
.mp-program-record:hover{background:var(--mp-mint)}

@media(max-width:760px){
  .mp-activity-item{grid-template-columns:1fr}
  .mp-activity-delete{justify-self:end}
  .mp-activity-form{grid-template-columns:1fr}
  .mp-activity-form label.full{grid-column:auto}
  .mp-section-title-row .mp-activity-add{width:100%}
}

/* v2.0.9 activity modal polish */
.mp-form-help{display:block;margin-top:3px;color:#7a898f;font-size:10px;font-weight:500}

/* v2.1.0 관리자 추천프로그램 완전 연동 */
.mp-click-card{cursor:pointer;transition:.2s}
.mp-click-card:hover,.mp-click-card:focus{transform:translateY(-2px);box-shadow:var(--mp-shadow);outline:2px solid rgba(8,115,97,.12);outline-offset:2px}
.mp-program-org{margin-top:-2px;margin-bottom:10px;color:#71827e;font-size:11px;font-weight:650}