:root{font-family:Arial,Helvetica,sans-serif;color:#182b32;background:#f8f7f3;--green:#176257;--line:#d9dfd9;--muted:#687570}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a.button{cursor:pointer}button{border:1px solid var(--line);border-radius:8px;padding:10px 14px;background:transparent;color:inherit}button:hover{background:#e6ece6}button:disabled{opacity:.45;cursor:wait}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #83b4a5;outline-offset:3px}[hidden]{display:none!important}.notice{background:#e7ede5;color:#36564b;text-align:center;font-size:11px;padding:9px 15px;line-height:1.4}header{max-width:1280px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:25px 36px;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;gap:12px;align-items:center;font-size:29px;font-weight:800;letter-spacing:-1px}.brand span{max-width:130px;font-size:10px;line-height:1.4;letter-spacing:1px;text-transform:uppercase}nav{display:flex;align-items:center;gap:28px;font-size:13px}main{max-width:1280px;margin:auto;padding:0 36px 70px}.hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:70px;padding:70px 0 85px}.eyebrow{display:block;color:var(--green);font-size:10px;letter-spacing:2px;font-weight:700;margin-bottom:18px}h1{font-size:48px;line-height:1.1;letter-spacing:-2px;font-weight:500;margin:30px 0}h2{font-size:27px;line-height:1.2;font-weight:500;letter-spacing:-.7px;margin:0 0 18px}.hero h1{font-size:clamp(52px,6.5vw,86px);margin:25px 0;letter-spacing:-4px}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:var(--green)}p{font-size:14px;line-height:1.7;color:var(--muted);max-width:590px}.hero p{max-width:420px;margin-bottom:28px}.button{display:inline-flex;justify-content:center;align-items:center;gap:35px;background:var(--green);color:white!important;border:0;padding:15px 20px;font-size:13px;border-radius:7px}.button:hover{background:#104b42}.text-link{font-size:13px;display:inline-block;color:var(--green);border-bottom:1px solid #8da79d;padding-bottom:5px;margin:18px 0}.hero .text-link{margin-left:22px}.hero-card{position:relative;min-height:450px;background:#e3e9df;border-radius:3px;padding:35px;overflow:hidden}.hero-card h2{font-family:Georgia,serif;font-size:43px;margin-top:210px}.hero-card p{font-size:11px}.hero-card small{font-size:9px;color:#5e7569}.chart-art{position:absolute;top:100px;left:32px;right:32px;height:150px;display:flex;align-items:center;gap:clamp(12px,3vw,26px);border-top:1px solid #c8d4c9;border-bottom:1px solid #c8d4c9}.chart-art i{width:14px;height:65px;background:#51806b;position:relative;transform:translateY(17px)}.chart-art i:before{content:'';position:absolute;left:6px;top:-18px;bottom:-18px;width:1px;background:#51806b}.chart-art i:nth-child(2n){height:43px;background:#ba9877;transform:translateY(40px)}.chart-art i:nth-child(3n){height:80px;transform:translateY(-10px)}.chart-art i:nth-child(5n){transform:translateY(-40px)}.section-title{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:30px 0}.section-title p{font-size:12px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;min-height:170px}.panel,.card,.login-card{background:#fff;border:1px solid var(--line);padding:26px;border-radius:10px}.card{display:flex;flex-direction:column;align-items:start}.card .button{margin-top:auto}.price{font-size:32px;font-weight:500;margin:14px 0}.muted{font-size:12px;color:var(--muted)}.empty{border:1px dashed #bccbc0;padding:30px;width:100%;color:var(--muted);border-radius:8px;grid-column:1/-1}.existing{margin-top:70px;padding:45px;background:#eaece5;border-radius:4px}.existing p{max-width:600px}footer{border-top:1px solid var(--line);max-width:1208px;margin:auto;display:flex;justify-content:space-between;padding:28px 0;font-size:11px;color:var(--muted)}dialog{border:1px solid var(--line);border-radius:12px;max-width:calc(100vw - 24px);width:560px;max-height:90dvh;padding:25px;color:inherit;background:#f8f7f3}dialog::backdrop{background:#14291db3}dialog .section-title{margin:0 0 20px}form{display:grid;gap:16px}label{display:grid;gap:7px;font-size:12px;color:#3e5550}input,select,textarea{width:100%;border:1px solid #cbd5cc;background:white;border-radius:6px;padding:11px;color:#182b32;min-width:0}textarea{min-height:80px;resize:vertical}.check{display:flex;align-items:flex-start;gap:8px;line-height:1.5}.check input{width:17px;flex-shrink:0}.login-card{max-width:560px;margin:60px auto}.login-card h1{font-size:38px;margin:20px 0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:30px 0}.metric{padding:24px;border:1px solid var(--line);background:#eef1ea;border-radius:9px}.metric b{display:block;font-size:34px;font-weight:500;margin:10px 0}.metric span{font-size:11px;color:var(--muted)}.badge{background:#e3eadd;color:#3e6049;border-radius:20px;padding:8px 13px;font-size:11px}.tabs{display:flex;gap:22px;overflow:auto;border-bottom:1px solid var(--line);margin:30px 0}.tabs button{white-space:nowrap;border:0;border-radius:0;padding:15px 4px;font-size:13px}.tabs [aria-selected=true]{color:var(--green);border-bottom:3px solid var(--green)}.split{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(0,1.5fr);gap:22px}.list{display:grid;gap:8px;align-content:start}.customer-row{text-align:left;background:white;width:100%;padding:17px}.customer-row b{display:block;font-size:12px;overflow-wrap:anywhere}.customer-row span{font-size:11px;color:var(--muted)}.search{display:flex;gap:6px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.record{padding:16px 0;border-top:1px solid var(--line);font-size:12px;overflow-wrap:anywhere}.record b{display:block;margin-bottom:7px}.record small{color:var(--muted)}.record p{font-size:12px;margin:5px 0}.status{white-space:pre-wrap;color:#466b57}.error{color:#a03c35!important}.success{color:var(--green)}code{font-size:11px;overflow-wrap:anywhere}#customerDetail h2{overflow-wrap:anywhere}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;line-height:1.8}#importProducts{display:grid;gap:8px;max-height:240px;overflow:auto}
@media(max-width:800px){header{padding:20px}main{padding:0 20px 45px}.hero{gap:25px;padding:45px 0;grid-template-columns:1fr 1fr}.hero h1{font-size:53px;letter-spacing:-2px}.hero-card{padding:22px;min-height:400px}.hero-card h2{font-size:34px}.hero .text-link{margin-left:0;display:block;width:max-content}.split{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}footer{margin:0 20px;gap:15px}.section-title{align-items:start;flex-wrap:wrap}h1{font-size:37px}.search{width:100%}.search input{flex:1}}
@media(max-width:520px){header{gap:12px;padding:17px}.brand{font-size:26px}.brand span{font-size:8px;max-width:90px}nav{gap:14px;font-size:11px}main{padding:0 17px 35px}.hero{grid-template-columns:1fr;padding:36px 0;gap:25px}.hero h1{font-size:57px}.hero-card{min-height:300px}.hero-card h2{margin-top:145px;font-size:32px}.chart-art{top:75px;height:100px}.hero-card .eyebrow{font-size:9px}.section-title h2{font-size:25px}.existing{padding:26px;margin-top:40px}.panel,.card,.login-card{padding:20px}.metrics{gap:9px}.metric{padding:17px}.metric b{font-size:28px}h1{font-size:34px;letter-spacing:-1px}.form-grid{grid-template-columns:1fr}.tabs{gap:17px}.tabs button{font-size:12px}footer{flex-wrap:wrap}.login-card{margin:30px auto}}
.academy-hero{padding:70px 0 55px;max-width:900px}.academy-hero h1{font-size:clamp(44px,6vw,76px);letter-spacing:-3px}.academy-hero em{font-family:Georgia,serif;color:var(--green);font-weight:400}.academy-meta{display:flex;flex-wrap:wrap;gap:24px;padding:20px 0 30px;font-size:12px;color:var(--green)}.course-card{min-height:290px}.course-card progress{width:100%;height:6px;accent-color:var(--green);margin:8px 0 25px}.classroom{display:grid;grid-template-columns:250px minmax(0,1fr);gap:35px;margin-top:65px;scroll-margin-top:20px}.classroom aside h2{font-size:23px}.lesson-list{display:grid;gap:10px}.lesson-list a{font-size:13px;padding:12px;border-left:3px solid transparent;line-height:1.5}.lesson-list a[aria-current]{background:#e3eadd;border-color:var(--green)}.lesson-content{padding:35px}.lesson-content h2{font-size:30px}.lesson-content p{max-width:none;font-size:15px;line-height:1.85}.practice{background:#eef1ea;padding:22px;margin:25px 0}.practice .eyebrow{margin-bottom:8px}.practice p{margin:0}.lesson-content details{border-block:1px solid var(--line);padding:20px 0}.lesson-content summary{cursor:pointer;font-weight:600;font-size:14px}.lesson-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}@media(max-width:800px){.classroom{grid-template-columns:1fr}.lesson-list{gap:4px}.lesson-content{padding:24px}.academy-hero{padding-top:40px}}@media(max-width:520px){.academy-hero h1{letter-spacing:-2px}header{flex-wrap:wrap}header nav{flex-wrap:wrap}.lesson-content{padding:20px}.academy-meta{gap:14px}}