*{box-sizing:border-box}body{color:#172033;background:#f4f7fb;margin:0;font-family:Inter,Arial,sans-serif}.app{min-height:100vh;display:flex}.sidebar{color:#fff;background:linear-gradient(#071b3a,#0e2d5c);width:260px;padding:24px}.brand{align-items:center;gap:12px;margin-bottom:38px;display:flex}.logo{background:#37c6a5;border-radius:14px;justify-content:center;align-items:center;width:46px;height:46px;font-size:24px;font-weight:800;display:flex}.brand h2{margin:0;font-size:22px}.brand p{color:#b9c7dc;margin:2px 0 0;font-size:13px}nav a{color:#d6e2f3;border-radius:12px;margin-bottom:8px;padding:13px 14px;font-size:15px;text-decoration:none;display:block}nav a.active,nav a:hover{color:#fff;background:#ffffff21}.main{flex:1;padding:28px 34px}.topbar{justify-content:space-between;align-items:center;margin-bottom:26px;display:flex}.topbar h1{color:#102a56;margin:0;font-size:30px}.topbar p{color:#6b7280;margin:6px 0 0}.primary,.match-btn,.upload-card button{color:#fff;cursor:pointer;background:#0f62fe;border:none;border-radius:10px;padding:11px 18px;font-weight:700}.stats{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px;display:grid}.stat-card{background:#fff;border:1px solid #e8edf5;border-radius:18px;padding:20px;box-shadow:0 10px 30px #0f235014}.stat-card span{color:#6b7280;font-size:14px}.stat-card h3{color:#0f62fe;margin:10px 0 0;font-size:30px}.workspace{gap:22px;display:grid}.panel,.result-card{background:#fff;border:1px solid #e8edf5;border-radius:22px;padding:24px;box-shadow:0 10px 30px #0f235014}.panel-header{justify-content:space-between;align-items:center;display:flex}.panel-header h2{color:#102a56;margin:0}.panel-header span{color:#0f62fe;background:#eaf3ff;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:700}.upload-grid{grid-template-columns:1fr 1fr;gap:18px;margin-top:22px;display:grid}.upload-card{background:#fbfdff;border:1px dashed #b8c7dd;border-radius:18px;padding:20px}.upload-card h3{color:#102a56;margin-top:0}.upload-card p{color:#6b7280;font-size:14px}.upload-card input{margin:16px 0;display:block}.skills-box{border-top:1px solid #e5e7eb;margin-top:18px;padding-top:15px}.skills-box div,.result-section div{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.skills-box span,.result-section span{color:#0f62fe;background:#edf4ff;border-radius:999px;padding:7px 10px;font-size:13px;font-weight:700}.skills-box em{color:#9ca3af;font-size:14px}.match-btn{background:#10a37f;width:100%;margin-top:22px;padding:14px;font-size:16px}.result-card{align-items:flex-start;gap:28px;display:flex}.score-circle{color:#fff;background:linear-gradient(135deg,#10a37f,#0f62fe);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;min-width:170px;height:170px;display:flex;box-shadow:0 16px 34px #10a37f47}.score-circle h2{margin:0;font-size:42px}.score-circle p{margin:6px 0 0}.result-content h2{color:#102a56;margin:0}.summary{color:#6b7280}.result-section{margin-top:18px}.result-section span.success{color:#0f8f69;background:#e7f8f1}.result-section span.danger{color:#dc2626;background:#fff0f0}.loading{color:#8a5a00;background:#fff7e6;border:1px solid #ffd58a;border-radius:12px;margin-top:18px;padding:12px;font-weight:700}@media (width<=900px){.app{flex-direction:column}.sidebar{width:100%}.stats,.upload-grid{grid-template-columns:1fr}.result-card{flex-direction:column}}