:root{--bg:#f7f8f8;--panel:#fff;--ink:#111816;--muted:#66706c;--line:#e4e8e6;--green:#2ff72f;--green2:#14b82b;--dark:#062f2a;--sidebar:#fbfcfb}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;color:var(--ink);background:var(--bg);font-size:14px}.app{min-height:100vh;display:grid;grid-template-columns:68px 246px 1fr}.rail{background:#0b1311;padding:14px 10px;display:flex;flex-direction:column;align-items:center;gap:10px}.rail-logo{width:42px;height:42px;border-radius:12px;object-fit:cover;margin-bottom:8px}.rail-item{width:40px;height:40px;border-radius:12px;border:1px solid #26332f;background:#16201d;color:#c3ccc8;font-weight:700}.rail-item.active{background:var(--green);border-color:var(--green);color:#062b22;box-shadow:0 0 18px #31ff3244}.rail-spacer{flex:1}.sidebar{border-right:1px solid var(--line);background:var(--sidebar);padding:18px 14px;display:flex;flex-direction:column;height:100vh;position:sticky;top:0}.brand{display:flex;align-items:center;gap:10px;padding:0 7px 18px}.brand img{width:36px;height:36px;border-radius:10px}.brand div{display:flex;flex-direction:column;line-height:1.2}.brand b{font-size:13px}.brand small{color:var(--muted);font-size:11px}.brand span{margin-left:auto}nav{overflow:auto;flex:1}nav button{display:flex;align-items:center;width:100%;height:35px;border:0;background:transparent;border-radius:7px;color:#3c4542;font-weight:500;text-align:left;padding:0 10px;margin:1px 0;gap:11px}nav button:hover,nav button.active{background:#e9eeeb;color:#0c1512}nav i{font-style:normal;width:17px;text-align:center;color:#6b7571}nav h6{font-size:10px;letter-spacing:.12em;color:#98a19e;margin:18px 10px 6px}nav em{font-size:9px;font-style:normal;background:#dfffe1;color:#147323;padding:2px 5px;border-radius:4px;margin-left:auto}.sandbox{border-top:1px solid var(--line);padding:15px 5px 2px;display:flex;align-items:center;gap:9px}.sandbox>span{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}.sandbox div{display:flex;flex-direction:column;flex:1}.sandbox b{font-size:11px}.sandbox small{color:var(--muted);font-size:9px}.sandbox input{accent-color:var(--green)}main{min-width:0}header{height:62px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;padding:0 24px;justify-content:space-between;position:sticky;top:0;z-index:3}.search{width:min(430px,40vw);height:36px;border:1px solid #dfe4e1;background:#f5f7f6;border-radius:8px;color:#818a87;text-align:left;padding:0 11px}.search span{margin-left:6px}.search kbd{float:right;background:white;border:1px solid #d9dedb;border-radius:5px;padding:2px 6px}.header-actions{display:flex;gap:7px;align-items:center}.header-actions button{border:0;background:transparent;color:#59635f}.header-actions .icon,.avatar{width:34px;height:34px;border-radius:50%;border:1px solid var(--line)!important}.avatar{background:var(--dark)!important;color:#fff!important;font-size:10px}#content{padding:32px;max-width:1450px;margin:auto}.heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px}.heading h1{font-size:28px;margin:3px 0 7px;letter-spacing:-.035em}.heading p{margin:0;color:var(--muted)}.eyebrow{font-family:"Roboto Mono";font-size:10px!important;letter-spacing:.14em;color:#18842a!important}.actions{display:flex;gap:8px}.actions button,.primary,.secondary{height:36px;padding:0 14px;border-radius:7px;border:1px solid #dfe4e1;background:white;font-weight:600}.actions .primary{background:#101714;color:white;border-color:#101714}.notice{height:43px;border:1px solid #b8eabb;background:#edffed;border-radius:8px;display:flex;align-items:center;padding:0 13px;gap:12px;margin-bottom:14px;font-size:12px}.notice b{font-family:"Roboto Mono";font-size:9px;background:#163f22;color:var(--green);padding:4px 7px;border-radius:4px}.notice a{margin-left:auto;color:#176f24;text-decoration:none;font-weight:600}.grid{display:grid;gap:14px}.hero{grid-template-columns:2fr 1fr}.grid article,.activity{background:white;border:1px solid var(--line);border-radius:11px}.balance-card,.summary{padding:20px}.card-head{display:flex;justify-content:space-between;color:var(--muted)}.card-head button,.section-title button{border:0;background:transparent;color:var(--muted)}.balance-card h2{font-size:31px;margin:16px 0 5px;letter-spacing:-.035em}.delta{color:#119b25;font-weight:600;font-size:12px}.delta span{color:var(--muted);font-weight:400}.range{text-align:right}.range button{border:0;background:none;color:#8b9490;padding:4px 7px;font-size:10px}.range button.active{background:#e8fbe8;color:#167b22;border-radius:5px}svg{width:100%;height:140px;overflow:visible}.area{fill:url(#g)}.line{fill:none;stroke:#1ccd31;stroke-width:3;stroke-linecap:round}.metric{display:grid;grid-template-columns:1fr auto;gap:4px;padding:14px 0;border-bottom:1px solid var(--line)}.metric span{color:var(--muted);font-size:12px}.metric b{font-size:14px}.metric small{grid-column:2;color:#777;text-align:right}.metric .up{color:#119b25}.lower{grid-template-columns:1fr 1fr;margin-top:14px}.lower article{padding:19px}.section-title{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.section-title h3{margin:0;font-size:15px}.section-title p{margin:4px 0 0;color:var(--muted);font-size:11px}.account-row,.task{display:flex;align-items:center;padding:11px 0;border-top:1px solid var(--line);gap:11px}.account-icon{width:32px;height:32px;border-radius:9px;background:#caffc9;color:#145d1b;display:grid;place-items:center;font-weight:700}.account-icon.blue{background:#d9ebff;color:#175ba1}.account-icon.purple{background:#eadfff;color:#6b3cb2}.account-row div:nth-child(2),.task div{display:flex;flex-direction:column;flex:1}.account-row small,.task small{color:var(--muted);font-size:10px;margin-top:3px}.task>span{width:26px;height:26px;border-radius:50%;display:grid;place-items:center}.task .ok{background:#e1fbe4;color:#128225}.task .warn{background:#fff3d2;color:#8d6511}.task button{border:1px solid var(--line);background:white;border-radius:6px;padding:6px 9px}.activity{margin-top:14px;padding:19px;overflow:auto}table{width:100%;border-collapse:collapse;font-size:11px}th{text-align:left;color:#85908b;font-weight:500;border-bottom:1px solid var(--line);padding:9px}td{padding:12px 9px;border-bottom:1px solid var(--line)}td:first-child{display:grid;grid-template-columns:28px auto;column-gap:8px}td:first-child .tx{grid-row:1/3;width:28px;height:28px;border-radius:8px;display:grid;place-items:center}.tx.in{background:#e2fbe4;color:#168425}.tx.out{background:#edf1ef}.credit{color:#0f9422;font-weight:600}.pill{padding:4px 7px;border-radius:9px}.done{background:#e9faeb;color:#197928}.pending{background:#fff4d9;color:#8c6a17}footer{display:flex;justify-content:center;gap:18px;padding:28px;color:#89928e;font:10px "Roboto Mono"}.stamp{color:#4c5752}.command{display:none;position:fixed;inset:0;background:#07120faa;z-index:10;place-items:start center;padding-top:12vh}.command.open{display:grid}.command-box{width:580px;background:white;border-radius:12px;box-shadow:0 24px 80px #0008;overflow:hidden}.command-box input{width:100%;padding:20px;border:0;border-bottom:1px solid var(--line);font-size:16px;outline:0}.quick{padding:14px;display:grid;gap:5px}.quick small{font-size:9px;color:#8d9692;padding:4px}.quick button{text-align:left;border:0;background:white;padding:10px;border-radius:7px}.quick button:hover{background:#f0f3f1}.command-box p{margin:0;padding:10px 16px;background:#f6f8f7;color:#8d9692;font-size:10px}kbd{font-family:inherit}@media(max-width:980px){.app{grid-template-columns:58px 215px 1fr}.hero,.lower{grid-template-columns:1fr}.header-actions>button:not(.avatar){display:none}}@media(max-width:720px){.app{grid-template-columns:1fr}.rail,.sidebar{display:none}#content{padding:20px}.heading{align-items:flex-start;gap:18px}.actions{display:none}.search{width:75vw}.notice{height:auto;padding:10px;align-items:flex-start}.notice a{display:none}.command-box{width:92vw}header{padding:0 15px}}