*{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}}.form-grid,.weight-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:20px;display:grid}.form-grid.two{grid-template-columns:repeat(2,1fr)}.form-grid label,.weight-grid label{color:#102a56;font-size:14px;font-weight:700}.form-grid input,.weight-grid input{border:1px solid #d6deea;border-radius:10px;width:100%;margin-top:8px;padding:12px;font-size:14px}.breakdown{grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0;display:grid}.breakdown div{background:#f4f7fb;border:1px solid #e3eaf5;border-radius:14px;padding:15px}.breakdown b{color:#64748b;margin-bottom:8px;display:block}.breakdown span{color:#0f62fe;font-size:24px;font-weight:800}@media (width<=900px){.form-grid,.form-grid.two,.weight-grid,.breakdown{grid-template-columns:1fr}}.availability-page{background:linear-gradient(135deg,#071b3a,#0f62fe);justify-content:center;align-items:center;min-height:100vh;padding:30px;display:flex}.availability-card{background:#fff;border-radius:24px;width:100%;max-width:560px;padding:34px;box-shadow:0 30px 80px #00000040}.availability-logo{color:#fff;background:#10a37f;border-radius:16px;justify-content:center;align-items:center;width:54px;height:54px;margin-bottom:18px;font-size:26px;font-weight:800;display:flex}.availability-card h1{color:#102a56;margin:0;font-size:30px}.availability-subtitle{color:#64748b;margin-bottom:22px}.availability-info{background:#f4f7fb;border:1px solid #e3eaf5;border-radius:16px;margin-bottom:22px;padding:16px}.availability-info p{margin:8px 0}.availability-card label{color:#102a56;margin-top:16px;font-weight:700;display:block}.availability-card input,.availability-card select,.availability-card textarea{border:1px solid #d6deea;border-radius:12px;width:100%;margin-top:8px;padding:13px;font-size:15px}.availability-btn{color:#fff;cursor:pointer;background:#0f62fe;border:none;border-radius:12px;width:100%;margin-top:22px;padding:14px;font-size:16px;font-weight:800}.success-text{color:#0f8f69;margin-top:18px;font-weight:800}.error-text{color:#dc2626;font-weight:800}.table-wrap{margin-top:22px;overflow-x:auto}table{border-collapse:collapse;background:#fff;width:100%}th{text-align:left;color:#64748b;border-bottom:1px solid #e5e7eb;padding:14px;font-size:13px}td{color:#172033;border-bottom:1px solid #eef2f7;padding:14px}td small{color:#64748b}.status-pill{color:#0f62fe;background:#eaf3ff;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800}.small-btn{color:#fff;cursor:pointer;background:#10a37f;border:none;border-radius:9px;padding:9px 13px;font-weight:800}.small-btn:disabled{opacity:.5;cursor:not-allowed}nav a{cursor:pointer}