@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#263d35;font-synthesis:none;background:#f8faf7;font-family:DM Sans,Arial,sans-serif;font-size:16px;line-height:1.5}*{box-sizing:border-box}body{margin:0}a{color:#286b53;text-underline-offset:4px}header{border-bottom:1px solid #dde5dc;align-items:center;gap:32px;max-width:1200px;min-height:92px;margin:auto;padding:20px 40px;display:flex}.brand{color:#183c2e;font-family:Manrope,Arial,sans-serif;font-size:23px;font-weight:800;text-decoration:none}.brand span{margin-left:6px;font-weight:400}nav{flex-wrap:wrap;gap:28px;margin-left:auto;display:flex}nav a{color:#53625a;font-size:14px;text-decoration:none}nav a.router-link-active{color:#1c5b40;font-weight:700}main{max-width:1120px;min-height:calc(100vh - 175px);margin:0 auto;padding:50px 40px 70px}h1,h2{letter-spacing:-.045em;font-family:Manrope,Arial,sans-serif;line-height:1.15}h1{margin:14px 0 20px;font-size:44px;font-weight:600}h2{margin:0 0 22px;font-size:23px;font-weight:600}p{color:#607068}.eyebrow{letter-spacing:.15em;color:#417154;font-size:11px;font-weight:700}.hero{padding:35px 0 45px}.hero h1{font-size:58px}.hero p{max-width:550px}.button,button{color:#fff;cursor:pointer;background:#245a43;border:0;border-radius:7px;padding:12px 21px;font:600 14px DM Sans,Arial,sans-serif;text-decoration:none;display:inline-block}button:hover,.button:hover{background:#18462f}button:disabled{opacity:.5;cursor:wait}.button{margin-top:16px}.panel{background:#fff;border:1px solid #dce5dc;border-radius:12px;padding:30px}.auth-layout{grid-template-columns:1fr 1fr;align-items:start;gap:65px;margin-top:24px;display:grid}.auth-layout>div{padding-top:22px}label{margin:15px 0 6px;font-size:13px;font-weight:600;display:block}input,select{width:100%;font:inherit;color:#263d35;background:#fff;border:1px solid #cbd8ce;border-radius:6px;min-width:0;padding:11px 12px}input:focus,select:focus{outline-offset:2px;outline:2px solid #56966f}.panel>button{width:100%;margin-top:22px}.hint{margin-top:9px;font-size:12px}.success,.notice,.error{border-radius:6px;padding:12px 16px;font-size:14px}.success{color:#205b39;background:#e9f4e9}.notice{color:#6e5424;background:#faf0d9}.error{color:#972f25;background:#fff0ed}.badge{color:#2e6349;text-transform:capitalize;white-space:nowrap;background:#e6ede4;border-radius:30px;padding:5px 13px;font-size:12px}.text-link{margin:14px 0;font-size:14px;display:block}.features{border-top:1px solid #dce5dc;grid-template-columns:repeat(3,1fr);gap:40px;padding-top:30px;display:grid}.features h2{margin:10px 0;font-size:20px}.features p{font-size:14px}.number{color:#67866f;font-size:12px}.account-summary{align-items:center;gap:20px;margin:0 0 20px;display:flex}.catalogue{margin-top:35px}.section-heading{justify-content:space-between;align-items:center;display:flex}.section-heading h2{margin:0}.section-heading span{color:#617263;font-size:13px}.filters{align-items:center;gap:12px;margin:20px 0;display:flex}.filters label{margin:0}.filters select{max-width:340px}.secondary{color:#335540;background:#eaf0e8}.secondary:hover{background:#d7e5d6}.text-button{color:#7d4f40;background:0 0;padding:8px}.text-button:hover{background:#f6ece8}.danger{background:#974737}.add-form{grid-template-columns:1fr 2fr auto;align-items:end;gap:20px;padding:22px;display:grid}.add-form label{margin-top:0}.add-form>button{width:auto;height:47px;margin:0}.table-wrap{background:#fff;border:1px solid #dce5dc;border-radius:8px;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}th{color:#59715e;background:#eef3eb;font-size:12px;font-weight:600}th,td{border-bottom:1px solid #e8eee5;padding:15px 18px}tr:last-child td{border-bottom:0}.actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.actions button{padding:7px 11px;font-size:12px}.empty{padding:12px 20px}footer{color:#63816c;border-top:1px solid #dde5dc;justify-content:space-between;max-width:1120px;margin:auto;padding:24px 40px;font-size:12px;display:flex}@media (width<=760px){header{flex-wrap:wrap;gap:15px;padding:20px}nav{gap:18px;margin-left:0}main{padding:30px 20px}.auth-layout{grid-template-columns:1fr;gap:20px;margin-top:0}.auth-layout>div{padding:0}h1{font-size:34px}.hero h1{font-size:42px}.features{grid-template-columns:1fr;gap:12px}.add-form{grid-template-columns:1fr}.filters{flex-wrap:wrap}footer{padding:20px}.panel{padding:22px}}.function-panel{justify-items:start;gap:12px;display:grid}.result{color:#183c2e;font-size:22px;font-weight:700}.endpoint{word-break:break-all;font-family:ui-monospace,Menlo,monospace;font-size:13px}.weather-search{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.weather-search input{flex:260px}main.weather-card{max-width:480px;min-height:0;margin:0;padding:28px}.weather-now{align-items:center;gap:12px;display:flex}.weather-now img{background:#dfe9e3;border-radius:16px;width:100px;height:100px}.temperature{color:#183c2e;margin:0;font-size:40px;font-weight:700}.description{text-transform:capitalize}.capitalise-check{margin:24px 0}.capitalise-check th{text-align:left}