.skil-dashboard { max-width: 720px; margin: 0 auto; }
.skil-card { background:#fff; border:1px solid #e5e7eb; border-radius:12px; padding:1.25rem 1.5rem; margin-bottom:1rem; }
.skil-balance { display:flex; align-items:center; justify-content:space-between; }
.skil-balance__value { font-size:2rem; font-weight:700; }
.skil-btn { display:inline-block; padding:.6rem 1.2rem; border:0; border-radius:8px; background:#f97316; color:#fff; font-weight:600; cursor:pointer; text-decoration:none; }
.skil-btn[disabled] { background:#d1d5db; cursor:not-allowed; }
.skil-hint { font-size:.85rem; color:#6b7280; margin-top:.5rem; }
.skil-history { width:100%; border-collapse:collapse; }
.skil-history th, .skil-history td { text-align:left; padding:.5rem; border-bottom:1px solid #f0f0f0; }
.skil-status { padding:.2rem .6rem; border-radius:999px; font-size:.8rem; }
.skil-status--pending { background:#fef3c7; color:#92400e; }
.skil-status--approved { background:#dcfce7; color:#166534; }
.skil-status--rejected { background:#fee2e2; color:#991b1b; }
.skil-notice { padding:.75rem 1rem; border-radius:8px; margin-bottom:1rem; }
.skil-notice--success { background:#dcfce7; color:#166534; }
.skil-notice--error { background:#fee2e2; color:#991b1b; }
.skil-notice--list { background:#f3f4f6; color:#374151; }
.skil-upload-results { margin:0; padding-left:1.2rem; }
.skil-upload-results li { margin:.15rem 0; }
.skil-upload-results li.skil-ok { color:#166534; }
.skil-upload-results li.skil-fail { color:#991b1b; }
.skil-rewards-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:1rem; }
.skil-reward__cost { font-weight:700; color:#f97316; }