@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{font-family:"DM Sans","Noto Sans KR",sans-serif;color:#171329;background:#f5f6fb}
body{background:#f5f6fb}.layout{grid-template-columns:226px minmax(0,1fr)}
.sidebar{background:#171229;border-right:0;color:#b9b2ce;padding:32px 13px 18px;gap:29px}
.brand{padding:0 12px}.brand-mark{background:#6d40ed;color:#fff;box-shadow:none;border-radius:8px;font-size:23px;letter-spacing:0;padding:0}.brand-name{color:#fff;font-size:19px}.brand-sub{color:#827995;font-size:9px}
.nav-group-label{color:#77708b;padding:0 13px;font-size:10px}.nav-list{gap:2px}.nav-link{color:#c6c0d8;font-size:13px;padding:11px 12px;border-radius:9px}.nav-link:hover{background:#28213e;color:#fff}.nav-link.active{background:#673de4;color:#fff;box-shadow:0 7px 17px #5d36dd57}.nav-icon{color:#a59db9;font-size:17px}.nav-link.active .nav-icon{color:#fff}
.side-note{margin-top:auto;background:#211b36;border:1px solid #362c50;border-radius:12px;padding:15px}.side-note .eyebrow{color:#ba9fff}.side-note strong{color:#fff;font-size:13px}.side-note p{color:#a9a1bc;font-size:11px}.side-note a{display:inline-block;color:#cfbbff;font-size:11px;font-weight:800;margin-top:9px}
.topbar{height:65px;background:#fff;border-bottom:1px solid #e6dcff;padding:0 clamp(20px,3vw,42px)}.topbar-title{font-size:19px;font-weight:850;color:#171329}.topbar-right{gap:20px}.topbar-reading{font-size:12px;font-weight:750;color:#6741e8;text-decoration:none}.today{color:#9e98ab}.profile-dot{background:#e9e0ff;color:#5f37d5}
.content{width:min(100%,1400px);padding:30px clamp(20px,3vw,42px) 65px}.page-header{margin-bottom:27px}.page-header h1{font-size:27px;color:#151126;letter-spacing:-1px}.page-header p{color:#777187}.eyebrow{color:#6e4be2;font-size:10px}.btn{background:#6841e5;border-radius:9px;box-shadow:none}.btn:hover{background:#5630cb}.btn.secondary{color:#5c39c7;border-color:#ddd2fa}.btn.secondary:hover{background:#f1ecff}.btn.ghost{color:#643cda}.btn.light{background:#fff;color:#5034ba}.btn.outline-light{border-color:#ffffffa3}.btn:focus-visible,.nav-link:focus-visible,.icon-btn:focus-visible,.chip:focus-visible{outline-color:#f2a04b}
.hero{background:#21163d;border-radius:18px;min-height:225px;box-shadow:none;padding:30px 34px}.hero:before{width:280px;height:280px;right:-50px;top:-50px;box-shadow:0 0 0 45px #ffffff07,0 0 0 90px #ffffff06}.hero .eyebrow{color:#c1a9ff}.hero h2{font-size:31px}.hero p{color:#ddd5ed}.journey{background:#322351;border:1px solid #5c4982}.journey small{color:#c0afe2}.journey-step{color:#f0eafa}.journey-num{background:#5e4488}.journey-step:first-of-type .journey-num{background:#daff8b;color:#2e2740}
.stats{gap:13px;margin:16px 0 25px}.stat,.panel,.tool-card,.job-card{border:1px solid #e2d9fa;border-radius:13px;box-shadow:0 2px 3px #4a2b9a0d}.stat{min-height:105px;padding:17px}.stat-top{color:#716b83;font-size:11px;text-transform:none}.stat-icon{background:#efe9ff;color:#6a43e2}.stat strong{font-size:27px;color:#1d1830}.stat small{color:#9c95aa}
.panel-pad,.workspace .panel{padding:23px}.panel h2{font-size:16px;color:#1c1730}.text-link{color:#6a42df}.pill{background:#eee7ff;color:#6c47d5}.empty-icon,.tool-icon,.job-logo{background:#f1ecff;color:#7045df}.empty{padding:42px 15px}.empty p{color:#918a9d}.job-row,.task-row{border-top-color:#eee9f8}.stage-badge{background:#ede6ff;color:#653ed2}.stage-badge.interview{background:#fff1dc;color:#9d6719}.stage-badge.closed{background:#ececf0;color:#696579}
.tool-grid{gap:13px}.tool-card{min-height:150px}.tool-card:hover{box-shadow:0 9px 24px #6038c42c}.tool-card:nth-child(2) .tool-icon{background:#fff0e9;color:#dd7859}.tool-card:nth-child(3) .tool-icon{background:#e6ebff;color:#5c68c8}.tool-card p{color:#888295}.section-title{font-size:18px}.guide-promo{background:#eee8ff;border-color:#ded3fa;border-radius:14px}.guide-promo p{color:#74688e}
.home-tools{margin-bottom:24px}.home-tools .section-title{margin:0 0 15px}.home-tools .tool-card:focus-visible{outline:3px solid #f2a04b;outline-offset:2px}
.chip{border-color:#e2dafa;color:#716a83}.chip.active{background:#6841e5;border-color:#6841e5}.search,.field input,.field textarea,.field select{border-color:#ded6f5;background:#fff;color:#171329}.search:focus,.field input:focus,.field textarea:focus,.field select:focus{border-color:#724ce9;box-shadow:0 0 0 3px #724ce91d}.job-card .company,.job-card .small-row{color:#827b92}.job-card .small-row b{color:#6443bd}.select-stage{border-color:#dfd5f9;background:#f7f3ff;color:#6443bc}.icon-btn{border-color:#e0d8f3;color:#6741df}.icon-btn:hover{background:#f0eaff}
.workspace{grid-template-columns:minmax(310px,.87fr) minmax(360px,1.13fr);gap:25px}.workspace .panel{min-height:390px}.workspace h2{padding-bottom:17px;border-bottom:1px solid #e9e1fb;margin:-2px 0 18px}.field label{color:#4c455e;text-transform:none;font-size:11px}.field textarea{min-height:145px;background:#f8f8fc}.field input::placeholder,.field textarea::placeholder{color:#aca5bb}.result-card{background:#f8f6ff;border-color:#e7defc}.result-card h3{color:#5a36c1}.result-card p{color:#6e677e}.tag{background:#ede7ff;color:#643fcd}.tag.gap{background:#fff0df;color:#9f6b24}.check-item{color:#544c67}.check-indicator{background:#e9e1ff;color:#6841e5}.check-indicator.missing{background:#fff0d9;color:#a06f2b}
.question-card{background:#faf8ff;border-color:#e5dcfa}.star-guide span{background:#eee8ff;color:#6342c1}.detail-line{border-color:#eee9f8}.modal-backdrop{background:#141026a8}.modal{border-radius:16px}.modal-header,.modal-footer{border-color:#eee8fa}.footer{color:#aaa4b5}.footer a{color:#6950a5}.notice{color:#8f889b}
.mobile-nav{border-color:#e7dffc}.mobile-nav button.active{color:#673de4}
.tracker-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:0 0 18px}.view-toggle{background:#efe9ff;border:1px solid #e1d6fa;padding:3px;border-radius:9px;display:flex;gap:2px}.view-toggle button{border:0;background:transparent;padding:7px 11px;border-radius:7px;color:#776c90;font-size:11px;font-weight:750}.view-toggle button.active{background:#fff;color:#4d2fba;box-shadow:0 1px 3px #24184c1c}.kanban{display:flex;gap:12px;overflow-x:auto;padding-bottom:12px}.kanban-column{flex:0 0 225px;background:#eeeafa;border:1px solid #e1d9f5;border-radius:13px;padding:12px;min-height:220px}.kanban-column h2{font-size:13px;margin:2px 3px 15px;display:flex;justify-content:space-between}.kanban-column h2 span{background:#fff;border-radius:99px;padding:2px 7px;color:#775ac8}.kanban-card{width:100%;text-align:left;border:1px solid #ded3f8;background:#fff;border-radius:10px;padding:13px;margin:0 0 9px;display:grid;gap:5px;color:#171329;box-shadow:0 2px 3px #5038a112}.kanban-card:hover{border-color:#986ff1}.kanban-card strong{font-size:12px}.kanban-card span,.kanban-card small{font-size:11px;color:#817992}.kanban-card small{border-top:1px solid #eee8f8;padding-top:7px}.kanban-empty{font-size:11px;color:#9b93aa;padding:10px 4px}
.stepper{display:flex;align-items:center;gap:10px;margin:0 0 22px;max-width:790px}.stepper span{display:flex;align-items:center;gap:8px;color:#968da9;font-size:11px;font-weight:750;white-space:nowrap}.stepper b{display:grid;place-items:center;width:29px;height:29px;background:#e6def9;color:#6953a5;border-radius:50%;font-size:11px}.stepper .done{color:#4f2bbb}.stepper .done b{background:#6741e8;color:#fff}.stepper i{height:1px;flex:1;background:#d9caf7;min-width:12px}
@media(max-width:1060px){.layout{grid-template-columns:205px minmax(0,1fr)}.workspace{grid-template-columns:1fr}.sidebar{padding-left:10px;padding-right:10px}}
@media(max-width:760px){.layout{display:block}.topbar{height:62px}.topbar:before{content:"커리어노트 ↗";color:#171329}.topbar-reading{font-size:11px}.content{padding:23px 16px 94px}.hero{padding:25px}.hero h2{font-size:28px}.stats{gap:9px}.stat{padding:14px}.workspace .panel{min-height:0}.mobile-nav{background:#171229;border-top:0}.mobile-nav button{color:#a8a0bd}.mobile-nav button.active{color:#d9ccff}.mobile-nav button span{font-size:18px}.guide-promo{background:#eee8ff}}