:root{font-family:system-ui,sans-serif}*{box-sizing:border-box}body{color:#e5e7eb;background:#0f172a;margin:0;font-family:system-ui,sans-serif}button,input,select{font:inherit}.app{width:min(900px,92%);margin:0 auto;padding:48px 0}.hero{margin-bottom:32px}.hero h1{margin:0;font-size:48px}.hero p{color:#94a3b8;font-size:18px}.application-card{background:#111827;border:1px solid #1e293b;border-radius:12px;margin-bottom:16px;padding:20px;transition:border-color .2s}.application-card:hover{border-color:#3b82f6}.application-card h2{margin-top:0;margin-bottom:8px}.application-card p{color:#cbd5e1;margin:6px 0}.card-buttons{gap:12px;margin-top:16px;display:flex}button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:10px 16px;transition:opacity .2s,transform .1s}button:hover{opacity:.9}button:active{transform:scale(.98)}button:disabled{opacity:.5;cursor:not-allowed}.edit-button{background:#2563eb}.delete-button{background:#991b1b}.delete-button:hover{background:#b91c1c}.application-form{flex-wrap:wrap;gap:12px;margin-bottom:32px;display:flex}.application-form button{white-space:nowrap}.application-form input,.application-form select{color:#fff;background:#111827;border:1px solid #1e293b;border-radius:8px;padding:12px}.application-form input{flex:1;min-width:220px}.application-form select{min-width:160px}.empty-state{text-align:center;background:#111827;border:1px dashed #334155;border-radius:12px;padding:40px}.empty-state h2{margin-top:0}.empty-state p{color:#94a3b8}.stats{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px;display:grid}.stats div{background:#111827;border:1px solid #1e293b;border-radius:12px;padding:20px}.stats strong{font-size:32px;display:block}.stats span{color:#94a3b8}.filters{flex-wrap:wrap;gap:12px;margin-bottom:24px;display:flex}.filters input,.filters select{color:#fff;background:#111827;border:1px solid #1e293b;border-radius:8px;padding:12px}.filters input{flex:1;min-width:240px}.results-count{color:#94a3b8;margin-bottom:24px}.error-message{color:#ff8a8a;text-align:center;background-color:#2a1212;border:1px solid #ff4d4d;border-radius:10px;margin-bottom:20px;padding:12px}@media (width<=700px){.hero h1{font-size:36px}.application-form{flex-direction:column}.application-form input,.application-form select,.application-form button{width:100%}.card-buttons{flex-direction:column}.card-buttons button{width:100%}.stats{grid-template-columns:1fr}}