.request-list{display:grid;gap:14px}.request-card{padding:20px;background:#171717;border:1px solid #303030;border-radius:10px}.request-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.request-card h2{font:600 18px Cinzel,serif;margin:0 0 6px}.request-card p{color:#bbb;font-size:13px;margin:5px 0}.request-status{display:inline-flex;padding:5px 10px;border:1px solid #8c7130;border-radius:20px;color:#f0d371;font-size:11px;font-weight:600;white-space:nowrap}.request-status.approved{border-color:#367b48;color:#a9e4b5;background:#172b1b}.request-status.closed{border-color:#714441;color:#efb3ad;background:#301a18}.request-card .form-actions{justify-content:flex-start;margin-top:14px;padding-top:13px}.request-actions{display:flex;justify-content:center;margin:28px 0}.request-empty{padding:24px;border:1px dashed #444;border-radius:9px;color:#bbb;text-align:center}.request-empty a{color:#f0d371}@media(max-width:580px){.request-card-header{flex-direction:column;gap:8px}}

.site-header nav{align-items:center;gap:8px}.site-header nav a{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:24px;background:#242424;color:#fff;font-size:12px;font-weight:500;white-space:nowrap;transition:background .2s,color .2s}.site-header nav a:hover{background:#333;color:#fff}.site-header nav a.home-nav{background:var(--gold);color:#111}.site-header nav a.home-nav:hover{background:#e4c650;color:#111}.site-header nav a i{font-size:12px}@media(max-width:580px){.site-header nav{gap:6px}.site-header nav a{padding:9px 11px;font-size:11px}}
.site-header .header-nav{gap:10px}.site-header .nav-btn{display:flex;align-items:center;padding:10px 15px;background:rgba(255,255,255,.1);color:white;border-radius:25px;font-size:13px;text-decoration:none;transition:all .4s ease}.site-header .nav-btn span{max-width:180px;overflow:visible;opacity:1;white-space:nowrap;margin-left:8px;transition:color .4s ease}.site-header .nav-btn:hover span,.site-header .nav-btn.active span{max-width:130px;margin-left:8px;opacity:1}.site-header .nav-btn:hover,.site-header .nav-btn.active{background:var(--gold);color:#111}.site-header .nav-btn i{font-size:13px}@media(max-width:580px){.site-header .header-nav{gap:7px}.site-header .nav-btn{padding:8px 10px;font-size:12px}}

@media (max-width: 850px) { .site-header { flex-wrap: wrap; padding-block: 12px; } .site-header nav, .site-header .header-nav { flex: 1 0 100%; max-width: none; justify-content: center; flex-wrap: wrap; gap: 7px; } }