*{box-sizing:border-box}body{margin:0;color:#222;background:#fafafa}a{color:#0b66c3;text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1200px;margin:0 auto;padding:0 16px}.site-header{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1.2rem 0;box-shadow:0 10px 40px #0000001a;border-bottom:1px solid rgba(255,255,255,.4);position:sticky;top:0;z-index:1000}.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 0}.logo{font-size:1.8rem;font-weight:800;background:linear-gradient(135deg,#ff6b35,#ff9500);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}nav{display:flex;gap:12px}nav a{color:#2c3e50;text-decoration:none;font-weight:600;padding:.6rem 1.2rem;border-radius:12px;transition:all .4s cubic-bezier(.25,.46,.45,.94)}nav a.active{color:#ff6b35;background:#ff6b351f}.summary{padding:20px 0;max-width:1200px;margin:20px auto}.summary h1{margin:8px 0 6px;font-size:24px}.muted{color:#666}.stats{margin:12px 0;display:flex;gap:8px;flex-wrap:wrap}.pill{border:1px solid #e5e7eb;background:#fff;border-radius:14px;padding:6px 10px;font-size:14px;color:#333}.spotlight{border:1px solid #e5e7eb;background:#fff;border-radius:8px;padding:12px;margin-top:12px}.spot-title{font-weight:600;margin-top:6px}.progress{height:8px;background:#f1f5f9;border:1px solid #e5e7eb;border-radius:6px;overflow:hidden;margin:8px 0}.progress>span{display:block;height:100%;width:0;background:#3b82f6}.section{padding:16px 0}.section h2{margin:0 0 10px}.grid{display:grid;grid-template-columns:1fr;gap:12px}.card{border:1px solid #e5e7eb;background:#fff;border-radius:8px;overflow:hidden}.card img{width:100%;height:140px;object-fit:cover;background:#eef2f7}.card-body{padding:10px}.card-title{font-weight:600}.card-meta{color:#666;font-size:14px;margin-top:4px}.card-footer{display:flex;justify-content:space-between;align-items:center;padding:10px;border-top:1px solid #e5e7eb}.price{font-weight:700}.badge{position:absolute;left:8px;top:8px;background:#111;color:#fff;font-size:12px;padding:3px 6px;border-radius:999px}.row{display:flex;align-items:center;gap:8px}.between{justify-content:space-between}.small-gap{gap:6px}.empty{padding:10px;font-size:14px;color:#666;border:1px dashed #e5e7eb;background:#fff;border-radius:8px}.link{font-weight:600}.search-form{border:1px solid #e5e7eb;background:#fff;border-radius:8px;padding:12px;margin:12px 0}.search-form-label{font-size:13px}.search-form-input{padding:6px;border:1px solid #e5e7eb;border-radius:6px}.search-form-select{padding:6px;border:1px solid #e5e7eb;border-radius:6px;min-width:200px}.table{width:100%;border-collapse:separate;border-spacing:0 8px;margin-top:12px}.table thead tr{background:#f0f0f0;text-align:left}.table th,.table td{padding:8px 12px;font-size:.9rem}.table th{font-weight:600;color:#333}.table tbody tr{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014}.table tbody tr td{border-bottom:none}.table tbody tr td.status{display:inline-block;padding:2px 8px;border-radius:12px;font-size:.8rem;text-align:center}.status.paid{background-color:#4caf50;color:#fff}.status.pending{background-color:#ff9800;color:#fff}.status.free{background-color:#2196f3;color:#fff}.summary{text-align:center;padding:6rem 2rem;background:linear-gradient(135deg,#ff6b35,#4a90e2);color:#fff;border-radius:16px;margin-bottom:3rem;position:relative;overflow:hidden}.summary h1{font-size:3.5rem;margin-bottom:1.5rem;font-weight:800;line-height:1.2;position:relative}.summary-subtitle{font-size:1.3rem;margin-bottom:3rem;opacity:.9;max-width:600px;margin-left:auto;margin-right:auto;position:relative}.summary-stats{display:flex;justify-content:center;gap:4rem;margin-top:3rem;position:relative}.stat{text-align:center}.stat-number{display:block;font-size:2.5rem;font-weight:800;margin-bottom:.5rem;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:.9rem;opacity:.8;text-transform:uppercase;letter-spacing:1px;font-weight:600}@media (min-width:720px){.grid{grid-template-columns:1fr 1fr}}@media (min-width:1024px){.grid{grid-template-columns:1fr 1fr 1fr}}