:root{--green:#064b36;--green2:#117453;--bg:#f5f7f8;--ink:#152b26;--muted:#6b7974;--line:#e3eae7;--amber:#fff4d9}*{box-sizing:border-box}body{margin:0;background:var(--bg);font:15px/1.5 'Segoe UI',Arial,sans-serif;color:var(--ink)}[hidden]{display:none!important}button,input,textarea{font:inherit}button,.file-button{cursor:pointer;border:1px solid var(--line);background:white;border-radius:9px;padding:10px 17px;color:var(--green);font-weight:600}button:hover{background:#edf4f0}button:disabled{opacity:.6;cursor:wait}.primary{background:var(--green);color:white;border-color:var(--green)}.primary:hover{background:var(--green2)}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #80bca4;outline-offset:2px}label{display:block;font-size:14px;font-weight:600}input,textarea{width:100%;border:1px solid #d5dfd9;border-radius:8px;background:white;padding:12px;color:var(--ink);margin:7px 0 16px}textarea{resize:vertical}h1,h2,p{margin-top:0}h1{font-size:29px;letter-spacing:-.7px;margin-bottom:0}h2{font-size:19px;letter-spacing:-.3px;margin-bottom:12px}p{color:var(--muted)}small{font-size:11px;letter-spacing:1.6px;color:var(--muted)}aside{position:fixed;inset:0 auto 0 0;width:238px;background:white;border-right:1px solid var(--line);padding:35px 24px;display:flex;flex-direction:column}.brand{font-size:29px;font-weight:850;letter-spacing:-1px;color:var(--green);line-height:1.05}.brand span{display:block;font-size:14px;font-weight:400;letter-spacing:0;color:var(--muted);margin-top:8px}nav{display:grid;gap:9px;margin-top:50px}nav button{text-align:left;border:0;padding:14px;color:#68756e;font-weight:500}.active{background:#e7f1eb!important;color:var(--green)!important}.aside-bottom{margin-top:auto;font-size:12px;color:var(--green)}.aside-bottom p{font-size:11px;margin-top:5px}.aside-bottom button{width:100%;margin-top:10px;font-size:12px}.dot{display:inline-block;width:7px;height:7px;background:#c59835;border-radius:100%;margin-right:5px}main{margin-left:238px;padding:30px 36px 10px;max-width:1740px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.account{display:flex;align-items:center;gap:12px;font-size:12px}.avatar{background:#e5eee8;border-radius:50%;padding:9px 14px;font-weight:bold}.notice{background:var(--amber);border:1px solid #f0e2bc;color:#7e652a;border-radius:8px;padding:10px 15px;font-size:13px;margin-bottom:26px}.section-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:30px 0 22px}.section-top h2{margin-bottom:3px}.section-top p{font-size:13px;max-width:770px;margin-bottom:0}.date-label input{margin:0;padding:7px;width:155px;font-size:13px}.date-label{display:flex;gap:10px;align-items:center;color:var(--muted);font-weight:400}.metrics{display:grid;grid-template-columns:repeat(6,1fr);gap:13px;margin-bottom:20px}.metric{background:white;border:1px solid var(--line);border-radius:13px;padding:20px 17px;min-height:150px}.metric .icon{color:var(--green);background:#edf5f0;border-radius:12px;padding:5px 9px;display:inline-block}.metric p{font-size:12px;margin:14px 0 5px;min-height:34px;color:#344f44}.metric strong{font-size:35px;color:var(--green);font-weight:650}.metric small{display:block;letter-spacing:0;font-size:10px}.grid-two{display:grid;grid-template-columns:1.25fr 1fr;gap:20px;margin-bottom:20px}.card{background:white;border:1px solid var(--line);border-radius:14px;padding:24px;box-shadow:0 3px 20px #0c3d2310}.card-head{display:flex;justify-content:space-between;align-items:center}.tag{font-size:11px;background:#f1f3f2;padding:5px 8px;border-radius:20px;color:#6e7973}.empty-chart{height:220px;position:relative;margin-top:15px}.chart-lines{position:absolute;inset:10px 0 30px;background:repeating-linear-gradient(to bottom,transparent,transparent 43px,#edf0ef 44px,#edf0ef 45px);border-left:1px solid var(--line)}.empty-message{position:absolute;inset:65px 20px auto;text-align:center;background:#fffffff0;padding:15px;font-size:14px}.empty-message p{font-size:12px;margin:5px 0}.days{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-around;color:var(--muted);font-size:12px}.donut{height:155px;width:155px;border:20px solid #edf2ef;border-radius:50%;margin:20px auto;display:grid;place-items:center;text-align:center;font-size:30px}.donut small{display:block;font-size:9px;letter-spacing:0;max-width:80px}.legend{text-align:center;color:var(--muted);font-size:12px}.list-row{padding:14px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px}.list-row:last-child{border-bottom:0}.list-row p{font-size:12px;margin:5px 0}.quick{display:flex;align-items:center;justify-content:space-between}.quick h2{margin-bottom:3px}.quick p{margin:0;font-size:13px}.muted{color:var(--muted);font-size:13px}.tabs{display:flex;gap:5px;margin:23px 0}.tabs button{flex:1}.grid-settings{display:grid;grid-template-columns:2fr 1fr;gap:20px}.actions{display:flex;gap:10px;justify-content:flex-end;align-items:center;margin-top:15px}.file-button input{display:none}.capture-row{margin-bottom:12px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.capture-row h2{font-size:17px;margin-bottom:3px}.capture-row p{font-size:12px;margin:0}.capture-row:hover{border-color:#75a48c}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line);max-width:280px;overflow-wrap:anywhere}th{color:var(--muted);font-size:11px;text-transform:uppercase}.version{display:block;text-align:left;width:100%;margin:8px 0;font-weight:400;font-size:12px}.empty{padding:38px;text-align:center;background:white;border:1px dashed #cbd9d0;border-radius:12px;margin-bottom:20px}.empty p{margin:0}dialog{border:1px solid var(--line);border-radius:17px;max-width:650px;width:calc(100% - 35px);padding:30px;color:var(--ink);box-shadow:0 20px 100px #10251d40}dialog::backdrop{background:#102c2360;backdrop-filter:blur(3px)}dialog pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:45vh;overflow:auto;background:var(--bg);padding:20px;border-radius:9px}footer{font-size:11px;color:#88948e;padding:35px 0 14px;display:flex;justify-content:space-between}#toast{position:fixed;bottom:22px;right:22px;background:var(--green);color:white;padding:14px 23px;border-radius:10px;max-width:420px;z-index:1000;box-shadow:0 5px 30px #10342330}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at top left,#d5e8db,transparent 60%),var(--bg);padding:20px}.login-card{background:white;border:1px solid var(--line);border-radius:20px;max-width:460px;width:100%;padding:38px;box-shadow:0 20px 60px #0a35251a}.login-card .brand{margin-bottom:35px}.login-card h1{font-size:27px}.login-card>p{font-size:13px;margin:13px 0 25px}.login-card button{width:100%}#login-note{color:#98702c;font-size:12px;margin:15px 0 0}@media(max-width:1200px){.metrics{grid-template-columns:repeat(3,1fr)}.metric{min-height:130px}main{padding:25px}.grid-two{grid-template-columns:1fr 1fr}}@media(max-width:800px){aside{position:static;width:auto;padding:18px}.brand{font-size:23px}nav{display:flex;margin:15px 0 0;gap:5px;overflow:auto}nav button{font-size:12px;padding:10px;white-space:nowrap}.aside-bottom{display:none}main{margin:0;padding:20px 15px}.account{display:none}h1{font-size:25px}.grid-two,.grid-settings{grid-template-columns:1fr}.section-top{align-items:flex-start;flex-direction:column}.metrics{grid-template-columns:repeat(2,1fr)}.metric{padding:16px}.quick{gap:15px;align-items:flex-start;flex-direction:column}.card{padding:20px}.tabs{overflow:auto}.tabs button{font-size:12px}.capture-row{align-items:flex-start;gap:10px}.capture-row .tag{white-space:nowrap}footer{gap:15px;flex-wrap:wrap}}