:root{--green:#075b49;--ink:#173f36;--muted:#75837c;--gold:#c8e281}*{box-sizing:border-box}body{margin:0;background:#f6f7f2;color:var(--ink);font-family:Arial,sans-serif}aside{width:245px;position:fixed;height:100vh;background:#fff;border-right:1px solid #e4e9e1;padding:34px 23px}.brand{display:flex;gap:10px;align-items:center;color:var(--green);font-size:25px;font-weight:bold;text-decoration:none}.brand small{display:block;font-size:8px;letter-spacing:2px;margin-top:7px}.workspace{font-size:9px;letter-spacing:1.6px;color:#83938a;margin:46px 0 20px}nav button{display:block;width:100%;border:0;background:none;text-align:left;padding:12px 15px;margin:3px 0;color:#68796e;border-radius:8px;font-size:13px}nav button.active{color:#075b49;background:#eaf2e8;font-weight:bold}.aside-bottom{position:absolute;bottom:30px;font-size:12px;line-height:1.8}.aside-bottom small{font-size:10px;color:#879087}.shell{margin-left:245px}header{height:83px;background:#fff;border-bottom:1px solid #e7ece3;display:flex;align-items:center;justify-content:space-between;padding:0 40px;font-size:13px}button{cursor:pointer;font:inherit;border:1px solid #dce4d9;border-radius:8px;padding:10px 15px;background:white;color:var(--ink)}button:hover{filter:brightness(.96)}main{max-width:1350px;margin:auto;padding:38px 40px}h1{font-size:34px;letter-spacing:-1.1px;font-weight:500;margin:10px 0}h2{font-size:22px;font-weight:500}h3{font-size:16px}p{line-height:1.7;color:#6b7d70;font-size:14px}.eyebrow{font-size:10px;letter-spacing:2px;color:#668474}.hero{background:#075b49;border-radius:18px;padding:34px;color:#fff;display:grid;grid-template-columns:1.3fr 1fr;gap:30px;margin:26px 0}.hero h2{font-size:30px;line-height:1.25;margin:15px 0}.hero p{color:#c4d6c8;max-width:420px}.hero img{width:100%;height:210px;object-fit:contain;border-radius:12px}.tag{display:inline-block;border-radius:20px;background:#ffffff18;padding:7px 11px;font-size:10px;letter-spacing:1px}.primary{background:var(--green);color:#fff;border:0}.hero .primary{background:#d5ec94;color:#173f36}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border:1px solid #e0e6da;border-radius:13px;padding:24px}.card .icon{font-size:23px;color:#729467}.card h3{margin:16px 0 8px}.card button{font-size:12px;margin-top:12px}.status{color:#82937c;font-size:11px;display:inline-block;background:#eff4e9;border-radius:20px;padding:6px 9px}.row{display:flex;justify-content:space-between;align-items:center;gap:18px}.section-title{margin-top:32px}.score{font-size:54px;color:#95a18e;line-height:1.5}.list{margin-top:18px}.list .card{margin:10px 0}label{display:block;font-size:12px;margin:15px 0}input,select,textarea{display:block;width:100%;padding:12px;border-radius:7px;border:1px solid #d6dfd2;margin-top:7px;font:inherit}input[type=checkbox]{width:auto;display:inline}textarea{min-height:100px}dialog{border:0;border-radius:16px;max-width:490px;width:94%;padding:30px;color:var(--ink)}dialog::backdrop{background:#102c2488}.close{float:right;border:0}footer{padding:25px 40px;display:flex;gap:20px;flex-wrap:wrap;font-size:10px;color:#899688}a{color:var(--green)}footer span{margin-left:auto}.notice{padding:16px;background:#eaf0e1;border-radius:10px;font-size:12px;line-height:1.7}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}td,th{padding:13px;text-align:left;border-bottom:1px solid #e3e9df}output{font-size:28px;display:block;margin:15px 0}.mini{font-size:11px}@media(max-width:900px){aside{width:190px;padding:24px 12px}.shell{margin-left:190px}main{padding:25px}.grid{grid-template-columns:1fr 1fr}.hero{grid-template-columns:1fr}.hero img{height:140px}.brand{font-size:20px}header{padding:15px 25px}}@media(max-width:600px){aside{position:static;width:100%;height:auto;padding:18px}.workspace,.aside-bottom{display:none}nav{display:flex;overflow:auto;margin-top:15px}nav button{white-space:nowrap;width:auto}.shell{margin:0}header{height:auto;gap:10px}.grid{grid-template-columns:1fr}main{padding:22px}.hero{padding:25px}h1{font-size:28px}footer{padding:22px}}

#language-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 40px;background:#edf3e8}#language-tools label{margin:0}#language-tools input{width:200px;margin:0}#language-tools small{font-size:11px;color:#526a58}@media(max-width:600px){#language-tools{padding:12px 22px}#language-tools small{width:100%}}
