.dash-root{--bg:#0b0d12;--bg2:#0f1118;--surface:#14171f;--surface2:#1c2030;--border:rgba(255,255,255,.07);--border2:rgba(255,255,255,.13);--fire:#ff6a00;--fire-dim:rgba(255,106,0,.13);--fire-glow:rgba(255,106,0,.22);--win:#22c98a;--lose:#f04060;--blue:#6aa0ff;--text:#eaeef6;--text2:#b0b8cc;--muted:#5a6478;--r:14px;background:var(--bg);color:var(--text);font-family:Barlow,sans-serif;font-size:15px;min-height:100vh;display:flex;flex-direction:column;transition:background .3s,color .3s}.dash-root:not(.dark){--bg:#eef0f5;--bg2:#e4e7ee;--surface:#ffffff;--surface2:#f0f2f8;--border:rgba(0,0,0,.07);--border2:rgba(0,0,0,.13);--fire:#e85d00;--fire-dim:rgba(232,93,0,.09);--fire-glow:rgba(232,93,0,.16);--win:#189965;--lose:#d93050;--blue:#3a80e8;--text:#161a24;--text2:#4a5368;--muted:#8a94a8}.dash-topbar{position:sticky;top:0;z-index:50;margin-top:calc(-1*env(safe-area-inset-top));padding:calc(12px + env(safe-area-inset-top)) 18px 12px;background:var(--bg2);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;transition:background .3s,border-color .3s}.dash-logo{display:flex;align-items:center;gap:10px;text-decoration:none}.bolt-icon{width:36px;height:36px;flex-shrink:0}.dash-logo-text{font-family:Barlow Condensed,sans-serif;font-weight:900;font-size:22px;letter-spacing:-.3px;color:var(--text)}.dash-logo-text em{color:var(--fire);font-style:normal}.dash-topbar-right{display:flex;align-items:center;gap:8px}.icon-btn{width:34px;height:34px;border-radius:10px;background:var(--surface2);border:1px solid var(--border2);display:grid;place-items:center;color:var(--muted);cursor:pointer;font-size:15px;text-decoration:none;transition:border-color .2s,color .2s}.icon-btn:hover{border-color:var(--fire);color:var(--fire)}.power-icon:hover{border-color:var(--lose);color:var(--lose)}.theme-btn{width:34px;height:34px;border-radius:10px;background:var(--surface2);border:1px solid var(--border2);display:grid;place-items:center;font-size:15px;cursor:pointer;transition:border-color .2s}.theme-btn:hover{border-color:var(--fire)}.install-btn{display:flex;align-items:center;gap:6px;background:var(--fire);color:#fff;border:none;border-radius:10px;padding:7px 12px;font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:12px;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;transition:opacity .2s}.install-btn:hover{opacity:.85}.install-label{display:none}@media (min-width:480px){.install-label{display:inline}}.user-btn{display:flex;align-items:center;gap:8px;background:var(--surface2);border:1px solid var(--border2);border-radius:10px;padding:6px 12px;cursor:pointer;transition:border-color .2s}.user-btn:hover{border-color:var(--fire)}.user-avatar{width:28px;height:28px;border-radius:50%;background:var(--fire-dim);border:1px solid rgba(255,106,0,.3);color:var(--fire);font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:13px;display:grid;place-items:center;flex-shrink:0}.user-avatar-img{-o-object-fit:cover;object-fit:cover;background:var(--surface2);border-color:var(--border2)}.user-name{font-size:13px;font-weight:500;color:var(--text2);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chevron{color:#fff;transition:transform .2s}.nav-dropdown{position:absolute;right:0;top:calc(100% + 8px);background:var(--surface);border:1px solid var(--border2);border-radius:12px;min-width:200px;overflow:hidden;box-shadow:0 8px 32px #0000004d;z-index:60;padding:4px}.dd-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;font-size:13px;color:var(--text2);text-decoration:none;background:none;border:none;width:100%;cursor:pointer;transition:background .15s,color .15s}.dd-item svg{stroke:var(--muted);flex-shrink:0;transition:stroke .15s}.dd-item:hover{background:var(--surface2);color:var(--text)}.dd-item:hover svg{stroke:var(--text)}.dd-item.active{color:var(--fire)}.dd-item.active svg{stroke:var(--fire)}.dd-sep{height:1px;background:var(--border);margin:4px 0}.dd-danger{color:var(--lose)!important}.dd-danger svg{stroke:var(--lose)!important}.dd-danger:hover{background:#f0406014!important}.dd-admin{color:var(--fire)!important}.dd-admin svg{stroke:var(--fire)!important}.dd-admin:hover{background:#ff6a0014!important}.dash-body{flex:1;padding:22px 16px 100px;display:flex;flex-direction:column;gap:16px;max-width:1280px;margin:0 auto;width:100%}@media (min-width:768px){.dash-body{padding:28px 24px 40px}}.title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.page-title{font-family:Barlow Condensed,sans-serif;font-weight:900;font-size:32px;letter-spacing:-.5px;line-height:1}.create-btn{display:inline-flex;align-items:center;gap:7px;background:linear-gradient(90deg,#ff6a00,#ff9a40);color:#fff;border:none;border-radius:12px;padding:10px 14px;cursor:pointer;white-space:nowrap;font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:13px;letter-spacing:.8px;text-transform:uppercase;box-shadow:0 4px 18px var(--fire-glow);transition:opacity .2s,transform .1s;text-decoration:none}.create-btn:hover{opacity:.9}.create-btn:active{transform:scale(.97)}.create-dropdown{position:absolute;right:0;top:calc(100% + 8px);background:var(--surface);border:1px solid var(--border2);border-radius:12px;overflow:hidden;min-width:220px;box-shadow:0 8px 32px #0000004d;z-index:60;padding:4px}.cd-item{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:8px;font-size:13px;color:var(--text2);text-decoration:none;background:none;border:none;width:100%;cursor:pointer;transition:background .15s,color .15s}.cd-item svg{stroke:var(--muted);flex-shrink:0}.cd-item:hover{background:var(--surface2);color:var(--fire)}.cd-item:hover svg{stroke:var(--fire)}.state-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 20px;text-align:center;color:var(--muted)}.spin{width:36px;height:36px;border-radius:50%;border:3px solid var(--border2);border-top-color:var(--fire);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-icon{font-size:44px;opacity:.4}.empty-title{font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:20px;color:var(--text)}.empty-sub{font-size:13px}.empty-btns{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.join-btn{display:inline-flex;align-items:center;gap:7px;background:var(--surface2);border:1px solid var(--border2);color:var(--text2);border-radius:12px;padding:10px 16px;font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:13px;letter-spacing:.8px;text-transform:uppercase;cursor:pointer;transition:border-color .2s,color .2s}.join-btn:hover{border-color:var(--fire);color:var(--fire)}.cards-list{display:flex;flex-direction:column;gap:14px}@media (min-width:640px){.cards-list{display:grid;grid-template-columns:repeat(2,1fr)}}.t-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;cursor:pointer;transition:border-color .2s,transform .15s,background .3s;animation:card-up .3s ease both}.t-card:hover{border-color:var(--border2);transform:translateY(-2px)}@keyframes card-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.phase-bar{height:3px;background:var(--border)}.phase-bar-fill{height:100%;border-radius:0 2px 2px 0;transition:width .4s ease}.fill-draft{background:var(--muted);width:5%}.fill-pools{background:linear-gradient(90deg,#6aa0ff,#aad0ff)}.fill-finals{background:linear-gradient(90deg,#ff6a00,#ffaa40)}.fill-finished{background:linear-gradient(90deg,#22c98a,#6aedb8);width:100%!important}.t-card-top{padding:16px 16px 12px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.t-card-name{font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:19px;line-height:1.1}.t-card-date{font-size:12px;color:var(--muted);margin-top:3px}.phase-pill{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:11px;letter-spacing:1.2px;text-transform:uppercase;padding:4px 10px;border-radius:999px;white-space:nowrap;flex-shrink:0}.pill-draft{background:#5a647826;color:var(--muted);border:1px solid var(--border2)}.pill-pools{background:#6aa0ff1f;color:var(--blue);border:1px solid rgba(106,160,255,.28)}.pill-finals{background:var(--fire-dim);color:var(--fire);border:1px solid rgba(255,106,0,.28)}.pill-finished{background:#22c98a1f;color:var(--win);border:1px solid rgba(34,201,138,.28)}.t-card-infos{padding:0 16px 14px;display:flex;flex-wrap:wrap;gap:6px 16px;border-bottom:1px solid var(--border)}.t-info{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text2)}.t-info svg{stroke:var(--muted);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.t-card-actions{padding:10px 12px;display:flex;gap:8px}.action-btn{width:36px;height:36px;border-radius:10px;border:1px solid var(--border2);background:var(--surface2);display:grid;place-items:center;cursor:pointer;text-decoration:none;transition:border-color .18s,background .18s,transform .1s}.action-btn svg{stroke:var(--muted);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.action-btn:hover{transform:scale(1.08)}.a-checkin:hover{background:#6aa0ff1a;border-color:var(--blue)}.a-checkin:hover svg{stroke:var(--blue)}.a-manage:hover{background:#ff6a001a;border-color:var(--fire)}.a-manage:hover svg{stroke:var(--fire)}.a-share:hover{background:#22c98a1a;border-color:var(--win)}.a-share:hover svg{stroke:var(--win)}.a-delete:hover{background:#f040601a;border-color:var(--lose)}.a-delete:hover svg{stroke:var(--lose)}.a-pdf:hover{background:#ff6a001a;border-color:var(--fire)}.a-pdf:hover svg{stroke:var(--fire)}.a-disabled{cursor:not-allowed;opacity:.4}.support-link{text-align:center;padding:8px 0;font-size:12px;color:var(--muted);text-decoration:none;transition:color .2s}.support-link:hover{color:var(--fire)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:16px;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-box{background:var(--surface);border:1px solid var(--border2);border-radius:20px;width:100%;max-width:400px;padding:24px;position:relative}.modal-title{font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:20px;color:var(--text);margin-bottom:8px}.modal-desc{font-size:14px;color:var(--text2);margin-bottom:16px}.modal-sub{font-size:13px;color:var(--muted);margin-bottom:16px}.modal-warn{font-size:13px;color:var(--lose);margin-top:8px;margin-bottom:16px;font-weight:500}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}.btn-primary{padding:9px 18px;border-radius:10px;border:none;background:var(--fire);color:#fff;cursor:pointer;font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:13px;letter-spacing:.5px;text-transform:uppercase;transition:opacity .2s}.btn-primary:hover{opacity:.88}.btn-secondary{padding:9px 18px;border-radius:10px;background:var(--surface2);border:1px solid var(--border2);color:var(--text2);cursor:pointer;font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:13px;letter-spacing:.5px;text-transform:uppercase;transition:border-color .2s,color .2s}.btn-secondary:hover{border-color:var(--border2);color:var(--text)}.btn-danger{padding:9px 18px;border-radius:10px;border:none;background:var(--lose);color:#fff;cursor:pointer;font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:13px;letter-spacing:.5px;text-transform:uppercase;transition:opacity .2s}.btn-danger:hover{opacity:.88}.field{margin-bottom:14px}.field-label{display:block;font-size:13px;font-weight:500;color:var(--text2);margin-bottom:6px}.field-input{width:100%;background:var(--surface2);border:1px solid var(--border2);border-radius:10px;padding:10px 14px;font-size:14px;color:var(--text);outline:none;transition:border-color .2s}.field-input:focus{border-color:var(--fire)}.field-error{font-size:12px;color:var(--lose);margin-top:4px}.qr-upload{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border:2px dashed var(--border2);border-radius:10px;padding:12px;cursor:pointer;font-size:13px;color:var(--text2);transition:border-color .2s,color .2s}.qr-upload:hover{border-color:var(--fire);color:var(--fire)}.qr-upload svg{stroke:currentColor}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter-from,.fade-leave-to{opacity:0}