:root{--primary: #2e7d32;--primary-light: #4caf50;--primary-dark: #1b5e20;--bg: #f5f5f5;--surface: #ffffff;--text: #333333;--text-light: #666666;--border: #dddddd;--error: #FF3B30;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 3px rgba(0,0,0,.1);--shadow-md: 0 4px 12px rgba(0,0,0,.12);--shadow-lg: 0 8px 24px rgba(0,0,0,.15)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}img{max-width:100%;height:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:40px;height:40px;border:4px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease forwards}.container{max-width:1200px;margin:0 auto;padding:0 16px}.badge-draft{background:#9e9e9e;color:#fff}.badge-pending_payment{background:#ff9800;color:#fff}.badge-pending_approval{background:#2196f3;color:#fff}.badge-approved{background:#2e7d32;color:#fff}.badge-rejected{background:#f44336;color:#fff}@media (max-width: 800px){.listing-layout{grid-template-columns:minmax(0,1fr)!important}.listing-header{padding:24px 16px 20px!important}.listing-container{padding:16px 12px 24px!important}}@media (max-width: 700px){.payment-layout{grid-template-columns:minmax(0,1fr)!important;gap:16px!important}.payment-header{padding:20px 16px!important}.payment-header h1{font-size:22px!important}.payment-container{padding:16px 12px 32px!important}.payment-card{padding:16px!important}}.directory-cta{position:relative;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease;animation:directory-cta-glow 5s ease-in-out infinite}.directory-cta:after{content:"";position:absolute;top:-10px;bottom:-10px;left:-60px;width:36px;background:#ffffff59;transform:skew(-20deg);pointer-events:none;animation:directory-cta-sweep 5s ease-in-out infinite}@keyframes directory-cta-sweep{0%,80%{left:-60px}to{left:calc(100% + 30px)}}@keyframes directory-cta-glow{0%,80%,to{box-shadow:0 6px 16px #2e7d3259}90%{box-shadow:0 6px 16px #2e7d3259,0 0 0 5px #4caf504d,0 0 24px #4caf5099}}@media (prefers-reduced-motion: reduce){.directory-cta,.directory-cta:after{animation:none}}a:hover .directory-cta{transform:translateY(-2px);box-shadow:0 10px 22px #2e7d3273!important}@media (max-width: 600px){.directory-card{padding:20px!important}.directory-peek{width:32px!important;height:32px!important;font-size:15px!important}}@media (max-width: 600px){.popular-row{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px!important}.popular-tile{flex-direction:column;gap:4px!important;padding:10px 2px!important;border-radius:12px!important;font-size:11px!important}.popular-name{max-width:100%;text-align:center;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}