:root{--bg:#0b1220;--card:#101a30;--card2:#0f1830;--text:#e8eefc;--muted:#9fb0d6;--line:rgba(255,255,255,.1);--primary:#6ea8ff;--danger:#ff6b6b;--shadow: 0 20px 60px rgba(0,0,0,.35)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";background:radial-gradient(1200px 700px at 20% -10%,rgba(110,168,255,.35),transparent 60%),radial-gradient(900px 650px at 85% 0%,rgba(255,107,107,.2),transparent 55%),linear-gradient(180deg,#070b14,var(--bg));color:var(--text)}.app{max-width:1120px;margin:0 auto;padding:24px 16px 60px}.header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px}.title{font-size:28px;font-weight:800;letter-spacing:.5px}.subtitle{margin-top:6px;color:var(--muted);font-size:13px}.content{display:grid;gap:14px}.card{background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 40%),var(--card);border:1px solid var(--line);border-radius:14px;padding:14px;box-shadow:var(--shadow)}.cardHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.cardTitle{font-weight:800}.cardActions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.label{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}.select,.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff0f;border:1px solid var(--line);color:var(--text);padding:8px 10px;border-radius:10px;outline:none}.input{width:84px}.btn{border:1px solid var(--line);background:#ffffff0f;color:var(--text);border-radius:10px;padding:9px 12px;cursor:pointer}.btn:hover{background:#ffffff1a}.btn:disabled{opacity:.45;cursor:not-allowed}.btnPrimary{border-color:#6ea8ff73;background:#6ea8ff38}.btnPrimary:hover{background:#6ea8ff4d}.btnGhost{background:transparent}.zoneWrap{display:grid;grid-template-columns:1fr;gap:14px}.zone{background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 55%),var(--card2);border:1px solid var(--line);border-radius:12px;padding:12px}.zoneHeader{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px}.zoneTitle{font-weight:700}.zoneHint{color:var(--muted);font-size:12px}.grid{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:8px}.ball{height:36px;border-radius:999px;border:1px solid var(--line);background:#ffffff0a;color:var(--text);font-weight:700;letter-spacing:.5px;cursor:pointer;transition:transform .06s ease,background .12s ease,border-color .12s ease}.ball:hover{transform:translateY(-1px)}.ball.isSelected{border-color:#ffffff38;background:#ffffff24}.ball-red.isSelected{background:#ff6b6b33;border-color:#ff6b6b8c}.ball-blue.isSelected{background:#6ea8ff3d;border-color:#6ea8ff99}.validation{margin-top:10px;font-size:13px;color:var(--muted)}.ok{color:#a0ffd2eb}.warn{color:#ffc96bf2}.muted{color:var(--muted);font-size:13px}.ticketList{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.ticketRow{display:grid;grid-template-columns:70px 1fr auto;gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#ffffff0a}.ticketMeta{color:var(--muted);font-size:12px}.ticketText{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;letter-spacing:.6px}.ticketBtns{display:flex;gap:8px}.empty{color:var(--muted);padding:12px;border:1px dashed rgba(255,255,255,.18);border-radius:12px}@media(max-width:880px){.header{align-items:flex-start;flex-direction:column}.grid{grid-template-columns:repeat(8,minmax(0,1fr))}.ticketRow{grid-template-columns:54px 1fr}.ticketBtns{grid-column:1 / -1;justify-content:flex-end}}