/* NextAxis Digital brand: white background, navy text, green accent, Manrope + Inter */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Manrope:wght@600;700;800&display=swap');
:root{color-scheme:light;--bg:#ffffff;--card:#ffffff;--ink:#232c46;--navy:#0a1630;--mute:#6b7793;--line:#dfe4ee;--soft:#f7f9fc;--brand:#4c9226;--green:#5cb62f;--green-soft:#eafce0;--navy2:#1e4180;--good:#3f7a1f;--bad:#d93025;--r:14px;--r-lg:22px;
  --sh1:0 2px 8px rgba(10,22,48,.06);--sh2:0 8px 30px rgba(10,22,48,.10);--ease:cubic-bezier(.22,1,.36,1)}
html{scroll-behavior:smooth}
body{background:#fff!important;color:var(--ink);font-family:Inter,'Segoe UI',system-ui,sans-serif}
h1,h2,h3,.v,button,summary,th,.tabs button{font-family:Manrope,'Segoe UI',system-ui,sans-serif}
h1,h2{color:var(--navy);font-weight:800;letter-spacing:-.01em}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh1);transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .3s}
.card:hover{box-shadow:var(--sh2);border-color:#cfe6c1}
input,select,textarea{background:#fff!important;color:var(--navy)!important;border:1px solid var(--line);border-radius:12px;transition:border-color .2s,box-shadow .2s}
input:focus,select:focus,textarea:focus{outline:none!important;border-color:var(--green)!important;box-shadow:0 0 0 4px rgba(92,182,47,.18)}
input::placeholder{color:#9aa4bd}
button{background:linear-gradient(135deg,#4c9226,#5cb62f)!important;color:#fff!important;border:0;border-radius:999px;font-weight:700;letter-spacing:.01em;transition:transform .25s var(--ease),box-shadow .25s;box-shadow:0 6px 16px rgba(76,146,38,.28)}
button:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(76,146,38,.36)}button:active{transform:translateY(0)}
button.ghost,button.chip{background:#fff!important;color:var(--navy)!important;border:1px solid var(--line);box-shadow:none}
button.ghost:hover,button.chip:hover{border-color:var(--green);color:var(--brand)!important;box-shadow:var(--sh1)}
button.red{background:var(--bad)!important;box-shadow:none}
.tabs{background:var(--soft);border-radius:999px;border:1px solid var(--line);padding:4px}.tabs button{background:transparent!important;color:var(--mute)!important;box-shadow:none;border-radius:999px}.tabs button.on{background:linear-gradient(135deg,#4c9226,#5cb62f)!important;color:#fff!important;box-shadow:0 4px 12px rgba(76,146,38,.3)}
.bar{background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.kpi{border-top:3px solid var(--green)}.kpi:hover{transform:translateY(-4px)}.kpi .v{color:var(--navy);font-weight:800}
.pill{background:var(--soft)}th{color:var(--mute)}
tr:hover td{background:var(--soft)}
.up{color:var(--good)}.down{color:var(--bad)}
/* logo + brand bar */
.brandbar{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:10px}.brandbar img{height:40px}.brandbar .logo-fallback{font:800 20px Manrope;color:var(--navy)}
.tag{display:inline-flex;align-items:center;gap:6px;background:var(--green-soft);color:var(--brand);border:1px solid #cdeebb;border-radius:999px;padding:6px 14px;font:700 12.5px Manrope}
.gtext{color:var(--green)}
/* animations */
@keyframes fadeUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes floaty{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-16px) rotate(6deg)}}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(92,182,47,.5)}100%{box-shadow:0 0 0 14px rgba(92,182,47,0)}}
@keyframes grow{from{width:0}}
@keyframes shine{to{background-position:200% 0}}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.reveal.in{opacity:1;transform:none}
.kpis .kpi{animation:fadeUp .6s var(--ease) both}.kpis .kpi:nth-child(2){animation-delay:.05s}.kpis .kpi:nth-child(3){animation-delay:.1s}.kpis .kpi:nth-child(4){animation-delay:.15s}.kpis .kpi:nth-child(5){animation-delay:.2s}.kpis .kpi:nth-child(6){animation-delay:.25s}.kpis .kpi:nth-child(n+7){animation-delay:.3s}
.res{transition:transform .25s var(--ease),box-shadow .25s}.res:hover{transform:translateX(6px)}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

input,select,textarea,button{font-family:inherit;font-size:inherit}input[type=date],input[type=month]{padding:8px 10px}