:root { --lms-ink:#10231c; --lms-muted:#68766f; --lms-green:#087a4b; --lms-green-dark:#055c39; --lms-lime:#c8f06a; --lms-paper:#f4f7f4; --lms-line:#dfe8e2; }
html { background:var(--lms-paper); }
body { min-height:100vh; color:var(--lms-ink); background:radial-gradient(circle at 90% -10%,rgba(200,240,106,.22),transparent 28rem),var(--lms-paper); font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.app-navbar { background:rgba(255,255,255,.92); border-bottom:1px solid rgba(16,35,28,.08); box-shadow:0 8px 30px rgba(16,35,28,.05); backdrop-filter:blur(14px); }
.app-brand { gap:.7rem; color:var(--lms-ink)!important; line-height:1.05; }
.app-brand small { display:block; color:var(--lms-muted); font-size:.68rem; letter-spacing:.12em; text-transform:uppercase; }
.brand-mark { display:grid; place-items:center; width:2rem; height:2rem; border-radius:.65rem; background:var(--lms-green); color:white; font-weight:900; }
.app-navbar .navbar-item.is-active,.app-navbar .navbar-link.is-active { color:var(--lms-green); font-weight:700; background:transparent; }
.section { padding:2.25rem 1rem 5.5rem; }
.container { max-width:1080px!important; }
.title { color:var(--lms-ink); letter-spacing:-.035em; }
.subtitle { color:var(--lms-muted); }
.box { border:1px solid rgba(16,35,28,.07); border-radius:1rem; box-shadow:0 12px 34px rgba(21,53,41,.07); }
.button { min-height:44px; border-radius:.75rem; font-weight:700; }
.button.is-link,.button.is-primary { background:var(--lms-green); border-color:transparent; }
.button.is-link:hover,.button.is-primary:hover { background:var(--lms-green-dark); }
.button.is-link.is-light { background:#e8f5ee; color:var(--lms-green-dark); }
.input,.select select,.textarea { min-height:44px; border-radius:.7rem; border-color:var(--lms-line); box-shadow:none; }
.input:focus,.select select:focus,.textarea:focus { border-color:var(--lms-green); box-shadow:0 0 0 3px rgba(8,122,75,.12); }
.notification { border-radius:.9rem; }
.table-container { border-radius:.9rem; background:white; }
.table th { color:var(--lms-muted); font-size:.72rem; letter-spacing:.06em; text-transform:uppercase; }
.table td { vertical-align:middle; }
.tag { border-radius:999px; font-weight:700; }
.result-warning { display:block; padding:.9rem; border-radius:.75rem; background:#fff8dd; }
.competition-list { display:grid; gap:.75rem; }
.competition-row { display:flex; align-items:center; gap:.65rem; }
.competition-row .button { flex:1; justify-content:flex-start; white-space:normal; height:auto; text-align:left; }
.competition-row .entry-deadline-tag { flex:0 0 auto; }
.mobile-tabbar { display:none; }
.fixture-list { display:grid; gap:.7rem; }
.fixture-card { display:grid; grid-template-columns:6rem 1fr auto 1fr; align-items:center; gap:.9rem; padding:1rem; border:1px solid var(--lms-line); border-radius:.9rem; background:white; }
.fixture-card .team:first-of-type { text-align:right; }
.fixture-meta { color:var(--lms-muted); font-size:.8rem; }
.fixture-score { min-width:4.5rem; text-align:center; font-size:1.08rem; font-weight:900; }
@media(max-width:768px){
 body{padding-bottom:4.6rem}.section{padding:1.3rem .85rem 2rem}.title.is-1,.title{font-size:1.75rem}.box{padding:1rem;border-radius:.9rem}
 .app-navbar .navbar-menu{border-top:1px solid var(--lms-line);box-shadow:none}.app-navbar .navbar-start>.navbar-item:not(.has-dropdown){display:none}
 .mobile-tabbar{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);z-index:40;left:.65rem;right:.65rem;bottom:.55rem;padding:.4rem;background:rgba(16,35,28,.96);border-radius:1rem;box-shadow:0 14px 34px rgba(0,0,0,.25)}
 .mobile-tabbar a{display:grid;place-items:center;gap:.1rem;color:rgba(255,255,255,.68);min-height:48px;border-radius:.7rem}.mobile-tabbar a.is-active{color:var(--lms-ink);background:var(--lms-lime)}.mobile-tabbar span{font-size:1.05rem;line-height:1}.mobile-tabbar small{font-size:.65rem;font-weight:800}
 .columns.is-mobile{margin-left:-.35rem;margin-right:-.35rem}.columns.is-mobile>.column{padding:.35rem}.table{font-size:.84rem}
 .competition-row{align-items:stretch;flex-direction:column}.competition-row .entry-deadline-tag{align-self:flex-start;font-size:.75rem!important;height:auto!important;padding:.55rem .75rem}
 .fixture-card{grid-template-columns:4.5rem 1fr auto 1fr;gap:.4rem;padding:.8rem .65rem}.fixture-card .team{font-size:.84rem;line-height:1.15}.fixture-score{min-width:2.7rem}.op-header{align-items:flex-start!important}.op-actions{width:100%}.op-actions .button{flex:1 1 calc(50% - .5rem)}
}
