@font-face{font-family:Ubuntu;src:url('/assets/fonts/ubuntu.woff2') format('woff2');font-weight:400;font-display:swap}:root{font-family:Ubuntu,Arial,sans-serif;color:#163528;background:#f4faf6;--g:#16834a;--gd:#10683a;--b:#d8e8dd}*{box-sizing:border-box}body{margin:0;background:linear-gradient(140deg,#eaf8ee,#f8fcf9 55%)}.wrap{max-width:1120px;margin:35px auto;padding:0 18px}header{display:flex;gap:15px;align-items:center;margin-bottom:24px}.logo{display:block;width:60px;height:60px;flex:0 0 60px;object-fit:contain;border-radius:14px;box-shadow:0 8px 24px #16834a30}header{min-width:0;flex-wrap:wrap}header>div{min-width:0}header h1{overflow-wrap:anywhere}header .btn{white-space:nowrap}h1{font-size:clamp(24px,3vw,32px);margin:0 0 5px}h2{margin-top:0}.muted{color:#60766a}.panel{background:#fff;border:1px solid var(--b);border-radius:20px;padding:26px;box-shadow:0 14px 40px #1635280b}.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:22px}.plan{border:1px solid var(--b);border-radius:16px;padding:22px;background:linear-gradient(#fff,#fbfefc)}.price{font-size:34px;font-weight:800;color:var(--g);margin:14px 0}.btn,button{display:inline-block;background:linear-gradient(135deg,var(--g),#22a15e);color:white;border:0;border-radius:10px;padding:11px 17px;text-decoration:none;cursor:pointer;font:inherit;font-weight:700}.btn:hover,button:hover{background:var(--gd)}label{display:block;font-weight:650;margin:14px 0 6px}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #cbded1;border-radius:10px;font:inherit;background:white;color:#163528}input:focus,select:focus,textarea:focus{outline:3px solid #d3f0dd;border-color:var(--g)}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid #e7f0e9;padding:11px 8px;vertical-align:top}th{font-size:12px;color:#60766a;text-transform:uppercase}.nav{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.nav a{color:var(--gd);text-decoration:none;padding:9px 12px;background:#fff;border:1px solid var(--b);border-radius:10px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:16px 0}.stat{padding:18px;border-radius:14px;background:#fff;border:1px solid var(--b)}.stat strong{display:block;font-size:26px;color:var(--g)}.alert{padding:12px 14px;border-radius:10px;background:#fff4d8;margin:12px 0}.success{background:#e6f7ee}.small{font-size:13px}footer{text-align:center;color:#7a9283;padding:24px}.hero{padding:clamp(28px,6vw,64px);border-radius:24px;background:linear-gradient(130deg,#0b512e,#16834a 60%,#26a764);color:white;margin-bottom:22px}.hero h2{font-size:clamp(32px,5vw,52px);line-height:1.06;max-width:800px;margin:15px 0}.hero p{font-size:17px;line-height:1.7;max-width:720px;color:#e9fff0}.hero .btn{background:#fff;color:#10683a}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin:20px 0}.feature{background:#fff;border:1px solid var(--b);border-radius:15px;padding:20px}.feature strong{color:var(--gd);display:block;margin-bottom:8px}.pill{display:inline-block;background:#e3f7e9;color:#10683a;padding:5px 10px;border-radius:99px;font-size:12px;font-weight:800}@media(max-width:600px){.wrap{margin:16px auto;padding:0 12px}.panel{padding:16px;border-radius:16px}body>main>header{gap:10px;align-items:center}.logo{width:48px;height:48px;flex-basis:48px;border-radius:12px}header h1{font-size:clamp(20px,6vw,27px);line-height:1.15}header p{font-size:13px;overflow-wrap:anywhere}header>div[style*="margin-left:auto"]{width:100%;margin-left:0!important;display:flex;gap:8px;flex-wrap:wrap}header>div[style*="margin-left:auto"] .btn{flex:1 1 auto;text-align:center}.plans{grid-template-columns:1fr}.nav{gap:7px}.nav a{padding:8px 10px;font-size:13px}.hero{padding:26px 20px;border-radius:18px}.hero h2{font-size:clamp(28px,8vw,40px)}table{min-width:650px}}
/* Collapsible dashboard cards */
.panel{position:relative;min-width:0}
.panel>h2:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.panel-toggle{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #b7dfc5;border-radius:9px;background:#f0fbf4;color:#176b3a;padding:7px 11px;font:600 13px/1.2 inherit;cursor:pointer;white-space:nowrap}
.panel-toggle:hover{background:#dff5e7}
.panel-toggle .chevron{display:inline-block;transition:transform .18s ease}
.panel.is-collapsed>*:not(h2:first-child){display:none!important}
.panel.is-collapsed{padding-bottom:14px}
@media(max-width:600px){.panel-toggle{padding:7px 9px;font-size:12px}.panel>h2:first-child{font-size:1.05rem}}