.as-page{--as-primary:#ef4444;--as-primary-dark:#dc2626;--as-bg:#f8fafc;--as-card-radius:22px;--as-field-radius:14px;--as-shadow-sm:0 4px 14px #0f172a14;--as-shadow-lg:0 20px 45px #0f172a1a;background:var(--as-bg);color:#0f172a;min-height:100vh;padding:56px 20px 80px}.as-container{max-width:1250px;margin:0 auto}.as-hero{text-align:center;margin-bottom:40px}.as-hero h1{color:#0f172a;margin-bottom:10px;font-size:34px;font-weight:700}.as-hero p{color:#64748b;max-width:650px;margin:auto;font-size:16px;line-height:1.7}.as-filter{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;margin-bottom:40px;display:flex}.as-filter select{border-radius:var(--as-field-radius);color:#334155;width:280px;height:52px;box-shadow:var(--as-shadow-sm);cursor:pointer;background:#fff;border:1px solid #dbe2ea;padding:0 16px;font-size:15px;transition:all .3s}.as-filter select:focus{border-color:var(--as-primary);outline:none}.as-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:28px;display:grid}.as-card{border-radius:var(--as-card-radius);box-shadow:var(--as-shadow-sm);background:#fff;flex-direction:column;transition:all .35s;display:flex;overflow:hidden}.as-card:hover{box-shadow:var(--as-shadow-lg);transform:translateY(-8px)}.as-image{width:100%;height:230px;overflow:hidden}.as-image img{object-fit:cover;width:100%;height:100%;transition:all .5s}.as-card:hover .as-image img{transform:scale(1.08)}.as-content{flex-direction:column;flex:1;padding:22px;display:flex}.as-title{color:#0f172a;margin-bottom:16px;font-size:22px;font-weight:700}.as-info{flex-direction:column;gap:10px;margin-bottom:22px;display:flex}.as-info p{color:#475569;align-items:center;gap:8px;margin:0;font-size:15px;display:flex}.as-info strong{color:#0f172a;min-width:82px}.as-status{border-radius:50px;justify-content:center;align-items:center;width:fit-content;margin-bottom:18px;padding:8px 18px;font-size:13px;font-weight:600;display:inline-flex}.as-status.open{color:#166534;background:#dcfce7}.as-status.closed{color:#991b1b;background:#fee2e2}.as-btn{text-align:center;background:var(--as-primary);color:#fff;border-radius:12px;margin-top:auto;padding:13px;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s}.as-btn:hover{background:var(--as-primary-dark)}.as-message{text-align:center;color:#64748b;grid-column:1/-1;padding:60px 0;font-size:18px;font-weight:600}@media (max-width:992px){.as-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.as-page{padding:40px 16px 60px}.as-hero h1{font-size:28px}.as-hero p{font-size:15px}.as-filter{flex-direction:column}.as-filter select{width:100%}.as-grid{grid-template-columns:1fr}.as-image{height:220px}}@media (max-width:480px){.as-title{font-size:20px}.as-content{padding:18px}.as-info p{font-size:14px}}