*{box-sizing:border-box}body{margin:0;background:#0b1322;color:#eef3fc;font:16px system-ui,-apple-system,sans-serif}main{max-width:700px;margin:auto;padding:18px 15px 100px}header{margin:10px 0 28px}h1{font-size:30px;margin:0}h2{font-size:21px;margin:0 0 18px}h3{font-size:15px;color:#a4b6cf;margin:25px 0 12px}.filters{display:flex;gap:12px;margin-bottom:16px}.filters select{width:50%}select,input{background:#101e34;color:#eef3fc;border:1px solid #3c536e;border-radius:13px;padding:14px;font-size:16px;min-width:0}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.metric,.panel{background:#17263c;border:1px solid #30445d;border-radius:22px;padding:20px;margin-bottom:16px}.metric{min-height:110px}.metric span{display:block;color:#9bafc7;font-size:14px;margin-bottom:17px}.metric b{font-size:22px;overflow-wrap:anywhere}.green{color:#4dd4ae}.red{color:#ff878e}.blue{color:#79adff}.delta{display:flex;justify-content:space-between;align-items:center;gap:8px}.delta b{font-size:29px;color:#4dd4ae}.delta b.bad{color:#ff878e}small{display:block;color:#9bafc7;margin-top:8px}#legend{font-size:12px;color:#9bafc7}#chart{width:100%;height:220px;margin-top:14px}#chartbox[hidden],.page{display:none}.page.active{display:block}.item{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:15px 0;border-bottom:1px solid #30445d}.item:last-child{border-bottom:0}.item small{font-size:12px}.item b{text-align:right}button{cursor:pointer;border:1px solid #426083;background:#29476b;color:#eef3fc;border-radius:12px;padding:11px;font:inherit}form{display:grid;gap:13px}form button{background:#297c72}nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:#101c2d;padding:12px 5px max(12px,env(safe-area-inset-bottom));border-top:1px solid #2c4056}nav button{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:0;font-size:25px;color:#9bafc7;padding:6px 8px}nav button span{font-size:12px}nav button.active{color:#4dd4ae;background:#19363e}.account{width:100%;text-align:left;display:flex;justify-content:space-between;align-items:center;background:transparent;border:0;border-bottom:1px solid #30445d;border-radius:0;padding:17px 0}.account b{font-size:18px}#toast{position:fixed;bottom:100px;left:20px;right:20px;background:#335477;border-radius:12px;padding:15px;z-index:10}dialog{background:#17263c;color:#fff;border:1px solid #526a83;border-radius:20px;width:min(94vw,460px)}dialog::backdrop{background:#000a}.actions{display:flex;gap:10px}.actions button{flex:1}

:root{color-scheme:dark}button,input,select{max-width:100%}.item>span,.account>span{min-width:0;overflow-wrap:anywhere}.item b,.account b{flex-shrink:0}nav{z-index:5}nav button{min-height:54px;min-width:0;flex:1}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #4dd4ae;outline-offset:3px}@media(max-width:360px){main{padding:12px 10px 110px}.panel,.metric{padding:14px}.metric b{font-size:19px}.delta b{font-size:23px}nav button{padding:6px 2px}nav button span{font-size:11px}.item{flex-wrap:wrap}}