.app-container{max-width:800px;margin:0 auto;text-align:center;font-family:Arial,sans-serif}.error{color:red}:root{--bg:#0f1724;--card:#0b1220;--accent:#06b6d4;--muted:#94a3b8;--highlight-new:#163A0F;--highlight-removed:#3A0F0F;--fav:#ffd166}*{box-sizing:border-box;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}body{margin:0;background:linear-gradient(180deg,var(--bg),#07101a);color:#e6eef6;min-height:100vh;padding:18px}.app{max-width:1100px;margin:0 auto}.header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.logo{width:40px;height:40px}.title{font-size:1.25rem;font-weight:600}.controls{margin-bottom:12px}.controls input,.controls select{padding:8px 10px;border-radius:6px;border:1px solid #233240;background:#061123;color:inherit;margin-right:8px}.controls button{padding:8px 10px;border-radius:6px;border:none;background:var(--accent);color:#012;cursor:pointer}.status{font-size:.9rem;color:var(--muted);margin-bottom:8px}.list{display:grid;gap:10px}.match-card{display:flex;justify-content:space-between;align-items:center;padding:12px;border-radius:8px;background:linear-gradient(180deg,var(--card),#071425);border:1px solid rgba(255,255,255,.03);transition:transform .22s ease,box-shadow .22s ease,background-color .22s ease,opacity .3s ease}.match-card.new{animation:highlightNew 1s ease;box-shadow:0 6px 18px #06b6d41f}.match-card.removed{animation:highlightRemoved 1s ease forwards}@keyframes highlightNew{0%{transform:translateY(-6px);background:linear-gradient(180deg,var(--highlight-new),#0b2b16)}to{transform:none;background:linear-gradient(180deg,var(--card),#071425)}}@keyframes highlightRemoved{0%{opacity:1;background:linear-gradient(180deg,var(--highlight-removed),#3a0f0f)}to{opacity:0;transform:scale(.98)}}.match-info{display:flex;gap:12px;align-items:center}.teams{font-weight:600}.meta{color:var(--muted);font-size:.9rem}.actions{display:flex;gap:8px;align-items:center}.fav{padding:6px;border-radius:6px;background:transparent;border:1px solid rgba(255,255,255,.04);cursor:pointer}.fav.active{background:var(--fav);color:#111;border-color:transparent}.empty{padding:20px;text-align:center;color:var(--muted)}
