:root{--primary: #2563eb;--primary-hover: #1d4ed8;--bg-card: #ffffff;--text-main: #1f2937;--text-muted: #6b7280;--border: #e5e7eb;--radius: 12px}.form-container{display:flex;flex-direction:column;align-items:center;margin:20px auto;padding:40px 32px;background:var(--bg-card);border-radius:var(--radius);box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a,0 10px 15px -3px #0000000d;max-width:600px;border:1px solid var(--border);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.form-input{width:100%;padding:12px 16px;margin:8px 0;border:1px solid var(--border);border-radius:8px;font-size:14px;transition:all .2s ease;background-color:#f9fafb;min-width:200px}.form-input:focus{outline:none;border-color:var(--primary);background-color:#fff;box-shadow:0 0 0 4px #2563eb1a}.form-button{width:50%;padding:12px;margin-top:24px;background-color:var(--primary);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:15px;cursor:pointer;transition:transform .1s active,background-color .2s}.form-button:hover{background-color:var(--primary-hover)}.form-button:active{transform:scale(.99)}.form-container label{margin:12px 0 4px;font-size:13px;font-weight:600;color:var(--text-muted);font-family:sans-serif}.date-input-field{min-height:38px;margin-top:4px}.select-control{width:100%;display:flex!important}.select-menu{background-color:#fff;width:100%;box-sizing:border-box;z-index:100;margin-top:4px;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;overflow:hidden}.select-menu>div{padding:4px 0;max-height:250px;overflow-y:auto}.select-option{padding:10px 16px;cursor:pointer;font-size:14px;transition:background .2s ease}.select-option.is-focused{background-color:#f3f4f6;color:#111827}.select-option.is-selected{background-color:#2563eb;color:#fff}.select-option.is-selected:after{content:"✓";float:right;font-size:12px}.loader-container{display:flex;justify-content:center;align-items:center}.loader{border:5px solid #f3f3f3;border-top:5px solid #3498db;border-radius:50%;width:50px;height:50px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.note-container{padding:10px;margin:20px 0;border:1px solid #ccc;border-radius:5px}.note-title{color:#333}.note-content{color:#666}.note-date{color:#999;font-size:.8rem}.delete-button{background-color:#f44336;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;transition:background-color .3s}.delete-button:hover{background-color:#d32f2f}*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}.predictions-list{display:flex;flex-direction:column;gap:20px;width:100%;max-width:600px;margin:20px auto}.prediction-container{background:#fff;padding:24px;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 4px 6px -1px #0000000d;position:relative;transition:transform .2s ease}.prediction-container:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.prediction-id{font-size:12px;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.match-info{font-size:16px;font-weight:600;color:#111827;border-bottom:1px solid #f3f4f6;padding-bottom:12px;margin-bottom:16px}.odds-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}.odds-item{background:#f9fafb;padding:10px;border-radius:8px}.odds-label{display:block;font-size:11px;color:#6b7280;text-transform:uppercase;font-weight:600}.odds-value{display:block;font-size:15px;color:#2563eb;font-weight:700}.delete-button{background-color:#fee2e2;color:#dc2626;border:none;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;width:100%}.delete-button:hover{background-color:#ef4444;color:#fff}.navbar{display:flex;justify-content:center;align-items:center;width:100%;margin:0;padding:1rem 0}.navbar a{text-decoration:none;color:#333;flex:none;width:auto;height:100%;padding:0 15px}