.login-container{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#1e3c72,#2a5298)}.login-card{width:380px;height:560px;padding:45px;background:#fff;border-radius:12px;box-shadow:0 15px 40px #0000004d;text-align:center}.login-card h2{margin-bottom:25px;color:#1e3c72;font-size:24px}.login-card input{width:100%;padding:12px 14px;margin-bottom:16px;border-radius:6px;border:1px solid #ccc;font-size:14px}.login-card button{width:100%;padding:12px;background-color:#1e3c72;color:#fff;border:none;border-radius:6px;font-size:16px;cursor:pointer}.login-card button:hover{background-color:#162c55}.login-logo{width:260px;height:auto;margin-bottom:2px}.navbar{height:60px;background:#1e3c72;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 25px}.navbar-left{display:flex;align-items:center;gap:12px}.navbar-logo{height:65px;width:auto}.navbar-left h3{margin:0;font-size:20px;font-weight:600}.navbar button{background:#fff;color:#1e3c72;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:700}.navbar button:hover{background:#e6e6e6}.sidebar{width:220px;background:#fff;padding:20px;display:flex;flex-direction:column;gap:15px;box-shadow:2px 0 10px #0000001a}.sidebar a{text-decoration:none;color:#1e3c72;font-weight:500;padding:10px;border-radius:6px}.sidebar a:hover,.sidebar a.active{background:#eaf0ff;color:#3f51b5}.sidebar{width:220px;flex-shrink:0;background:#fff;padding:20px}.dashboard-container{display:flex;height:100vh;background-color:#f4f7fa}.dashboard-main{flex:1;padding:2rem;overflow-y:auto}.dashboard-main h2{color:#2c3e50;margin-bottom:2rem}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;width:100%}.tournament-card{background:#fff;border-radius:10px;padding:2rem;box-shadow:0 4px 6px #0000001a;cursor:pointer;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid #e1e4e8;min-height:150px}.tournament-card:hover{transform:translateY(-5px);box-shadow:0 8px 15px #00000026;border-color:#3f51b5}.tournament-card h3{color:#2c3e50;margin-bottom:.5rem;font-size:1.25rem}.tournament-card p{color:#7f8c8d;font-size:.9rem}.popup-box{background:#fff;padding:25px;border-radius:10px;text-align:center;min-width:300px}.popup-btn{background:#28a745;color:#fff;padding:10px 20px;border:none;margin:10px;border-radius:5px;cursor:pointer}.popup-btn.blue{background:#007bff}.close-btn{background:#dc3545;color:#fff;padding:10px 20px;border:none;margin:10px;border-radius:5px;cursor:pointer}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center}.popup-box{background:#fff;width:400px;padding:20px;border-radius:10px}.popup-list{max-height:300px;overflow-y:auto;margin-top:10px}.popup-item{padding:10px;border-bottom:1px solid #ddd;cursor:pointer}.popup-item:hover{background:#f5f5f5}.name{font-weight:700}.date{font-size:12px;color:gray}.close-btn{margin-top:10px;padding:8px 12px}.create-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100vh - 60px);background:#f4f6f8}.create-form{background:#fff;padding:40px;width:350px;border-radius:12px;box-shadow:0 10px 25px #0000001a;display:flex;flex-direction:column;gap:15px}.create-form input{padding:12px;border-radius:6px;border:1px solid #ccc;font-size:16px}.create-form button{background:#1e3c72;color:#fff;padding:12px;border:none;border-radius:6px;font-size:16px;cursor:pointer}.create-form button:hover{background:#2a5298}.msg{margin-top:15px;font-weight:700}.page-container{display:flex;min-height:calc(100vh - 60px);background:#f4f6f8}.page-main{flex:1;display:flex;justify-content:center;align-items:center;padding:40px}.form-card{width:100%;max-width:500px;background:#fff;padding:35px;border-radius:14px;box-shadow:0 12px 30px #0000001a}.form-card h2{margin-bottom:25px;color:#1e3c72;text-align:center}.form-card input,.form-card select{width:100%;padding:12px 14px;margin-bottom:16px;border-radius:6px;border:1px solid #ccc;font-size:14px}.form-card button{width:100%;padding:12px;background:#1e3c72;color:#fff;border:none;border-radius:6px;font-size:16px;cursor:pointer}.form-card button:hover{background:#162c55}.delete-profile-container{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#1e3c72,#2a5298);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#333}.delete-profile-card{width:420px;background:#fff;padding:40px;border-radius:16px;box-shadow:0 20px 50px #0003;text-align:center}.logo-section{margin-bottom:24px}.delete-logo{width:220px;height:auto}.delete-profile-card h2{color:#1e3c72;font-size:26px;margin-bottom:12px;font-weight:700}.description{color:#666;font-size:14px;line-height:1.6;margin-bottom:30px}.input-group{margin-bottom:20px}.input-group input{width:100%;padding:14px 16px;border:2px solid #e1e8ed;border-radius:8px;font-size:15px;transition:border-color .3s ease;outline:none}.input-group input:focus{border-color:#1e3c72}.delete-btn{width:100%;padding:14px;background-color:#dc3545;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px}.delete-btn:hover:not(:disabled){background-color:#c82333;transform:translateY(-1px);box-shadow:0 4px 12px #dc35454d}.delete-btn:active:not(:disabled){transform:translateY(0)}.delete-btn:disabled{background-color:#e9ecef;color:#adb5bd;cursor:not-allowed}.message{padding:12px;border-radius:6px;font-size:14px;margin-bottom:20px;animation:fadeIn .3s ease}.message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.footer-links{margin-top:24px;font-size:13px;color:#777}.footer-links a{color:#1e3c72;text-decoration:none;font-weight:600}.footer-links a:hover{text-decoration:underline}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.delete-profile-card{width:90%;padding:30px 20px}}.details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #eee}.header-info{display:flex;align-items:center;gap:1rem}.back-btn{background:transparent;border:none;color:#666;font-size:1rem;cursor:pointer;padding:.5rem;border-radius:4px;transition:background .2s}.back-btn:hover{background:#f5f5f5;color:#1a1a1a}.invite-btn{background:#1e3c72;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:transform .2s,background .2s;box-shadow:0 4px 12px #1e3c7233}.invite-btn:hover{background:#2a5298;transform:translateY(-2px)}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.details-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 20px #0000000d}.details-card h3{margin-bottom:1.25rem;font-size:1.1rem;color:#1a1a1a;border-left:4px solid #1e3c72;padding-left:.75rem}.info-item{display:flex;justify-content:space-between;margin-bottom:1rem;font-size:1rem}.info-item label{font-weight:600;color:#666}.status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:uppercase}.status-badge.upcoming{background:#e3f2fd;color:#1976d2}.status-badge.live{background:#e8f5e9;color:#2e7d32}.status-badge.finished{background:#f5f5f5;color:#616161}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;width:100%;max-width:450px;border-radius:16px;padding:2rem;position:relative;box-shadow:0 20px 40px #0003;animation:modalAppear .3s ease-out}@keyframes modalAppear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;font-size:1.5rem;cursor:pointer;color:#999}.link-container{display:flex;gap:.5rem;margin:1.5rem 0}.invite-input{flex:1;padding:.75rem;border:1px solid #ddd;border-radius:8px;background:#f9f9f9;font-size:.9rem;color:#333;outline:none}.copy-btn{background:#1e3c72;color:#fff;border:none;width:42px;height:42px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.copy-btn:hover{background:#2a5298}.share-options-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:1.5rem}.share-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-decoration:none;color:#666;font-size:.8rem;cursor:pointer;background:transparent;border:none;transition:transform .2s}.share-item:hover{transform:translateY(-3px);color:var(--brand-color, #1e3c72)}.share-icon{width:48px;height:48px;background:#f5f5f5;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--brand-color, #1e3c72);transition:background .2s,color .2s}.share-item:hover .share-icon{background:var(--brand-color, #1e3c72);color:#fff}.native-share .share-icon{background:#f5f5f5;color:#333}.native-share:hover .share-icon{background:#333;color:#fff}.toast-notification{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:#333;color:#fff;padding:.75rem 1.5rem;border-radius:30px;font-size:.9rem;box-shadow:0 4px 12px #0003;z-index:1100;animation:toastAppear .3s ease-out}@keyframes toastAppear{0%{bottom:1rem;opacity:0}to{bottom:2rem;opacity:1}}.loading-container,.error-container{text-align:center;padding:4rem;background:#fff;border-radius:12px;color:#666}@media(max-width:480px){.share-options-grid{grid-template-columns:repeat(2,1fr)}}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%}