@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Inter:wght@300;400;500;600&display=swap";:root{--primary:#2563eb;--primary-dark:#1e40af;--accent:#f59e0b;--background:#fff;--surface:#f8fafc;--surface-light:#f1f5f9;--text:#0f172a;--text-muted:#64748b;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--info:#3b82f6;--brand-purple:#7c3aed;--grad-primary:linear-gradient(135deg, #3b82f6 0%, #1e40af 100%);--grad-premium:linear-gradient(135deg, #f8fafc 0%, #fff 100%);--grad-glass:linear-gradient(135deg, #fffc 0%, #fff6 100%);--shadow-sm:0 1px 3px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #0000000d, 0 4px 6px -4px #0000000d;--shadow-premium:0 20px 25px -5px #00000014, 0 10px 10px -5px #00000008;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif;font-weight:400;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:0;font-family:Manrope,sans-serif;font-weight:700;line-height:1.3}.glass{background:var(--grad-glass);-webkit-backdrop-filter:blur(16px);border:1px solid #fff3;box-shadow:0 10px 30px #0000000d}.btn{border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:inherit;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:var(--grad-primary);color:#fff;box-shadow:0 4px 14px #2563eb63}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2563eb73}.btn-secondary{background:var(--surface-light);color:var(--text);border:1px solid #0000000d}.btn-secondary:hover{background:#fff3}.card{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--surface-light);box-shadow:var(--shadow-md);padding:1.5rem}.badge{border-radius:var(--radius-full);padding:.25rem .75rem;font-size:.75rem;font-weight:600}.badge-success{color:var(--success);background:#10b9811a}.badge-danger{color:var(--danger);background:#ef44441a}.badge-warning{color:var(--warning);background:#f59e0b1a}.badge-info{color:var(--info);background:#3b82f61a}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-green{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 #10b98100}}.animate-fade{animation:.5s ease-out forwards fadeIn}.live-indicator{background-color:var(--success);border-radius:50%;width:10px;height:10px;animation:2s infinite pulse-green;display:inline-block}.modal-overlay{z-index:1000;opacity:0;pointer-events:none;background:#0f172a80;justify-content:center;align-items:center;width:100%;height:100%;padding:1.5rem 1rem;transition:opacity .3s;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.modal-overlay.active{opacity:1;pointer-events:auto}.modal-content{background:var(--surface);border-radius:var(--radius-xl);width:100%;max-width:450px;padding:2.5rem;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);position:relative;transform:scale(.9)}.modal-overlay.active .modal-content{transform:scale(1)}nav:not(.sidebar-nav){z-index:1000;border-bottom:1px solid var(--surface-light);justify-content:space-between;align-items:center;width:100%;height:80px;padding:0 2rem;display:flex;position:fixed;top:0;left:0;background:#fff!important}main#main-content{margin-top:80px}.dashboard-content{padding-top:3rem!important}.sidebar{border-right:1px solid var(--surface-light);z-index:100;flex-direction:column;width:280px;height:calc(100vh - 80px);padding:2rem;display:flex;position:fixed;top:80px}.sidebar-nav{margin-top:1rem!important}.logo{align-items:center;gap:.5rem;height:100%;margin-top:15px;display:flex}.logo img{object-fit:contain;width:auto;height:160px}.mobile-only{display:none}.btn-icon{color:var(--text);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;display:inline-flex}.btn-icon i{width:24px;height:24px}.mobile-overlay{z-index:95;opacity:0;pointer-events:none;background:#00000080;transition:opacity .3s;position:fixed;inset:0}.mobile-overlay.active{opacity:1;pointer-events:auto}.profile-card{max-width:900px;margin:0 auto}.avatar-upload{border:2px dashed var(--primary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;display:flex;position:relative;overflow:hidden}.avatar-upload img{object-fit:cover;width:100%;height:100%;position:relative}.avatar-upload img:after{content:attr(alt);background:var(--surface);color:var(--text-muted);text-align:center;justify-content:center;align-items:center;font-size:.95rem;font-weight:500;display:flex;position:absolute;inset:0}.form-grid{grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:2rem;display:grid}.form-group label{color:var(--text-muted);margin-bottom:.5rem;font-size:.875rem;display:block}.form-group input,.form-group select{background:var(--surface-light);width:100%;color:var(--text);border-radius:var(--radius-md);border:1px solid #0000000d;padding:.75rem}@media (width<=768px){.mobile-only{display:inline-flex}nav:not(.sidebar-nav){height:70px;padding:0 1rem}main#main-content{margin-top:70px}.logo img{height:80px}.sidebar{z-index:100;background:var(--surface);width:260px;height:calc(100vh - 70px);transition:left .3s;top:70px;left:-100%}.sidebar.active{left:0}.dashboard-content{margin-left:0!important;padding:1rem!important}.form-grid{grid-template-columns:1fr!important;gap:1rem!important}.stats-grid{grid-template-columns:1fr 1fr!important;gap:1rem!important}.profile-card{padding:1rem!important}.modal-overlay{align-items:flex-start}.modal-content{width:95%!important;max-width:450px!important;margin:auto!important;padding:1.5rem!important}.hero-content h1{font-size:2.5rem!important}.brand-eyebrow{margin-top:0!important;font-size:3rem!important}.section{padding:50px 0!important}.container{padding:0 1rem!important}.section-title{margin-bottom:2rem!important;font-size:2rem!important}.overview-grid,.steps-grid,.tournament-grid{grid-template-columns:1fr!important;gap:1.5rem!important}.advantage-wrap{grid-template-columns:1fr!important;gap:2rem!important}.advantage-image{display:none!important}.nav-actions .btn{padding:.5rem 1rem!important;font-size:.875rem!important}}
