:root{--navy: #0A0E1A;--navy2: #0D1526;--slate: #1E2840;--slate2: #243352;--green: #00D4AA;--blue: #4A9FF5;--red: #FF4444;--amber: #F5A623;--green-dim: rgba(0, 212, 170, .1);--blue-dim: rgba(74, 159, 245, .1);--red-dim: rgba(255, 68, 68, .1);--amber-dim: rgba(245, 166, 35, .1);--white: #FFFFFF;--gray: #B0BBC8;--gray-mid: #8899AA;--gray-dim: #9AAABB;--border: rgba(255, 255, 255, .07);--border-hi: rgba(255, 255, 255, .09);--font-display: "DM Serif Display", serif;--font-body: "DM Sans", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:var(--font-body);background:var(--navy);color:var(--white);-webkit-font-smoothing:antialiased}button{cursor:pointer;border:none;background:none;font-family:inherit}input{font-family:inherit}.app-shell{width:100%;max-width:430px;margin:0 auto;height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(180deg,var(--navy) 0%,#07090F 100%)}.top-bar{height:52px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;background:var(--navy);flex-shrink:0;z-index:10}.scroll-content{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:16px}.card{background:#ffffff09;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:12px;position:relative;overflow:hidden}.card--highlight{background:linear-gradient(135deg,#00d4aa0f,#0a0e1afa);border-color:#00d4aa38}.card--urgent{background:linear-gradient(135deg,#ff444414,#0a0e1afa);border-color:#ff44444d}.card--amber{background:linear-gradient(135deg,#f5a6230f,#0a0e1afa);border-color:#f5a62338}.section-label{font-size:10px;font-weight:700;color:var(--gray-mid);letter-spacing:2px;text-transform:uppercase;padding:0 16px;margin:14px 0 8px}.btn-primary{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:14px;border-radius:12px;background:var(--green);color:var(--navy);font-size:13px;font-weight:800;letter-spacing:.5px;transition:opacity .15s}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-primary:not(:disabled):active{opacity:.85}.btn-outline{display:flex;align-items:center;justify-content:center;width:100%;padding:13px;border-radius:12px;border:1px solid rgba(74,159,245,.4);color:var(--blue);font-size:13px;font-weight:700;transition:background .15s}.btn-outline:active{background:var(--blue-dim)}.btn-ghost{display:flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:10px;background:var(--green-dim);border:1px solid rgba(0,212,170,.25);color:var(--green);font-size:12px;font-weight:700;letter-spacing:.3px}.form-field{display:flex;flex-direction:column;gap:6px}.form-label{font-size:11px;font-weight:600;color:var(--gray-mid)}.form-input{width:100%;box-sizing:border-box;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:12px 14px;color:var(--white);font-size:14px;font-family:var(--font-body);outline:none;transition:border-color .15s}.form-input:focus{border-color:#00d4aa66}.form-input::placeholder{color:var(--gray-mid)}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%238899AA' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}.pos-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 6px;border-radius:4px;font-size:9px;font-weight:800;letter-spacing:.5px;flex-shrink:0}.pos-badge--QB{background:#ff444426;color:#f44}.pos-badge--RB{background:#00d4aa26;color:#00d4aa}.pos-badge--WR{background:#4a9ff526;color:#4a9ff5}.pos-badge--TE{background:#f5a62326;color:#f5a623}.pos-badge--K,.pos-badge--DEF{background:#8899aa1f;color:#89a}@keyframes pulseRing{0%{box-shadow:0 0 0 0 currentColor}70%{box-shadow:0 0 0 5px transparent}to{box-shadow:0 0 0 0 transparent}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.anim-slide-up{animation:slideUp .25s ease both}.spinner{width:18px;height:18px;border:2px solid rgba(0,212,170,.25);border-top-color:var(--green);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.error-text{font-size:12px;color:var(--red);margin-top:4px}
