.res-page-bg{box-sizing:border-box;background-color:#f8fafc;width:100%;min-height:100vh;padding:0 20px 40px}.res-main-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:100%;max-width:1020px;margin:0 auto;padding:0;box-shadow:0 4px 20px #0000000d}.res-header{justify-content:center;align-items:center;margin-bottom:5px;display:flex}.res-title{color:#1e293b;margin:0;font-size:26px;font-weight:700}.res-back-btn{color:#fff;cursor:pointer;background-color:#22c55e;border:none;border-radius:6px;padding:10px 20px;font-size:15px;font-weight:700;text-decoration:none;transition:all .2s}.res-back-btn:hover{background-color:#16a34a}.res-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));align-items:stretch;gap:24px;padding:20px;display:grid}.res-loading,.res-empty-state{text-align:center;padding:60px 20px}.res-grid .card{transition:transform .3s,box-shadow .3s!important;box-shadow:0 10px 28px #00000047!important}.res-grid .card:hover{transform:translateY(-6px)!important;box-shadow:0 18px 42px #0000006b!important}.pagination-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:30px;padding-bottom:20px;font-family:inherit;display:flex}.page-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:8px 14px;font-family:inherit;font-weight:700}.page-btn.active{color:#fff;background:#173e77;border-color:#173e77}.page-btn:disabled{opacity:.5;cursor:not-allowed}.res-notify-banner{background:linear-gradient(135deg,#f0f6ff 0%,#e0f2fe 100%);border:1px solid #bae6fd;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin:0 20px 20px;padding:20px 25px;display:flex;box-shadow:0 4px 10px #0284c70d}.res-notify-content{flex:1;align-items:center;gap:15px;min-width:250px;display:flex}.res-notify-icon{color:#fff;background-color:#0284c7;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 4px 10px #0284c733}.res-notify-text h4{color:#0f172a;margin:0 0 5px;font-size:16px;font-weight:800}.res-notify-text p{color:#475569;margin:0;font-size:13px;line-height:1.4}.res-notify-btn{color:#fff;cursor:pointer;white-space:nowrap;background-color:#173e77;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:inherit;font-size:14px;font-weight:700;transition:all .3s;display:flex;box-shadow:0 4px 10px #173e7733}.res-notify-btn:hover:not(:disabled){background-color:#12315e;transform:translateY(-2px);box-shadow:0 6px 15px #173e774d}.res-notify-btn.subscribed{cursor:default;pointer-events:none;box-shadow:none;background-color:#16a34a}.spinner-small{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin;display:inline-block}@media (max-width:768px){.res-notify-banner{flex-direction:column;align-items:flex-start;margin:0 15px 15px;padding:15px}.res-notify-btn{width:100%}}