:root{--bg:#f4f6fa;--panel:#fff;--soft:#eef3fb;--line:#dbe3ef;--ink:#101828;--muted:#667085;--blue:#315fda;--orange:#f79032;--red:#e34459}body{background:linear-gradient(180deg,#edf3ff 0,#f7f9fc 270px,#f4f6fa 100%);color:var(--ink)}main{padding-top:calc(16px + env(safe-area-inset-top))}.app-header{padding:8px 2px}.app-header p,.section-head small,.manage-card small{color:#315fda}.app-header h1{color:#0c1b33}.home-brand>img{box-shadow:0 9px 25px rgba(24,53,110,.18)}.round-action{background:#fff;color:#23344f;box-shadow:0 5px 18px rgba(20,43,82,.1)}.hero{margin-top:18px;padding:28px 24px;border:0;background:linear-gradient(135deg,#102958,#1f4a9a 65%,#315fda);box-shadow:0 22px 45px rgba(22,59,130,.24)}.hero>span{color:#ffc078}.hero h2{color:#fff}.hero p{color:#d6e2f8}.hero-actions a{color:#e9f0ff}.hero-actions .primary-cta{background:#fff;color:#173a7b;box-shadow:0 8px 22px rgba(0,0,0,.13)}.actions a{border-color:#dce4ef;background:#fff;text-align:left;box-shadow:0 8px 22px rgba(27,46,79,.07)}.actions i{margin:0 0 10px;background:#e8efff;color:#315fda}.actions b{color:#14233b}.filters{border-color:#d8e1ef;background:#e8edf5}.filters button{color:#64748b}.filters button.active{background:#fff;color:#1e4ec2;box-shadow:0 4px 14px rgba(33,58,100,.12)}.match{border-color:#dce4ef;background:#fff;box-shadow:0 10px 28px rgba(20,41,75,.08)}.match-top{border-color:#e6ebf3;color:#69798f}.match-top b{background:#ffedf0;color:#d62f4a}.team b,.team span{color:#14233b}.match-note{border-color:#e7ecf3;color:#5d6e85}.empty{color:#75849a}.manage-card{border-color:#dbe3ef;background:#fff;box-shadow:0 10px 28px rgba(20,41,75,.07)}.manage-card h2{color:#14233b}.manage-card p,footer{color:#718096}.manage a{border:1px solid #dfe7f2;background:#f5f8fd;color:#29466f}.launch-pro-badge{border-color:#f1b476!important;background:#fff5e9!important;color:#bd6418!important}.bottom-nav{border-color:#dce4ef;background:rgba(255,255,255,.94);box-shadow:0 -8px 28px rgba(24,43,75,.1)}.bottom-nav a{color:#7b8799}.bottom-nav .active{color:#244fb8}.bottom-nav .score-fab i{border-color:#fff}.notification-panel{border-color:#dae3ef;background:#fff;color:#17243a}.notification-panel button{border-color:#dce4ef;background:#eef3fa;color:#294262}.notification-item{background:#f6f8fc!important}.notification-item.unread{border-color:#8eacf3!important;background:#edf3ff!important}.notification-item small{color:#65758c}@media(max-width:520px){.hero{padding:24px 20px}.app-header h1{font-size:31px}.actions{gap:10px}.manage{grid-template-columns:repeat(2,1fr)}}