:root{--bg-dark:#0f172a;--panel-bg:#1e293bb3;--warning:#fbbf24;--danger:#ef4444;--success:#22c55e;--info:#3b82f6;--purple:#8b5cf6;--teal:#14b8a6;--gray:#6b7280;--orange:#f97316;--primary:#3b82f6;--secondary:#6366f1;--accent:#10b981;--text-main:#f8fafc;--text-muted:#94a3b8;--border-glass:#ffffff1a;--font-body:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading:"Segoe UI", Inter, system-ui, -apple-system, BlinkMacSystemFont, Arial, sans-serif;--font-accent:"Trebuchet MS", "Segoe UI", Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);color:var(--text-main);background:fixed;min-height:100vh}#root{min-height:100vh;display:flex}.sidebar{background:var(--panel-bg);-webkit-backdrop-filter:blur(16px);border-right:1px solid var(--border-glass);z-index:50;flex-direction:column;flex-shrink:0;align-items:center;width:220px;height:100vh;padding:2rem 0;display:flex;position:sticky;top:0}.brand{justify-content:center;margin-bottom:3rem;display:flex}.brand svg{color:var(--primary)}.nav-link{color:var(--text-muted);border-radius:12px;align-items:center;gap:12px;margin-bottom:.5rem;padding:1rem 1.25rem;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.nav-link:hover,.nav-link.active{color:#fff;background:#3b82f626;transform:translate(4px)}.nav-link.active{border-left:3px solid var(--primary)}.main-content{flex:1;padding:3rem 4rem;overflow-y:auto}.header{justify-content:space-between;align-items:center;margin-bottom:3rem;display:flex}.header h1{color:#fcd34d;text-shadow:0 2px 18px #fcd34d29;font-size:2.25rem;font-weight:700}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:3.5rem;display:grid}.glass-card{-webkit-backdrop-filter:blur(12px);background:#080a16d9;border:1px solid #ffffff12;border-color:#6366f14d #ffffff12 #ffffff12 #6366f133;border-radius:18px;padding:2rem;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:inset 10px 10px 40px -20px #6366f126,0 8px 32px #0000004d}.glass-card:before{content:"";background:linear-gradient(90deg, var(--primary), var(--secondary));opacity:0;height:4px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.glass-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0000004d,0 0 20px #3b82f61a}.glass-card:hover:before{opacity:1}.drop-modal-scroll{scrollbar-width:thin;scrollbar-color:#94a3b88c #0f172a59}.drop-modal-scroll::-webkit-scrollbar{width:8px}.drop-modal-scroll::-webkit-scrollbar-track{background:#0f172a59;border-radius:999px}.drop-modal-scroll::-webkit-scrollbar-thumb{background:linear-gradient(#94a3b8b3,#3b82f673);border:2px solid #080a16e6;border-radius:999px}.drop-modal-scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(#cbd5e1d9,#3b82f6b3)}.kpi-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.9rem;font-weight:600}.kpi-val{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#60a5fa,#3b82f6);-webkit-background-clip:text;background-clip:text;margin-top:.75rem;font-size:2.75rem;font-weight:800}.table-container{-webkit-backdrop-filter:blur(12px);background:#080a16d9;border:1px solid #ffffff12;border-color:#6366f14d #ffffff12 #ffffff12 #6366f133;border-radius:18px;padding:0;overflow-x:auto;box-shadow:inset 10px 10px 40px -20px #6366f126,0 8px 32px #0000004d}.drops-table-container{overflow-x:hidden}.table-container h2{color:var(--text-main);margin:0;padding:20px 28px;font-size:1.3rem;font-weight:700}table{border-collapse:collapse;width:100%}.drops-table{table-layout:fixed;font-size:.82rem}th,td{text-align:left;border-bottom:1px solid #ffffff0d;padding:14px 20px}.drops-table th,.drops-table td{overflow-wrap:anywhere;vertical-align:middle;padding:10px 12px;line-height:1.25}.drops-table th{font-size:.74rem}.drops-item-cell{align-items:center;gap:8px;min-width:0;display:flex}.drops-item-icon{background:#0003;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.drops-participants-button{padding:3px 6px;font-size:.72rem;line-height:1.15}.drops-table .badge{letter-spacing:.2px;border-radius:16px;padding:.32rem .65rem;font-size:.66rem}th{color:#fff;border-bottom:1px solid #ffffff14;font-size:.85rem;font-weight:700}@media (max-width:1280px){.main-content{padding:2rem}.drops-table th,.drops-table td{padding:8px 10px}}@media (max-width:1080px){.main-content{padding:1.5rem}.drops-table-container{overflow-x:auto}.drops-table{min-width:940px}}tr:last-child td{border-bottom:none}tr:hover td{background:#ffffff08}.badge{letter-spacing:.5px;border-radius:20px;padding:.4rem 1rem;font-size:.75rem;font-weight:700}.badge.pending{color:#fcd34d;background:#f59e0b26;border:1px solid #f59e0b4d}.badge.sold{color:#22c55e;background:#22c55e33;border:1px solid #22c55e80;box-shadow:0 0 10px #22c55e33}.badge.owner{color:#a78bfa;background:#8b5cf633}.badge.player{color:#5eead4;background:#14b8a633}.badge.substitute{color:#fde047;background:#eab30833}.badge.inactive{color:#d1d5db;background:#6b728033}.badge.taint-1{color:#4ade80;background:#22c55e33;border:1px solid #22c55e4d}.badge.taint-2{color:#fde047;background:#eab30833;border:1px solid #eab3084d}.badge.taint-3{color:#fb923c;background:#f9731633;border:1px solid #f973164d}.badge.taint-4{color:#f87171;background:#ef444433;border:1px solid #ef44444d}.pct-high{color:#4ade80;font-weight:700}.pct-mid{color:#fde047;font-weight:700}.pct-low{color:#f87171;font-weight:700}.tooltip{cursor:help;display:inline-block;position:relative}.tooltip .tooltiptext{visibility:hidden;color:#fff;text-align:center;z-index:10;opacity:0;border:1px solid var(--border-glass);background-color:#1e293b;border-radius:6px;width:200px;margin-left:-100px;padding:10px;font-size:.75rem;line-height:1.4;transition:opacity .3s;position:absolute;bottom:125%;left:50%;box-shadow:0 10px 15px -3px #00000080}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}.animate-in{animation:.5s ease-out forwards slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.animate{opacity:0;animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeIn}