*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#e5e7eb;min-height:100vh;display:flex}.sidebar{width:180px;background:#1f2937;color:#fff;padding:20px 0;flex-shrink:0;min-height:100vh}.sidebar-logo{padding:0 20px 20px;border-bottom:1px solid #374151;display:flex;align-items:center;gap:10px;margin-bottom:16px}.sidebar-logo h1{margin:0;font-size:18px;font-weight:700}.theme-toggle{background:#374151;color:#fff;border:none;border-radius:6px;width:30px;height:30px;cursor:pointer;display:flex;align-items:center;justify-content:center}.sidebar-menu{padding:0 8px}.menu-item{padding:10px 12px;display:flex;align-items:center;gap:10px;color:#d1d5db;text-decoration:none;border-radius:6px;font-size:14px;cursor:pointer;margin-bottom:2px}.menu-item:hover,.menu-item.active{background:#374151;color:#fff}.main{flex:1;padding:24px 32px;overflow-x:auto}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.user-info{display:flex;gap:8px;align-items:center}.btn-danger{background:#fee2e2;color:#991b1b;border:1px solid #fecaca;padding:6px 14px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer}.btn-danger:hover{background:#fecaca}.user-chip{background:#fff;border:1px solid #e5e7eb;padding:6px 14px;border-radius:6px;font-size:13px;font-weight:600;color:#374151}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.page-header h2{margin:0 0 4px;font-size:24px;font-weight:700;color:#111827}.page-header p{margin:0;color:#6b7280;font-size:14px}.breadcrumb{font-size:13px;color:#6b7280}.breadcrumb a{color:#3b82f6;text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.btn-primary{background:#e0e7ff;color:#3730a3;border:1px solid #c7d2fe;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.btn-primary:hover{background:#c7d2fe}.btn-secondary{background:#fff;color:#374151;border:1px solid #d1d5db;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.btn-secondary:hover{background:#f9fafb}.sport-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;margin-bottom:32px}.sport-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:28px 20px;text-align:center;position:relative;box-shadow:0 1px 2px #0000000a}.sport-card .menu-dots{position:absolute;top:12px;right:12px;background:none;border:none;font-size:20px;color:#9ca3af;cursor:pointer;padding:0 4px;line-height:1}.sport-card .letter{font-size:42px;font-weight:300;color:#4f46e5;margin-bottom:10px}.sport-card .count{color:#6b7280;font-size:14px;margin-bottom:14px}.sport-card .btn-copy{background:#e0e7ff;color:#3730a3;border:none;width:100%;padding:9px;border-radius:6px;font-weight:600;cursor:pointer;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.sport-card .btn-copy:hover{background:#c7d2fe}.toast{position:fixed;bottom:24px;right:24px;background:#111827;color:#fff;padding:10px 16px;border-radius:6px;font-size:13px;display:none;z-index:999}.modal-bg{position:fixed;inset:0;background:#00000080;display:none;align-items:center;justify-content:center;z-index:100}.modal-bg.active{display:flex!important}.modal{background:#fff!important;border-radius:8px!important;width:90%!important;max-width:420px!important;min-width:360px!important;padding:24px!important;position:relative!important;box-shadow:0 25px 50px -12px #00000040!important;display:block!important;overflow:visible!important;box-sizing:border-box!important}.modal>div{width:100%!important;box-sizing:border-box!important}.modal h3{margin:0!important;font-size:18px!important;color:#111827!important;font-weight:700!important}.modal .close-x{background:none!important;border:none!important;font-size:28px!important;line-height:1!important;color:#6b7280!important;cursor:pointer!important;font-weight:300!important;padding:0 4px!important;height:30px!important;width:30px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.modal .close-x:hover{color:#111827!important;background:#f3f4f6!important;border-radius:4px!important}.modal label{display:block!important;font-size:14px!important;color:#111827!important;margin:14px 0 6px!important;font-weight:500!important}.modal input{width:100%!important;padding:10px 12px!important;border:1px solid #d1d5db!important;border-radius:6px!important;font-size:14px!important;color:#111827!important;background:#fff!important;box-sizing:border-box!important;margin:0 0 8px!important}.modal input::placeholder{color:#9ca3af!important}.modal input:focus{outline:2px solid #3b82f6!important;outline-offset:1px!important;border-color:#3b82f6!important}.modal-actions{display:flex!important;gap:10px!important;justify-content:flex-end!important;margin-top:16px!important;width:100%!important;box-sizing:border-box!important}.btn-ghost{background:#fff!important;border:1px solid #d1d5db!important;padding:8px 16px!important;border-radius:6px!important;font-size:13px!important;font-weight:600!important;cursor:pointer!important;color:#374151!important}.btn-ghost:hover{background:#f9fafb!important}.btn-primary{background:#e0e7ff!important;color:#3730a3!important;border:1px solid #c7d2fe!important;padding:8px 16px!important;border-radius:6px!important;font-size:13px!important;font-weight:600!important;cursor:pointer!important}.btn-primary:hover{background:#c7d2fe!important}.dropdown{position:absolute;top:36px;right:12px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 10px 15px -3px #0000001a;min-width:140px;display:none;z-index:10}.dropdown.active{display:block}.dropdown button{display:block;width:100%;background:none;border:none;text-align:left;padding:8px 14px;font-size:13px;color:#374151;cursor:pointer}.dropdown button:hover{background:#f3f4f6;color:#991b1b}