.user-badge{padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:700;display:inline-flex;align-items:center;gap:6px;box-shadow:0 2px 8px rgba(0,0,0,.15);transition:all .2s}.user-badge.loading{background:rgba(156,163,175,.2);color:#6b7280}.admin-badge{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.admin-badge:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(139,92,246,.4)}.captain-badge{color:#fff}.captain-badge.captain-blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.captain-badge.captain-red{background:linear-gradient(135deg,#ef4444,#dc2626)}.captain-badge:hover{transform:translateY(-2px)}.guest-badge{background:rgba(156,163,175,.2);color:#4b5563;border:2px solid rgba(156,163,175,.3)}@media (max-width:768px){.user-badge{padding:6px 12px;font-size:.75rem}}.home-header{position:-webkit-sticky;position:sticky;top:0;left:0;right:0;z-index:1000;background:linear-gradient(135deg,rgba(102,126,234,.98),rgba(118,75,162,.98));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px rgba(0,0,0,.2);padding:15px 20px;transition:all .3s ease}.header-container{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.header-logo a{text-decoration:none;color:#fff}.header-logo h1{font-size:24px;font-weight:800;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.3);white-space:nowrap}.header-nav{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.nav-link{padding:10px 18px;background:hsla(0,0%,100%,.15);color:#fff;text-decoration:none;border-radius:10px;font-size:14px;font-weight:700;transition:all .2s;border:2px solid transparent;white-space:nowrap}.nav-link:hover{background:hsla(0,0%,100%,.25);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.nav-link.active{background:hsla(0,0%,100%,.95);color:#667eea;border-color:hsla(0,0%,100%,.5)}.nav-link.highlight{background:linear-gradient(135deg,#f59e0b,#d97706);border:2px solid hsla(0,0%,100%,.5);box-shadow:0 4px 15px rgba(245,158,11,.4)}.nav-link.highlight:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 6px 20px rgba(245,158,11,.6)}.nav-link.admin-link{background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3)}.header-right{display:flex;align-items:center;gap:15px}.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;z-index:1001}.hamburger span{display:block;width:25px;height:3px;background:#fff;border-radius:3px;transition:all .3s ease}.hamburger.open span:first-child{transform:rotate(45deg) translate(8px,8px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.header-fund{display:flex;flex-direction:column;align-items:flex-end;background:hsla(0,0%,100%,.15);padding:8px 16px;border-radius:10px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.fund-label{font-size:11px;color:hsla(0,0%,100%,.8);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.fund-amount{font-size:18px;font-weight:800;color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,.3)}@media (max-width:768px){.home-header{padding:12px 15px}.header-container{gap:12px}.header-logo h1{font-size:18px}.hamburger{display:flex}.header-nav{position:fixed;top:60px;left:-100%;width:80%;max-width:300px;height:calc(100vh - 60px);background:linear-gradient(135deg,rgba(102,126,234,.98),rgba(118,75,162,.98));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;gap:0;padding:20px 0;box-shadow:4px 0 20px rgba(0,0,0,.3);transition:left .3s ease;z-index:999;overflow-y:auto}.header-nav.open{left:0}.nav-link{width:100%;text-align:left;padding:15px 20px;border-radius:0;background:transparent;border-bottom:1px solid hsla(0,0%,100%,.1)}.nav-link:hover{background:hsla(0,0%,100%,.1);transform:none;box-shadow:none}.nav-link.active{background:hsla(0,0%,100%,.2);border-left:4px solid #fff}.nav-link.highlight{border-left:4px solid #f59e0b}.header-right{gap:10px}.header-fund{padding:6px 12px}.fund-label{font-size:9px}.fund-amount{font-size:14px}}@media (max-width:480px){.header-logo h1{font-size:16px}.nav-link{font-size:11px;padding:8px 10px}}