@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');:root{--navy:#10243e;--green:#0db78a;--muted:#7b8a9e;--line:#e6edf4;--bg:#f5f8fc}*{box-sizing:border-box}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--navy);background:white}a{text-decoration:none;color:inherit}button,input,select{font:inherit}button{cursor:pointer}.logo{font:800 23px Manrope,Arial,sans-serif;letter-spacing:-1.1px;white-space:nowrap}.logo span{color:var(--green)}.sitebar{max-width:1220px;margin:auto;padding:26px 28px;display:flex;align-items:center;justify-content:space-between}.sitebar nav{display:flex;gap:35px;align-items:center;font-size:14px;font-weight:700}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;background:#0bad83;border:0;color:white;padding:13px 20px;border-radius:11px;font-weight:800;font-size:14px;box-shadow:0 10px 22px #09b18425}.button:hover{background:#079c77}.hero{background:radial-gradient(ellipse at 90% 15%,#e1f8f0,transparent 43%),#f8fbfe;min-height:640px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding:80px max(30px,calc((100vw - 1180px)/2))}.eyebrow{color:#00a77d;font-size:11px;letter-spacing:2px;font-weight:800}.hero h1{font:800 clamp(39px,4.5vw,64px)/1.13 Manrope,sans-serif;letter-spacing:-3px;margin:24px 0}.hero h1 em,.features h2 em{font-style:normal;color:#09ad84}.hero p{font-size:17px;line-height:1.9;color:#708097;max-width:500px}.actions{display:flex;gap:12px;margin:30px 0;flex-wrap:wrap}.big{padding:18px 24px}.outline{border:1px solid #dce6ee;background:white;border-radius:11px;font-size:14px;font-weight:800}.smalltrust{color:#78899c;font-size:12px;font-weight:700}.heroart{background:white;border:1px solid #e6edf3;box-shadow:0 28px 70px #122c4723;border-radius:20px;overflow:hidden;transform:rotate(-2deg)}.arthead{padding:20px 24px;border-bottom:1px solid var(--line);font-weight:800;font-size:14px}.arthead span{float:right;color:#d6dce5;letter-spacing:4px}.artbody{display:flex;min-height:340px}.artbody aside{background:#f7fafc;padding:25px 18px;color:#8190a4;font-size:12px;line-height:1.8;min-width:34%}.artbody>div{padding:27px 18px;flex:1}.artbody small{font-size:10px;color:#8190a4}.artbody h3{font-size:20px}.mini{display:flex;gap:10px}.mini div{background:#f4f8fb;padding:12px;border-radius:9px;flex:1;display:flex;flex-direction:column;gap:7px}.mini strong{font-size:24px}.mini b{font-size:10px;color:var(--green)}.bars{height:115px;display:flex;gap:10px;align-items:end;margin-top:23px}.bars i{display:block;flex:1;background:linear-gradient(#0cba8b,#baf0df);border-radius:5px 5px 0 0}.artbody p{font-size:11px}.features{max-width:1200px;margin:auto;text-align:center;padding:100px 28px}.features h2,.cta h2{font:800 clamp(30px,4vw,44px)/1.2 Manrope,sans-serif;letter-spacing:-2px}.sub{color:var(--muted)}.featuregrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:45px;text-align:left}.featuregrid article{padding:32px;border:1px solid var(--line);border-radius:18px}.featuregrid article>div{background:#e5faf2;color:#0aa57d;width:50px;height:50px;display:grid;place-items:center;border-radius:12px;font-size:25px}.featuregrid h3{margin:24px 0 8px}.featuregrid p{font-size:14px;line-height:1.8;color:var(--muted)}.cta{max-width:1140px;margin:0 auto 60px;background:linear-gradient(125deg,#0a1b35,#124c65);color:white;text-align:center;padding:75px 20px;border-radius:24px}.cta .eyebrow{color:#6ce8c5}.cta p{color:#b4c6d7}.cta .button{margin-top:20px}footer{max-width:1200px;margin:auto;display:flex;justify-content:space-between;padding:30px;color:#8492a3;font-size:13px}.appbody{background:var(--bg)}.authwrap{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at top right,#d9f7eb,transparent 45%),#f6f9fc}.authpanel{width:min(100%,440px);background:white;border:1px solid var(--line);border-radius:22px;padding:38px;box-shadow:0 24px 70px #0b2b4710}.authpanel h1{font:800 30px Manrope;margin:38px 0 10px;letter-spacing:-1px}.authpanel p{color:var(--muted);font-size:14px;line-height:1.6}.authpanel form{display:grid;gap:17px;margin-top:27px}.authpanel label,.entryform label{font-size:12px;font-weight:800;color:#50617a;display:grid;gap:8px}.authpanel input,.entryform input,.entryform select{width:100%;padding:13px;border:1px solid #dfe7f0;border-radius:10px;background:white;outline:none;min-width:0}.authpanel input:focus,.entryform input:focus,.entryform select:focus{border-color:#0bb488;box-shadow:0 0 0 3px #0bb48818}.wide{width:100%;padding:16px}.authfoot{text-align:center;margin-top:24px}.authfoot a{color:var(--green)}.layout{display:flex;min-height:100vh}.sidebar{width:250px;background:#fff;border-right:1px solid var(--line);padding:29px 17px;display:flex;flex-direction:column;flex-shrink:0}.sidebar .logo{margin:0 12px 50px}.sidecap{color:#a5b1c0;letter-spacing:2px;font-size:10px;font-weight:800;margin:0 14px 17px}.sideitem{padding:14px 15px;border-radius:11px;color:#6b7c92;font-size:13px;font-weight:700;display:flex;gap:13px;align-items:center;margin:2px 0}.sideitem span{font-size:19px}.sideitem:hover,.sideitem.selected{background:#e6f8f1;color:#079b75}.sidebottom{margin-top:auto;border-top:1px solid var(--line);padding:20px 14px;display:grid;gap:20px;font-size:13px;color:#73849a}.sidebottom button{background:none;border:0;color:#e45e67;padding:0;font-weight:700}.mainwrap{flex:1;min-width:0}.appheader{background:white;border-bottom:1px solid var(--line);padding:27px 38px;display:flex;justify-content:space-between;align-items:center}.breadcrumb{color:#98a5b5;font-size:12px}.appheader h1{font:800 25px Manrope;margin:6px 0 0}.avatar{width:43px;height:43px;border-radius:50%;background:#e4f8f1;color:#089d76;display:grid;place-items:center;font-weight:800}.appmain{padding:35px 38px;max-width:1450px;margin:auto}.welcome{background:linear-gradient(115deg,#0b2945,#0b705e);color:white;border-radius:18px;padding:33px;display:flex;align-items:center;justify-content:space-between;gap:20px}.welcome .eyebrow{color:#80edce}.welcome h2{font:800 27px Manrope;margin:12px 0}.welcome p{color:#b9e3db;font-size:13px}.welcome .button{background:white;color:#075e4d}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0}.stats article,.panel{background:white;border:1px solid var(--line);border-radius:15px;padding:23px}.stats article{display:flex;flex-direction:column;gap:10px}.stats span{color:#8190a4;font-size:12px;font-weight:700}.stats strong{font:800 26px Manrope}.stats small{color:#0aa77c;font-size:11px}.panel{margin-bottom:20px}.panel h3{margin:0 0 20px;font-size:17px}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.quick a{border:1px solid var(--line);padding:18px;border-radius:12px;font-size:13px;font-weight:800;color:#078d70}.entryform{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:end}.entryform .button{height:45px}.paneltitle{display:flex;justify-content:space-between;align-items:center}.paneltitle span{font-size:12px;color:var(--muted)}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}th{font-size:11px;letter-spacing:.4px;text-transform:uppercase;color:#8b99aa;background:#f8fafc}th,td{padding:16px;border-bottom:1px solid #edf1f5;white-space:nowrap}td{color:#51627b}.delete{border:0;background:#fff0f0;color:#d94e5d;padding:7px 11px;border-radius:7px;font-size:11px;font-weight:700}.empty{padding:24px;text-align:center;color:#8c9aac;font-size:13px}.alert{padding:15px 19px;border-radius:10px;margin-bottom:20px;font-size:13px}.good{background:#dff8ee;color:#087e61}.bad{background:#ffe9e9;color:#b93546}@media(max-width:1050px){.hero{gap:30px;padding:70px 28px}.stats{grid-template-columns:repeat(2,1fr)}.quick{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sitebar nav>a:not(.button){display:none}.hero{grid-template-columns:1fr}.heroart{max-width:570px}.featuregrid{grid-template-columns:repeat(2,1fr)}.sidebar{width:76px;padding:20px 9px}.sidebar .logo{font-size:0;margin:0 7px 30px}.sidebar .logo:first-letter{font-size:25px}.sidecap{display:none}.sideitem{font-size:0;justify-content:center;padding:12px}.sideitem span{font-size:23px}.sidebottom{font-size:0;padding:10px 0}.sidebottom button{font-size:11px}.appheader,.appmain{padding:22px}.entryform{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.hero h1{letter-spacing:-2px}.featuregrid{grid-template-columns:1fr}.features{padding:65px 20px}.cta{margin:0 14px 30px}.sidebar{width:56px;padding:20px 4px}.sidebar .logo{margin:0 4px 24px}.appheader,.appmain{padding:16px}.appheader h1{font-size:20px}.stats{gap:9px}.stats article{padding:15px}.stats strong{font-size:20px}.welcome{display:block;padding:23px}.welcome .button{margin-top:12px}.quick{grid-template-columns:1fr}.entryform{grid-template-columns:1fr}.authpanel{padding:27px}footer{flex-direction:column;gap:10px}}
