body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top,#1b1b1b 0,#050505 55%,#000);color:#fff}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background:#0a0a0af2;border-bottom:1px solid #222;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:20}.logo .logo-text{font-size:1.1rem;letter-spacing:.04em;font-weight:600}.topbar-right{display:flex;align-items:center;gap:.5rem}.user-info{font-size:.85rem;opacity:.9}.session-info{font-size:.8rem}.logout-btn{padding:.35rem .8rem;border-radius:999px;border:none;background:#e50914;color:#fff;cursor:pointer;font-size:.85rem;transition:background .15s ease,transform .05s ease,box-shadow .15s ease}.logout-btn:hover{background:#f6121d;transform:translateY(-1px);box-shadow:0 2px 4px #0006}.lang-toggle{display:inline-flex;border-radius:999px;overflow:hidden;border:1px solid #333;margin-right:.5rem}.lang-btn{border:none;background:#111;color:#aaa;padding:.2rem .45rem;font-size:.75rem;cursor:pointer}.lang-btn.active{background:#e50914;color:#fff}.tab-bar{display:flex;gap:.5rem;align-items:center}.tab-button{border:none;outline:none;cursor:pointer;padding:.45rem .9rem;border-radius:999px;background:#222;color:#fff;font-size:.9rem;line-height:1.2;transition:background .15s ease,transform .05s ease,box-shadow .15s ease}.tab-button:hover{background:#333;transform:translateY(-1px);box-shadow:0 2px 4px #0006}.tab-button.active{background:#e50914;box-shadow:0 0 0 1px #e5091499;font-weight:600}.tab-button:focus-visible{box-shadow:0 0 0 2px #e50914b3}main{flex:1;padding:1rem;display:flex;justify-content:center}.page{width:100%;max-width:1080px;margin:0 auto}.page-transition{width:100%;max-width:1080px;margin:0 auto;animation:pageFade .18s ease-out}@keyframes pageFade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.page-title{display:none}.login-title{text-align:center;font-size:2rem;margin:1.5rem 0 .5rem}.search-form{display:flex;align-items:center;gap:.75rem;margin:1.75rem auto;max-width:720px;padding:.9rem 1.1rem;background:#0a0a0ae6;border-radius:18px;box-shadow:0 18px 40px #000c}.search-form input{flex:1;padding:.95rem 1.2rem;border-radius:999px;border:1px solid #333;background:radial-gradient(circle at top left,#2a2a2a 0,#171717 55%,#111);color:#fff;font-size:1rem;outline:none;box-shadow:inset 0 1px #ffffff0a}.search-form input::placeholder{color:#7f7f7f}.search-form input:focus{border-color:#e50914;box-shadow:0 0 0 1px #e50914b3,0 16px 34px #000000bf}.search-form button{padding:.95rem 1.6rem;border-radius:999px;border:none;background:linear-gradient(135deg,#ff1b2d,#e50914);color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;box-shadow:0 12px 26px #e5091499;transition:transform .06s ease-out,box-shadow .12s ease-out,filter .12s ease-out}.search-form button:hover{transform:translateY(-1px);box-shadow:0 16px 32px #e50914b3;filter:brightness(1.05)}.search-form button:active{transform:translateY(0);box-shadow:0 10px 22px #e509148c}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem}.tile{position:relative;background:#181818;border-radius:10px;overflow:hidden;display:flex;flex-direction:column}.tile img{width:100%;display:block}.tile-info{padding:.5rem}.tile .tag{position:absolute;top:.5rem;left:.5rem;background:purple;padding:.1rem .4rem;border-radius:999px;font-size:.7rem}.request-btn{margin:.5rem;padding:.4rem;border-radius:999px;border:none;background:#e50914;color:#fff;cursor:pointer}.filters{margin-bottom:.5rem}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{border-bottom:1px solid #333;padding:.3rem .5rem}.admin-section{margin-bottom:1.5rem}.admin-user-create-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.admin-user-create-row input[type=email]{min-width:260px}.error{color:#ff4d4f;margin-bottom:.5rem}.info{margin:.5rem 0;color:#4caf50}.tile-info .title-row{font-size:.9rem;margin-bottom:.15rem}.tile-info .sub-row{font-size:.8rem;color:#aaa}.season-select{padding:0 .5rem .5rem}.season-select select{margin-left:.3rem;background:#222;color:#fff;border-radius:4px;border:1px solid #333;padding:.2rem .4rem;font-size:.8rem}.requests-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem}.request-card{background:#181818;border-radius:10px;padding:.75rem;display:flex;gap:.6rem}.request-card img{width:80px;border-radius:6px;object-fit:cover}.request-card .meta{flex:1;font-size:.85rem}.request-card .title{font-weight:600;margin-bottom:.25rem}.request-card .status{font-size:.8rem;color:#aaa}.admin-requests-grid{margin-top:.75rem}.admin-request-card{background:#181818;border-radius:12px;padding:.75rem .9rem;box-shadow:0 12px 26px #000000e6;display:flex;flex-direction:column;gap:.35rem}.admin-request-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.admin-request-title{font-weight:600;font-size:.95rem}.admin-request-sub{font-size:.8rem;color:#aaa}.admin-request-status-row{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.8rem}.admin-request-actions{margin-top:.5rem;display:flex;flex-wrap:wrap;gap:.35rem}.btn-red,.btn-green,.btn-yellow,.btn-blue{padding:.35rem .9rem;border-radius:999px;border:none;color:#fff;font-size:.8rem;cursor:pointer;box-shadow:0 8px 18px #000c;transition:transform .06s ease-out,box-shadow .12s ease-out,filter .12s ease-out}.btn-red{background:#e50914}.btn-green{background:#28a745}.btn-yellow{background:#f5c518;color:#111}.btn-blue{background:#007aff}.btn-red:hover,.btn-green:hover,.btn-yellow:hover,.btn-blue:hover{transform:translateY(-1px);box-shadow:0 12px 24px #000000e6;filter:brightness(1.05)}.btn-red:active,.btn-green:active,.btn-yellow:active,.btn-blue:active{transform:translateY(0);box-shadow:0 8px 18px #000c}.mobile-footer{display:none}@media (max-width: 768px){.topbar{flex-wrap:wrap;row-gap:.5rem}.logo{flex:0 0 100%}.topbar-right{width:100%;justify-content:flex-end;flex-wrap:wrap;row-gap:.25rem}.tab-bar-desktop,.topbar-right-desktop{display:none}main{padding:.75rem .75rem 5.5rem}.topbar{position:sticky;top:0}.admin-table{font-size:.85rem}.mobile-footer{display:block;position:fixed;bottom:0;left:0;right:0;padding-bottom:env(safe-area-inset-bottom);z-index:35}.mobile-menu-toggle{width:100%;border:none;border-radius:18px 18px 0 0;padding:.45rem 0;background:#0a0a0af5;color:#fff;font-size:.9rem;text-align:center;box-shadow:0 -6px 18px #000000e6;cursor:pointer}.mobile-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:34}.mobile-menu-sheet{position:fixed;left:0;right:0;bottom:-100%;background:#080808fa;border-top:1px solid #222;box-shadow:0 -20px 40px #000;padding:.75rem .9rem calc(.9rem + env(safe-area-inset-bottom));transform:translateY(0);transition:bottom .25s ease-out;z-index:35}.mobile-menu-sheet.open{bottom:0}.mobile-menu-nav{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.75rem}.mobile-menu-nav .tab-button{width:100%;text-align:center}.mobile-menu-meta{display:flex;flex-direction:column;gap:.35rem;font-size:.8rem}.mobile-lang-toggle{align-self:flex-start}.mobile-user-info{opacity:.9}.mobile-session-info{opacity:.8}.mobile-logout-btn{align-self:flex-start;margin-top:.25rem}.search-form{max-width:100%;margin:1.25rem 0 1.5rem;padding:.85rem}}@media screen and (max-width: 480px) and (orientation: portrait){.topbar{padding:.4rem .7rem;gap:.4rem;flex-direction:column;align-items:flex-start}.logo{width:100%}.logo .logo-text{font-size:1.1rem}main{padding:.75rem .75rem 5.7rem}.page{max-width:100%}.requests-grid{grid-template-columns:1fr}.admin-user-create-row{flex-direction:column;align-items:stretch}.admin-user-create-row input,.admin-user-create-row select,.admin-user-create-row button{width:100%}}@supports (-webkit-touch-callout: none){@media screen and (max-width: 480px) and (orientation: portrait){body{background:radial-gradient(circle at top,#161616 0,#050505 55%,#000)}}}.page h1{margin-bottom:1rem}.login-form{max-width:360px;margin:1rem auto 0;padding:1.25rem 1.5rem;background:#1f1f1f;border-radius:16px;display:flex;flex-direction:column;gap:.75rem;box-shadow:0 16px 40px #000c}.login-form>div{display:flex;flex-direction:column;gap:.25rem}.login-form label{font-size:.9rem;opacity:.9}.login-form input{padding:.6rem .75rem;border-radius:8px;border:1px solid #333;background:#111;color:#fff}.login-form button{margin-top:.75rem;padding:.85rem;border-radius:999px;border:none;background:linear-gradient(135deg,#ff1b2d,#e50914);color:#fff;cursor:pointer;font-weight:600;font-size:1rem;letter-spacing:.03em;text-transform:uppercase;box-shadow:0 12px 26px #e50914a6;-webkit-appearance:none}.login-form button:hover{transform:translateY(-1px);box-shadow:0 16px 32px #e50914b3;filter:brightness(1.05)}.login-form button:active{transform:translateY(0);box-shadow:0 10px 22px #e509148c}.card{max-width:320px;margin:0 auto;padding:1rem;background:#1f1f1f;border-radius:12px;display:flex;flex-direction:column;gap:.5rem;box-shadow:0 12px 30px #000000b3}.card input{width:100%;padding:.45rem;border-radius:6px;border:1px solid #333;background:#111;color:#fff}.card button{padding:.55rem;border-radius:999px;border:none;background:#e50914;color:#fff;cursor:pointer;font-weight:500}