@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#172c2a;--green:#165d4d;--muted:#7b8883;--line:#e5eae5;--bg:#f5f7f3}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'DM Sans',sans-serif}button,input,select,textarea{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}aside{width:242px;position:fixed;inset:0 auto 0 0;background:#112e29;color:#d7e2dc;padding:34px 21px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none;font:800 24px Manrope,sans-serif;letter-spacing:1px}.brand small{display:block;font:10px 'DM Sans';letter-spacing:2px;margin-top:3px;color:#aabeb3}.mark{display:grid;place-items:center;width:43px;height:46px;background:#c4d6a6;color:#16372e;border-radius:13px 13px 13px 3px;font-size:29px}.workspace{font-size:9px;letter-spacing:.8px;line-height:1.9;border-top:1px solid #345048;border-bottom:1px solid #345048;margin:29px 0;padding:18px 5px}.workspace b{font-size:13px;letter-spacing:0;color:white}aside label{font-size:9px;letter-spacing:1.8px;color:#88a298;padding:0 13px;margin-bottom:15px}nav a{display:flex;align-items:center;gap:12px;color:#b9cbc2;text-decoration:none;padding:13px 14px;margin:4px 0;border-radius:7px}nav a.active{background:#c7d9ad;color:#16372e;font-weight:700}nav a:hover{background:#29483e;color:white}nav a span{width:20px;font-size:18px}.aside-bottom{margin-top:auto;border-top:1px solid #345048;padding-top:22px;font-size:12px}.aside-bottom small{display:block;line-height:1.7;font-size:10px;color:#91a99e;margin-top:9px}.live{display:inline-block;width:6px;height:6px;background:#c7d9ad;border-radius:50%;margin-right:5px}main{margin-left:242px}header{height:82px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 38px;font-size:12px}header>div{display:flex;align-items:center;gap:22px}.avatar{background:#e9eee7;border:1px solid #dde5d8;border-radius:50%;padding:10px;font-weight:bold}.demo{color:#7b8050;border:1px solid #e0dfc8;background:#f8f7e9;padding:5px 9px;font-size:9px;letter-spacing:1px;border-radius:4px}.muted{color:var(--muted)}#content{padding:32px 38px;min-height:calc(100vh - 140px)}.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.eyebrow{font-size:10px;letter-spacing:1.8px;color:#7c8a73;font-weight:700;margin-bottom:8px}h1{font:800 29px Manrope,sans-serif;letter-spacing:-1px;margin:0 0 8px}p{color:#7b8883;line-height:1.6;margin:0}button.primary,.primary{background:var(--green);color:white;border:0;padding:11px 17px;border-radius:6px;font-weight:600}.secondary{background:white;border:1px solid #dce4dc;border-radius:6px;padding:10px 14px;color:#455c51}.hero{background:#e7eddf;border:1px solid #dce4d2;border-radius:12px;padding:26px 30px;display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;position:relative;overflow:hidden}.hero h2{font:700 23px Manrope;margin:0 0 9px;letter-spacing:-.6px}.hero p{font-size:12px;max-width:470px;color:#687663}.hero-art{font:800 65px Manrope;color:#b4c7a6;border:1px solid #bdcdb1;border-radius:50%;height:115px;width:115px;display:grid;place-items:center;margin:0 25px;transform:rotate(-10deg)}.hero .text-link{display:inline-block;margin-top:20px}.text-link{color:var(--green);font-weight:600;font-size:12px;background:none;border:0;padding:0;cursor:pointer;text-decoration:none}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat{background:#fff;border:1px solid var(--line);border-radius:9px;padding:20px}.stat .top{display:flex;align-items:center;justify-content:space-between;color:#6e7b73;font-size:12px}.stat .symbol{background:#edf2e9;color:#6d865c;padding:7px 10px;border-radius:7px}.stat strong{display:block;font:800 32px Manrope;margin:9px 0}.stat small{font-size:10px;color:#85917d}.grid{display:grid;grid-template-columns:1.7fr 1fr;gap:22px;margin-bottom:23px}.panel{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:22px 23px;border-bottom:1px solid #edf0eb}.panel-head h3{font:700 14px Manrope;margin:0}.panel-head small{color:#8c968b;font-size:10px}.chart{padding:23px}.chart-row{display:grid;grid-template-columns:110px 1fr 55px;gap:13px;align-items:center;margin:18px 0;font-size:11px}.track{height:9px;border-radius:9px;background:#edf1e9}.bar{height:100%;background:#6e9470;border-radius:9px}.chart-row b{text-align:right;font-size:11px}.legend{display:flex;gap:20px;font-size:10px;color:#8b9489;margin-top:26px}.dot{width:7px;height:7px;border-radius:50%;background:#6e9470;display:inline-block;margin-right:6px}.attention{padding:8px 23px 20px}.attention-item{padding:17px 0;border-bottom:1px solid #edf0eb;display:flex;gap:12px}.attention-item:last-child{border:0}.attention-item .num{background:#fbf0df;color:#aa7f3f;border-radius:7px;height:35px;min-width:35px;display:grid;place-items:center;font-weight:bold}.attention-item b{font-size:12px}.attention-item p{font-size:11px;margin-top:5px}.toolbar{display:flex;gap:10px;padding:17px 22px;background:white;flex-wrap:wrap}.toolbar input{min-width:230px;flex:1}.toolbar input,.toolbar select{border:1px solid #e0e6de;border-radius:5px;background:#fcfdfa;padding:10px 12px;color:#5d6e62}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap}th{text-align:left;font-size:9px;letter-spacing:.8px;color:#8a958a;background:#fafbf8;padding:13px 22px;font-weight:600}td{padding:17px 22px;border-top:1px solid #eff1eb;font-size:12px}td small{display:block;color:#939c90;font-size:10px;margin-top:5px}td b{font-weight:600}.pill{font-size:10px;padding:5px 8px;border-radius:4px;background:#edf3e9;color:#527448;display:inline-block}.pill.amber{background:#faf0df;color:#a58040}.pill.red{background:#f9e9e3;color:#ac6553}.table-bottom{padding:16px 22px;color:#8a968a;font-size:10px;border-top:1px solid var(--line)}.empty{padding:45px;text-align:center;color:#7b8883}footer{margin:0 38px;border-top:1px solid var(--line);padding:20px 0;font-size:10px;color:#8b9789;display:flex;justify-content:space-between}dialog{border:1px solid var(--line);border-radius:12px;padding:25px;width:520px;max-width:95vw;color:var(--ink)}dialog::backdrop{background:#0f292966;backdrop-filter:blur(3px)}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-head h2{font:700 20px Manrope;margin:0}.icon{background:none;border:0;font-size:25px;color:#7a8b80}.field{display:block;margin:15px 0;font-size:12px;font-weight:600}.field input,.field select,.field textarea{display:block;width:100%;padding:11px;border:1px solid #dce4d9;border-radius:5px;margin-top:7px;color:var(--ink);background:#fff}.modal-foot{display:flex;gap:9px;justify-content:end;margin-top:23px}#toast{position:fixed;bottom:25px;right:30px;background:#173f33;color:#fff;padding:15px 22px;border-radius:8px;display:none;box-shadow:0 5px 30px #0002}.detail{line-height:1.8}.detail dt{font-size:10px;color:#80917f;margin-top:14px}.detail dd{margin:0;font-size:14px}.notice{background:#f0f3e8;border:1px solid #dfe7d4;border-radius:8px;padding:15px 20px;margin-bottom:20px;font-size:12px;color:#6b785e}.reference{padding:22px;border-bottom:1px solid var(--line)}.reference a{color:var(--green);font-weight:600;text-decoration:none}.reference p{margin-top:7px;font-size:12px}:focus-visible{outline:3px solid #a8ba78;outline-offset:3px}@media(min-width:1500px){#content{max-width:1450px;margin:auto}}@media(max-width:1050px){aside{width:195px;padding:25px 15px}main{margin-left:195px}#content{padding:25px}.stats{gap:10px}.stat{padding:15px}.grid{grid-template-columns:1fr}.hero-art{display:none}header{padding:0 25px}}@media(max-width:700px){aside{position:static;width:100%;padding:16px}.workspace,aside label,.aside-bottom{display:none}.brand{font-size:20px}nav{display:flex;overflow:auto;margin-top:15px}nav a{font-size:11px;white-space:nowrap;padding:9px}nav a span{display:none}main{margin-left:0}header{height:62px;padding:0 18px}.muted{display:none}#content{padding:24px 16px}.stats{grid-template-columns:repeat(2,1fr)}.page-head{gap:12px}h1{font-size:24px}.page-head p{font-size:11px}.hero{padding:22px}.hero h2{font-size:20px}footer{margin:0 16px}footer span{display:none}.toolbar input{min-width:150px}}