@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700;800&display=swap";:root{font-family:Noto Sans KR,Segoe UI,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 18% 8%,#dff4f7 0%,transparent 35%),radial-gradient(circle at 80% 12%,#eef8de 0%,transparent 28%),linear-gradient(175deg,#f3f8f9,#edf4f6)}*{box-sizing:border-box}body{margin:0;min-width:320px;color:#122127;background:transparent}a{color:inherit}#root{min-height:100vh}.page{min-height:100vh;padding:24px;color:#122127}.hero{border-radius:20px;padding:24px;display:flex;justify-content:space-between;align-items:flex-start;gap:20px;background:radial-gradient(circle at 8% 10%,rgba(255,255,255,.45),transparent 35%),linear-gradient(130deg,#99dde0,#6bc5cf 45%,#4ea6bb);border:1px solid rgba(255,255,255,.7);box-shadow:0 18px 40px #0043562e}.hero h1{margin:0;font-size:2rem;line-height:1.25;color:#0a3440}.hero p{margin:8px 0 0;color:#082832e6}.hero-brand{display:flex;align-items:center;gap:14px}.hero-logo{width:52px;height:52px;object-fit:contain;border-radius:10px;background:#ffffffd9;padding:4px}.hero-title-wrap{display:flex;flex-direction:column}.hero-subtitle{margin:4px 0 0;color:#082832e6;font-size:.98rem;font-weight:600}.hero-actions{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.hero-actions-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.sync-meta{font-size:.88rem;color:#10434f;font-weight:600}.upload-meta{font-size:.82rem;color:#1d5d6e;max-width:360px;text-align:right}.hidden-file-input{display:none}.layout{display:grid;grid-template-columns:minmax(300px,360px) minmax(420px,1fr) minmax(320px,420px);gap:18px;margin-top:20px}.panel{background:#ffffffc7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.7);border-radius:18px;padding:16px;box-shadow:0 12px 25px #12212717}.panel h2{margin:0 0 10px;font-size:1.2rem}.search-input,.field-input{width:100%;border:1px solid #bad8dd;border-radius:10px;padding:10px 12px;background:#fff;color:#122127}.field-textarea{width:100%;border:1px solid #bad8dd;border-radius:10px;padding:10px 12px;background:#fff;color:#122127;resize:vertical;min-height:80px;font:inherit;line-height:1.45}.search-input:focus,.field-input:focus,.field-textarea:focus{outline:2px solid rgba(74,166,187,.28);border-color:#4ea6bb}button{border:1px solid transparent;border-radius:10px;padding:8px 12px;font-weight:700;cursor:pointer;transition:.12s ease}button:disabled{opacity:.5;cursor:not-allowed}.primary{background:#0e6f83;color:#f6fdff}.primary:hover:not(:disabled){background:#0a5d6f}.ghost{background:#eaf5f7;color:#0f4a58;border-color:#c3dfe4}.ghost:hover:not(:disabled){background:#d6ecef}.small{padding:6px 10px;font-size:.8rem}.danger{background:#ffe8e8;color:#8a1e1e}.link-btn{background:transparent;color:#0d5f73;padding:0;text-align:left}.error-banner{margin-top:12px;border-radius:10px;padding:10px 12px;background:#ffe8e8;border:1px solid #ffc6c6;color:#8a1e1e}.upload-log-panel{margin-top:12px}.upload-log-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.upload-log-item{border:1px solid #d6ecf0;border-radius:12px;padding:10px;background:#f7fcfd;margin-bottom:8px}.upload-log-title{display:flex;justify-content:space-between;gap:10px;font-size:.9rem}.upload-log-summary{margin-top:4px;font-size:.85rem;color:#2a5561}.upload-log-records{margin-top:8px;border-top:1px dashed #cfe3e7;padding-top:8px;display:grid;gap:6px}.upload-log-record{display:flex;justify-content:space-between;gap:10px;font-size:.82rem;color:#294952}.log-record-link{background:transparent;border:0;color:#0c5d72;font-weight:700;padding:0;text-align:left;text-decoration:underline}.stats-dashboard{margin-top:14px}.stats-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.stat-card{border-radius:14px;padding:12px;border:1px solid rgba(255,255,255,.7);color:#0f2e37}.tone-teal{background:linear-gradient(130deg,#c1eef2,#9fdde5)}.tone-green{background:linear-gradient(130deg,#d5f3e1,#afe7c7)}.tone-blue{background:linear-gradient(130deg,#d4e5fb,#b8d0f4)}.tone-orange{background:linear-gradient(130deg,#ffe8ce,#ffd4a8)}.stat-label{font-size:.8rem;color:#2e4c55}.stat-value{margin-top:6px;font-size:1.35rem;font-weight:800}.stats-grid{margin-top:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stats-panel h2{margin-bottom:8px}.stats-subtitle{margin:12px 0 8px;font-size:.9rem;color:#36535c}.hbar-list{display:grid;gap:7px}.hbar-row{display:grid;gap:4px}.hbar-head{display:flex;justify-content:space-between;font-size:.82rem;color:#2f4f58}.hbar-track{height:10px;border-radius:999px;background:#e7f2f4;overflow:hidden}.hbar-fill{height:100%;border-radius:999px}.skill-matrix{display:grid;gap:8px}.skill-row{display:grid;gap:4px}.skill-row-title{font-size:.82rem;color:#2f4f58;font-weight:700}.skill-stack{display:flex;height:10px;border-radius:999px;overflow:hidden;background:#edf5f6}.seg{height:100%}.seg.high{background:#2aa86f}.seg.medium{background:#6dc892}.seg.low{background:#a6e0be}.seg.empty{background:#dbe8eb}.skill-row-meta{font-size:.76rem;color:#506971}.filters{display:flex;flex-direction:column;gap:14px;max-height:74vh;overflow:auto}.filter-section h3,.save-filter-section h3{margin:0 0 8px;font-size:1rem}.quick-filter-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.quick-filter-grid label{display:flex;flex-direction:column;gap:4px;font-size:.82rem;color:#35535b}.quick-filter-grid select{border:1px solid #bad8dd;border-radius:10px;padding:8px 10px;background:#fff;color:#122127}.advanced-filters{margin:10px 0;border-top:1px dashed #cfe3e7;padding-top:10px}.filter-action-row{display:flex;gap:10px;align-items:center;margin-top:8px;margin-bottom:8px}.quick-skill-card{margin-bottom:10px;border:1px solid #d6ecf0;border-radius:12px;padding:10px;background:#f7fcfd}.quick-skill-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.88rem}.quick-skill-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.quick-skill-grid label{display:flex;flex-direction:column;gap:4px;font-size:.82rem;color:#35535b}.quick-skill-grid select{border:1px solid #bad8dd;border-radius:10px;padding:8px 10px;background:#fff;color:#122127}.quick-skill-note{margin:8px 0 0;font-size:.78rem;color:#4a6770}.filter-group{margin-bottom:10px}.filter-group h4{margin:0 0 6px;font-size:.88rem;color:#35535b}.filter-options{display:flex;flex-wrap:wrap;gap:6px}.filter-pill{background:#f2fafc;border:1px solid #d6ecf0;color:#244850;font-size:.83rem;padding:5px 10px}.filter-pill.active{background:#0e6f83;color:#f2fbff;border-color:#0e6f83}.save-filter-row{display:grid;grid-template-columns:1fr auto;gap:8px}.saved-header{display:flex;justify-content:space-between;align-items:center}.saved-filter-list{margin-top:8px;display:flex;flex-direction:column;gap:8px}.saved-filter-item{display:flex;justify-content:space-between;align-items:center;padding:8px;border-radius:10px;background:#f2fafc;border:1px solid #d6ecf0}.list{display:flex;flex-direction:column}.list-header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.chip{background:#d7eef2;color:#114451;border:1px solid #b7dbe2;font-size:.82rem}.table-wrap{border:1px solid #d6ecf0;border-radius:12px;overflow:auto;max-height:57vh}table{width:100%;border-collapse:collapse;font-size:.88rem}thead th{background:#eff8fa;position:sticky;top:0;z-index:1}th,td{padding:10px 8px;border-bottom:1px solid #ebf3f5;text-align:left;white-space:nowrap}tbody tr{cursor:pointer}tbody tr:hover{background:#f6fbfc}tr.is-selected{background:#d8eef3}.pagination{display:flex;gap:8px;margin-top:10px}.detail{max-height:74vh;overflow:auto}.detail-section{border:1px solid #d8e9ed;border-radius:12px;padding:10px;margin-bottom:12px;background:#f9fcfd}.detail-section h3{margin:0 0 8px;font-size:.98rem}.detail-field{margin-bottom:8px}.field-label{font-size:.78rem;color:#4a6770;margin-bottom:3px}.field-value{white-space:pre-wrap;border-radius:8px;padding:8px;background:#fff;border:1px solid #e1eef1;min-height:21px}.field-value.is-empty{color:#8da2a9;font-style:italic}.empty-state,.empty-text{color:#6d838a;font-size:.86rem;padding:8px 0}@media(max-width:1400px){.stats-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid{grid-template-columns:1fr}.layout{grid-template-columns:minmax(280px,340px) 1fr}.detail{grid-column:1 / -1;max-height:none}}@media(max-width:980px){.page{padding:14px}.hero{flex-direction:column;align-items:flex-start}.hero-logo{width:42px;height:42px}.hero-actions{align-items:flex-start}.hero-actions-row{justify-content:flex-start;width:100%}.hero-actions-row button{width:100%}.upload-meta{text-align:left;max-width:none}.upload-log-record{flex-direction:column}.layout{display:flex;flex-direction:column}.list-header{flex-direction:column;align-items:flex-start}.filter-action-row{flex-direction:column;align-items:stretch}.filter-action-row button{width:100%}table{font-size:.82rem}th,td{padding:8px 6px}.quick-filter-grid,.quick-skill-grid,.stats-kpis{grid-template-columns:1fr}.filters,.table-wrap,.detail{max-height:none}}