*{box-sizing:border-box}body{margin:0;background:#f3f6f2;color:#21352a;font:15px system-ui}main{max-width:1500px;margin:auto;padding:30px 38px}header,.period{display:flex;justify-content:space-between;align-items:center;gap:20px}header{border-bottom:1px solid #dde7df;padding-bottom:22px}small{color:#62846d;font-size:10px;letter-spacing:1px;font-weight:700}h1{margin:5px 0;font-size:26px}h2{margin:8px 0;font-size:28px;letter-spacing:-.8px}h3{margin:0;font-size:15px}p{color:#738479;margin:7px 0;line-height:1.5}button{background:#285e40;border:0;color:white;border-radius:7px;padding:11px 18px;cursor:pointer}button:disabled{opacity:.6;cursor:wait}input,textarea{border:1px solid #d8e2da;border-radius:7px;padding:10px;font:inherit;color:#21352a;background:white}label{display:block;color:#53675b;font-size:13px}.secondary{background:white;color:#285e40;border:1px solid #d6e4d8}#login{margin:70px auto;max-width:390px;background:white;border:1px solid #dfe9e0;border-radius:12px;padding:30px}#login label{margin:15px 0}#login input{display:block;width:100%;margin-top:6px}.period{margin:35px 0 20px}.notice{background:#eef5eb;color:#526b56;padding:12px;border-radius:7px;font-size:13px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:10px 0 18px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.wide{grid-column:1/-1}article,aside{background:white;border:1px solid #e1e9e1;border-radius:10px;padding:20px;min-width:0}article strong{font-size:26px;display:block;margin:12px 0 5px}article span{font-size:11px;color:#6a9974}.row{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #edf1ed;padding:12px 0;font-size:12px}.row span{overflow-wrap:anywhere;color:#42574a;font-size:12px}.foot{font-size:11px;margin-top:20px}aside{margin-top:10px;display:flex;flex-direction:column}.assist-title{display:flex;gap:12px;align-items:center;border-bottom:1px solid #edf1ed;padding-bottom:15px}.assist-title>span{background:#e8f2e5;color:#3e7953;padding:10px;border-radius:9px;font-size:20px}.prompts{margin:10px 0}.prompt{display:block;width:100%;text-align:left;background:#f9fbf8;color:#536b58;border:1px solid #e1eae0;margin:7px 0;font-size:12px;padding:10px}.bubble{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.55;background:#f3f8f1;padding:12px;border-radius:8px;margin:8px 0}.bubble.user{background:#e2f0e0}.bubble.error{background:#fff5e9}#chat{max-height:450px;overflow:auto}#ask-form{margin-top:auto;padding-top:20px}textarea{width:100%;min-height:80px;resize:vertical;display:block;margin-bottom:10px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.trend{margin:0 0 18px}.trend-head{display:flex;justify-content:space-between;gap:15px}.trend select{padding:8px;border:1px solid #d8e2da;border-radius:6px;background:white;color:#304b38}.trend svg{width:100%;height:180px}.chart-legend{font-size:11px;color:#568c65;display:flex;gap:20px;margin-top:18px}@media(max-width:1200px){.layout{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){main{padding:20px}.metrics{grid-template-columns:repeat(2,1fr)}.columns{grid-template-columns:1fr}.wide{grid-column:auto}.period{align-items:flex-start;flex-direction:column}}

.selectable{cursor:pointer}.selectable:hover,.selectable:focus-visible{outline:2px solid #78aa80;outline-offset:0}