.page{width:100%;min-height:100vh;background:#f5f7fa;display:flex;justify-content:center;padding:32px 16px}.container{width:100%;max-width:1200px}.page h1{margin-bottom:20px;color:#1f2937}.filter{display:flex;flex-direction:column;max-width:300px;margin-bottom:16px}.filter label{font-weight:600;margin-bottom:6px;color:#374151}.filter select{padding:8px 10px;border-radius:6px;border:1px solid #cbd5e1;font-size:14px}.total{margin-bottom:16px;color:#374151}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:16px;box-shadow:0 2px 6px #0000000d;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-3px);box-shadow:0 6px 14px #00000014}.card h3{margin:0 0 12px;font-size:16px;color:#111827}.card p{margin:4px 0;font-size:14px;color:#374151}.resume{margin:24px 0 32px;padding:16px 0;text-align:center;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb}.resume span{font-size:18px;font-weight:700;letter-spacing:.5px;color:#2f2f2f}.resume strong{margin-left:8px;font-size:28px;font-weight:800;color:#90b033}@media (max-width: 1024px){.grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.grid{grid-template-columns:1fr}}.resume-info{margin-top:14px;padding:12px 16px;background:#f0f6ec;border-left:4px solid #90b033;border-radius:6px;text-align:center}.resume .resume-info-text{font-size:17px;font-weight:400;letter-spacing:normal;color:#374151;margin-bottom:6px}.resume-info-link{font-size:15px;font-weight:600;color:#0a7c3a;text-decoration:underline}.resume-info-link:hover{text-decoration:none}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;min-height:100vh;background-color:#f5f7fa;font-family:Arial,Helvetica,sans-serif}