*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0a0a12;--card: #14141f;--card-2: #161622;--border: rgba(255, 255, 255, .08);--input-bg: #1b1b27;--input-border: rgba(255, 255, 255, .1);--text: #e8e8f0;--muted: #8b8b9e;--gold: #facc15;--gold-2: #f59e0b;--blue: #38bdf8;--blue-2: #3b82f6;--red: #f87171;--green: #34d399}body{font-family:Segoe UI,system-ui,Arial,sans-serif;color:var(--text);background:radial-gradient(900px 460px at 50% -120px,rgba(124,58,237,.35),transparent 70%),radial-gradient(700px 380px at 50% 40px,rgba(59,130,246,.14),transparent 65%),var(--bg);background-attachment:fixed;min-height:100vh}.page{min-height:100vh;padding:40px 16px 80px}.container{max-width:720px;margin:0 auto}.hero{text-align:center;margin-bottom:36px}.hero-badge{display:inline-block;font-size:12px;font-weight:700;letter-spacing:2px;color:var(--gold);background:#facc1514;border:1px solid rgba(250,204,21,.4);padding:6px 16px;border-radius:999px;margin-bottom:18px}.hero-title{font-weight:900;line-height:.95;letter-spacing:1px;text-transform:uppercase}.hero-title .t-white{display:block;font-size:52px;color:#fff;text-shadow:0 2px 30px rgba(59,130,246,.3)}.hero-title .t-gold{display:block;font-size:52px;background:linear-gradient(180deg,#fde047,#f59e0b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 4px 30px rgba(245,158,11,.25)}.hero-sub{color:var(--muted);font-size:15px;margin:14px 0 22px}.hero-info{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.info-pill{font-size:13px;font-weight:600;color:#cbd0dc;background:#ffffff0a;border:1px solid var(--border);padding:9px 16px;border-radius:999px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.card{background:linear-gradient(180deg,var(--card) 0%,var(--card-2) 100%);border:1px solid var(--border);border-radius:18px;padding:28px 30px;margin-bottom:24px;box-shadow:0 22px 60px #00000080}.section+.section{margin-top:30px}.section-heading{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:800;text-transform:uppercase;letter-spacing:2px;padding-bottom:14px;margin-bottom:22px;border-bottom:1px solid var(--border)}.section-icon{font-size:17px}.t-white{color:#fff}.t-blue{color:var(--blue)}.jumlah{margin-left:auto;font-size:13px;color:var(--gold);background:#facc151a;border:1px solid rgba(250,204,21,.35);padding:2px 12px;border-radius:999px}.form-group{margin-bottom:18px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:block;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.req{color:var(--red)}.input{width:100%;padding:12px 14px;font-size:15px;font-family:inherit;color:var(--text);background:var(--input-bg);border:1px solid var(--input-border);border-radius:10px;outline:none;transition:border-color .18s,box-shadow .18s}.input::placeholder{color:#5f5f73}.input:focus{border-color:var(--blue-2);box-shadow:0 0 0 3px #3b82f62e}select.input option{background:#1b1b27;color:var(--text)}.hint{display:block;margin-top:7px;font-size:12px;color:#6b6b80}.input-prefix{display:flex;align-items:stretch;background:var(--input-bg);border:1px solid var(--input-border);border-radius:10px;overflow:hidden;transition:border-color .18s,box-shadow .18s}.input-prefix:focus-within{border-color:var(--blue-2);box-shadow:0 0 0 3px #3b82f62e}.input-prefix .prefix{display:flex;align-items:center;padding:0 14px;color:var(--gold);font-weight:700;background:#ffffff08;border-right:1px solid var(--input-border)}.input-prefix .input{border:none;border-radius:0;background:transparent}.input-prefix .input:focus{box-shadow:none}.opsi-group{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.opsi-pill{display:flex;align-items:center;justify-content:center;gap:7px;text-align:center;padding:11px 8px;font-size:13px;font-weight:600;color:#c7ccd8;background:var(--input-bg);border:1px solid var(--input-border);border-radius:10px;cursor:pointer;margin-bottom:0;letter-spacing:0;text-transform:none;transition:all .18s}.opsi-pill:hover{border-color:#ffffff40}.opsi-pill input{accent-color:var(--gold);cursor:pointer}.opsi-pill.selected{border-color:var(--gold);background:#facc151f;color:var(--gold)}.roster-note{font-size:13px;color:var(--muted);margin-bottom:16px}.pemain-row{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.pemain-no{flex-shrink:0;width:34px;height:34px;margin-top:4px;display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--bg);background:linear-gradient(180deg,#fde047,#f59e0b);border-radius:9px}.pemain-fields{flex:1;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:10px}.btn{width:100%;padding:15px;margin-top:8px;font-size:15px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;font-family:inherit;color:#1a1205;background:linear-gradient(135deg,#fde047,#f59e0b);border:none;border-radius:11px;cursor:pointer;transition:transform .18s,box-shadow .18s,opacity .18s;box-shadow:0 8px 24px #f59e0b59}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 30px #f59e0b80}.btn:disabled{opacity:.6;cursor:not-allowed}.pesan{margin-top:16px;padding:12px 14px;border-radius:10px;font-size:14px;text-align:center;font-weight:600}.pesan.sukses{background:#34d3991f;color:var(--green);border:1px solid rgba(52,211,153,.3)}.pesan.error{background:#f871711f;color:var(--red);border:1px solid rgba(248,113,113,.3)}.kosong{text-align:center;color:var(--muted);padding:28px;font-size:15px}.kartu{background:#ffffff05;border:1px solid var(--border);border-left:3px solid var(--gold);border-radius:12px;padding:16px 18px;margin-bottom:14px}.kartu:last-child{margin-bottom:0}.kartu-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.kartu-head h3{font-size:18px;color:#fff;display:inline-block}.kartu-tag{margin-left:8px;font-size:13px;font-weight:700;color:var(--gold)}.badge{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--blue);background:#38bdf81f;border:1px solid rgba(56,189,248,.3);padding:4px 10px;border-radius:999px}.kartu-meta{font-size:13px;color:var(--muted);margin-bottom:12px}.roster-list{display:grid;gap:6px}.roster-item{display:grid;grid-template-columns:110px 1fr auto;gap:10px;align-items:center;font-size:13px;padding:7px 10px;background:#ffffff05;border:1px solid var(--border);border-radius:8px}.roster-role{font-weight:700;color:var(--blue);font-size:12px}.roster-nama{color:var(--text)}.roster-id{color:var(--muted);font-size:12px}@media (max-width: 600px){.card{padding:22px 18px}.grid-2{grid-template-columns:1fr}.opsi-group{grid-template-columns:1fr 1fr}.pemain-fields{grid-template-columns:1fr}.hero-title .t-white,.hero-title .t-gold{font-size:38px}.roster-item{grid-template-columns:1fr;gap:2px}}.topnav{position:sticky;top:0;z-index:30;background:#0a0a12d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.topnav-inner{max-width:720px;margin:0 auto;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:8px;text-decoration:none}.brand-mark{font-size:18px}.brand-text{font-weight:800;font-size:13px;letter-spacing:1px;color:#fff}.nav-links{display:flex;gap:6px;flex-wrap:wrap}.nav-links a{font-size:13px;font-weight:700;text-decoration:none;color:var(--muted);padding:8px 14px;border-radius:999px;border:1px solid transparent;transition:.15s}.nav-links a:hover{color:var(--text);background:#ffffff0a}.nav-links a.active{color:var(--gold);background:#facc151a;border-color:#facc1559}.route{animation:fadeRoute .25s ease}@keyframes fadeRoute{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.page-title{margin-bottom:0}.cta-card{text-align:left}.cta-desc{color:var(--muted);font-size:14px;line-height:1.7;margin-bottom:22px}.cta-buttons{display:flex;gap:12px;flex-wrap:wrap}.cta-buttons .btn{width:auto;flex:1;min-width:220px}.btn-outline{background:transparent;color:var(--text);border:1px solid var(--input-border);box-shadow:none}.btn-outline:hover:not(:disabled){border-color:var(--blue-2);box-shadow:none;transform:translateY(-1px)}.alur-list{display:grid;gap:14px}.alur-item{display:flex;gap:14px;align-items:flex-start}.alur-no{flex-shrink:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;color:var(--bg);background:linear-gradient(180deg,#fde047,#f59e0b);border-radius:8px}.alur-item b{font-size:14px;color:#fff}.alur-item p{font-size:13px;color:var(--muted);margin-top:3px}.dash-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}.search-input{max-width:260px}.mini-stats{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}.ms{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);background:#ffffff05;border:1px solid var(--border);border-radius:999px;padding:7px 14px}.ms b{color:var(--text)}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot.wait{background:#fbbf24}.dot.ok{background:var(--green)}.dot.no{background:var(--red)}.filters{display:inline-flex;gap:6px;background:#ffffff05;border:1px solid var(--border);padding:4px;border-radius:10px;margin-bottom:20px;flex-wrap:wrap}.filters button{font-size:12px;font-weight:700;color:var(--muted);background:transparent;border:0;padding:8px 14px;border-radius:7px;cursor:pointer;transition:.15s;text-transform:uppercase;letter-spacing:.5px}.filters button:hover{color:var(--text)}.filters button.on{background:#facc151f;color:var(--gold)}.pill{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:5px 12px;border-radius:999px}.pill-menunggu{color:#fbbf24;background:#fbbf241f;border:1px solid rgba(251,191,36,.35)}.pill-lolos{color:var(--green);background:#34d3991f;border:1px solid rgba(52,211,153,.3)}.pill-ditolak{color:var(--red);background:#f871711f;border:1px solid rgba(248,113,113,.3)}.kartu-link{color:#fff;text-decoration:none}.kartu-link:hover{color:var(--gold)}.kartu-head-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.kartu-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.iact{font-size:12px;font-weight:700;cursor:pointer;border-radius:8px;padding:7px 13px;border:1px solid var(--input-border);background:var(--input-bg);color:var(--muted);transition:.15s}.iact:hover:not(:disabled){color:var(--text)}.iact.ok:hover:not(:disabled){color:var(--green);border-color:#34d39966;background:#34d39914}.iact.no:hover:not(:disabled){color:var(--red);border-color:#f8717166;background:#f8717114}.iact:disabled{opacity:.4;cursor:not-allowed}.back-link{display:inline-block;margin-bottom:16px;font-size:13px;font-weight:600;color:var(--blue);text-decoration:none}.back-link:hover{text-decoration:underline}.detail-title{font-size:22px;color:#fff}.detail-grid{display:grid;gap:2px;margin-top:10px}.detail-grid .detail-row{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--border);font-size:14px}.detail-grid .detail-row:last-child{border-bottom:0}.detail-label{color:var(--muted);font-weight:600}.auth-card{max-width:420px;margin:40px auto 0}.auth-switch{margin-top:16px;font-size:13px;color:var(--muted);text-align:center}.auth-switch a{color:var(--blue);font-weight:700;text-decoration:none}.auth-switch a:hover{text-decoration:underline}.btn-sm{width:auto;padding:8px 16px;font-size:12px;white-space:nowrap}