@import "https://fonts.googleapis.com/css2?family=League+Spartan:wght@400;500;600;700;800;900&family=Poppins:wght@500;600;700&display=swap";
:root{--color-black:#0d0d0d;--color-off-white:#f6f6f6;--color-patria:#ffc010;--color-patria-hover:#ffdd12;--color-surface-1:#1a1a1a;--color-surface-2:#242424;--color-surface-3:#2e2e2e;--color-glass:#0d0d0dd9;--bg-primary:var(--color-black);--bg-secondary:var(--color-surface-1);--bg-card:var(--color-surface-1);--bg-card-hover:var(--color-surface-2);--bg-input:var(--color-surface-2);--bg-surface:var(--color-surface-1);--accent:var(--color-patria);--accent-dim:#e2a810;--accent-glow:#ffc01026;--accent-glow-strong:#ffc01066;--text-primary:#f6f6f6;--text-secondary:#a3a3a3;--text-muted:#9a9a9a;--text-on-accent:var(--color-black);--success:#17d04b;--error:#f33;--warning:#ffc010;--info:#088dd5;--border-subtle:#f6f6f60d;--border-default:#f6f6f61a;--border-strong:#f6f6f633;--border-accent:#ffc01059;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 8px 32px #0009;--shadow-depth-dark:0 10px 30px #000c;--shadow-accent:0 0 20px #ffc0101f;--shadow-glow-patria:0 0 15px #ffc01066;--shadow-glow-green:0 0 15px #17d04b66;--font-family:"League Spartan",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-heading-secondary:"Poppins",var(--font-family);--text-hero:clamp(3rem,8vw,6rem);--text-h1:clamp(2.5rem,5vw,4rem);--text-h2:clamp(2rem,4vw,3rem);--font-xs:.75rem;--font-sm:.8125rem;--font-md:.9375rem;--font-lg:1.125rem;--font-xl:1.5rem;--font-2xl:2rem;--font-3xl:2.5rem;--transition-fast:.15s ease;--transition-default:.25s ease;--transition-slow:.4s ease;--transition-snappy:all .2s cubic-bezier(.25,1,.5,1);--transition-smooth:all .4s cubic-bezier(.4,0,.2,1);--sidebar-width:260px;--sidebar-collapsed:72px;--topbar-height:64px;--content-max:1200px;--app-base-path:/pontos;--b10-asset-pattern:url(/pontos/assets/padr%C3%A3o.png)}.heading-hero{font-family:var(--font-family);font-size:var(--text-hero);text-transform:uppercase;letter-spacing:-.02em;font-weight:900;line-height:.95}.page-heading{font-family:var(--font-family);text-transform:uppercase;letter-spacing:-.02em;font-weight:800}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-family);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6;position:relative}body:before{content:"";pointer-events:none;z-index:0;opacity:.07;background-image:var(--b10-asset-pattern);background-position:50%;background-repeat:no-repeat;background-size:220% 220%;position:fixed;inset:0}@media (prefers-reduced-motion:no-preference){body:before{animation:22s ease-in-out infinite alternate b10-pattern-breathe}}@keyframes b10-pattern-breathe{0%{background-position:42% 45%;background-size:200% 200%}to{background-position:58% 55%;background-size:215% 215%}}body>*{z-index:1;position:relative}a{color:var(--accent);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-patria-hover)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg);transition:var(--transition-smooth)}.card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-accent)}.redeem-qr-share{margin-top:var(--space-lg);padding:var(--space-lg);border-radius:var(--radius-md);text-align:center;background:#ebebeb;border:1px solid #0d0d0d24}.redeem-qr-share>p{font-size:var(--font-sm);color:#2a2a2a;margin-bottom:var(--space-md)}.redeem-qr-share .btn-ghost{color:#141414;border-color:#0d0d0d59}.redeem-qr-share .btn-ghost:hover:not(:disabled){color:#0d0d0d;border-color:var(--accent-dim);background:#ffc01038}.card--glass{-webkit-backdrop-filter:blur(12px);border:1px solid #f6f6f60d;border-left:3px solid var(--color-patria);border-radius:var(--radius-lg);padding:var(--space-lg);transition:var(--transition-smooth);background:#1a1a1acc}.card--glass:hover{border-left-color:var(--success);box-shadow:var(--shadow-depth-dark);background:#242424e6}.card--panel-muted{background:var(--color-surface-2);border:1px solid var(--border-default);border-left:3px solid var(--color-patria);border-radius:var(--radius-lg);padding:var(--space-md)}.btn{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);font-family:var(--font-family);font-weight:600;font-size:var(--font-md);cursor:pointer;transition:var(--transition-snappy);white-space:nowrap;border:none;padding:12px 24px;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--text-on-accent);text-transform:uppercase;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);border-radius:0;font-weight:800}.btn-primary:hover:not(:disabled){background:var(--color-patria-hover);transform:translateY(-2px);box-shadow:0 5px 15px #ffc01066}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-outline{color:var(--accent);border:1.5px solid var(--accent);text-transform:uppercase;background:0 0;font-weight:700}.btn-outline:hover:not(:disabled){background:var(--accent-glow)}.btn-ghost{color:var(--text-primary);background:0 0;border:1px solid #525252;font-weight:700}.btn-ghost:hover:not(:disabled){border-color:var(--accent);color:var(--text-primary);background:#f6f6f60a}@media (prefers-reduced-motion:no-preference){.btn-ghost:hover:not(:disabled){animation:.3s ease-in-out glitch_text}}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover:not(:disabled){opacity:.9}.btn-sm{font-size:var(--font-sm);padding:8px 16px}.btn-icon{border-radius:var(--radius-md);padding:10px}.input{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-md);transition:border-color var(--transition-fast);outline:none;padding:12px 16px}.input::placeholder{color:var(--text-muted)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.input-error{border-color:var(--error)}.label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:var(--space-xs);font-weight:500;display:block}.badge{border-radius:var(--radius-full);font-size:var(--font-xs);letter-spacing:.02em;align-items:center;padding:4px 10px;font-weight:600;display:inline-flex}.badge-gold{background:var(--accent);color:var(--text-on-accent);border:1px solid var(--accent-dim)}.badge-success{color:var(--success);background:#17d04b26;border:1px solid #17d04b59}.badge-error{color:var(--error);background:#ff33331f;border:1px solid #ff333359}.badge-info{color:var(--info);background:#088dd51f;border:1px solid #088dd559}.table-container{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th{text-align:left;font-size:var(--font-sm);color:var(--text-secondary);background:var(--bg-surface);border-bottom:1px solid var(--border-default);white-space:nowrap;text-transform:uppercase;letter-spacing:.02em;padding:14px 16px;font-weight:600}.table td{font-size:var(--font-sm);border-bottom:1px solid var(--border-subtle);vertical-align:middle;padding:14px 16px}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:#f6f6f605}.toast{border-radius:var(--radius-md);font-size:var(--font-sm);z-index:9999;box-shadow:var(--shadow-lg);padding:14px 20px;font-weight:500;animation:.3s slideUp;position:fixed;bottom:24px;right:24px}.toast-success{background:var(--success);color:#fff}.toast-error{background:var(--error);color:#fff}.skeleton{background:linear-gradient(90deg,var(--bg-card)25%,var(--bg-card-hover)50%,var(--bg-card)75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}.spinner{border:3px solid var(--border-default);border-top-color:var(--accent);border-radius:50%;width:24px;height:24px;animation:.6s linear infinite spin}.spinner-lg{border-width:4px;width:40px;height:40px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes glitch_text{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}@keyframes pulse_glow{0%{box-shadow:0 0 #ffc010b3}70%{box-shadow:0 0 0 10px #ffc01000}to{box-shadow:0 0 #ffc01000}}.card--podium{text-align:center;transition:var(--transition-smooth)}.card--podium-1{border:2px solid #ffc010;transform:scale(1.05);box-shadow:0 0 15px #ffc01066}.card--podium-2{border:2px solid silver;box-shadow:0 0 14px #c0c0c01f}.card--podium-3{border:2px solid #cd7f32;box-shadow:0 0 14px #cd7f3226}@media (prefers-reduced-motion:no-preference){.card--podium{will-change:transform}.card--podium:hover{transition:transform .4s cubic-bezier(.4,0,.2,1);transform:translateY(-4px)}.card--podium-1:hover{transform:scale(1.05)translateY(-4px)}}.redeem-card--success{border-left:3px solid var(--success);box-shadow:var(--shadow-glow-green);transition:var(--transition-smooth)}@media (prefers-reduced-motion:no-preference){.redeem-card--success{animation:2s ease-in-out pulse_glow_green}}@media (max-width:768px){:root{--sidebar-width:0px}.hide-mobile{display:none!important}}@media (min-width:769px){.hide-desktop{display:none!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.page-enter{animation:.3s fadeIn}.modal-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-xl);width:90%;max-width:500px;max-height:85vh;animation:.2s scaleIn;overflow-y:auto}.empty-state{text-align:center;padding:var(--space-3xl)var(--space-lg);color:var(--text-muted)}.empty-state-icon{margin-bottom:var(--space-md);opacity:.5;font-size:3rem}.avatar{object-fit:cover;background:var(--bg-surface);border:2px solid var(--border-subtle);border-radius:50%;width:40px;height:40px}.avatar-lg{border-width:3px;width:80px;height:80px}.avatar-xl{border-width:3px;border-color:var(--accent);width:120px;height:120px}.stats-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:center}.stat-value{font-size:var(--font-2xl);color:var(--accent);font-weight:800;line-height:1.2}.stat-label{font-size:var(--font-sm);color:var(--text-secondary);margin-top:var(--space-xs)}.form-group{gap:var(--space-xs);flex-direction:column;display:flex}.form-row{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.form-actions{gap:var(--space-sm);margin-top:var(--space-lg);justify-content:flex-end;display:flex}.alert{border-radius:var(--radius-md);font-size:var(--font-sm);align-items:center;gap:var(--space-sm);padding:12px 16px;display:flex}.alert-success{color:var(--success);background:#17d04b1f;border:1px solid #17d04b4d}.alert-error{color:var(--error);background:#ff33331a;border:1px solid #ff33334d}.rank-1{color:var(--color-patria);font-weight:800}.rank-2{color:silver;font-weight:700}.rank-3{color:#cd7f32;font-weight:700}.podium-crown{margin-bottom:var(--space-xs);font-size:1.5rem;animation:2s ease-in-out pulse_glow;display:block}.podium-medal{margin-bottom:var(--space-sm);font-size:2.5rem}.podium-points-gold{color:var(--color-patria);font-weight:800;font-size:var(--font-xl)}.player-card{-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-lg);padding:var(--space-lg);background:#1a1a1acc;border:1px solid #f6f6f60d;animation:.3s scaleIn}.player-card--admin{border-left:3px solid #ffc010}.player-card--leader{border-left:3px solid #17d04b}.player-card--user{border-left:3px solid #088dd5}.player-card__avatar--admin{border:3px solid #ffc010;box-shadow:0 0 10px #ffc0104d}.player-card__avatar--leader{border:3px solid #17d04b;box-shadow:0 0 10px #17d04b4d}.player-card__avatar--user{border:3px solid #088dd5;box-shadow:0 0 10px #088dd54d}.level-dot{width:8px;height:8px;margin-right:var(--space-sm);background:var(--text-secondary);border-radius:50%;display:inline-block}.level-dot--gold{background:var(--color-patria);box-shadow:0 0 6px #ffc01066}.level-dot--green{background:var(--success);box-shadow:0 0 6px #17d04b4d}.rank-highlight-self{background:#ffc0100d!important}.redeem-input-code{font-size:var(--font-lg);text-align:center;letter-spacing:.1em;text-transform:uppercase}@keyframes pulse_glow_green{0%{box-shadow:0 0 #17d04b99}70%{box-shadow:0 0 0 10px #17d04b00}to{box-shadow:0 0 #17d04b00}}@keyframes confetti-fall{0%{opacity:1;transform:translate(0)rotate(0)}to{opacity:0;transform:translate(var(--confetti-x),var(--confetti-y))rotate(var(--confetti-r))}}.tabular-nums{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}:focus:not(:focus-visible){outline:none}