:root{font-family:Arial,"Microsoft YaHei",sans-serif;color:#1d2734;background:#f5f7f9}*{box-sizing:border-box}body{margin:0}header{min-height:58px;background:#14212e;color:#fff;display:flex;align-items:center;padding:0 28px;gap:28px}header nav{display:flex;gap:18px;flex:1;overflow:auto}a{color:inherit;text-decoration:none}header a{color:#dbe7f1;font-size:14px;white-space:nowrap}button{border:0;background:#087f5b;color:#fff;padding:8px 14px;border-radius:4px;cursor:pointer}main{max-width:1300px;margin:32px auto;padding:0 24px}h1{font-size:24px}h2{font-size:18px;margin-top:30px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}.stats article{background:#fff;border:1px solid #d9e0e7;padding:22px}.stats b{display:block;font-size:28px;margin-bottom:8px}.stats span,.hint{color:#5e6b78;font-size:14px}.login{max-width:360px;margin:110px auto;background:#fff;padding:28px;border:1px solid #d9e0e7}.login form,label{display:grid;gap:8px;margin-top:16px}input,select{height:36px;border:1px solid #c6d0da;padding:6px 8px;border-radius:4px;background:#fff}.error{color:#b42318}table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #d9e0e7;font-size:14px}th,td{border-bottom:1px solid #e6ebef;text-align:left;padding:10px;vertical-align:top}th{background:#f1f4f6}.filters{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.filters input{width:260px}.quick{display:flex;gap:8px;flex-wrap:wrap}.quick a,.pager{background:#e7f3ee;color:#087f5b;padding:7px 10px;border-radius:4px;font-size:14px}.pager{display:inline-block;margin:16px 8px 0 0}.selector{background:#fff;border:1px solid #d9e0e7;padding:16px;margin-bottom:16px}.selector label{display:inline-grid;margin:0 12px 0 0}.search-results{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.search-results button{background:#eaf0f4;color:#1d2734;font-size:13px}.selected-users{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.selected-users span{background:#dff3ea;color:#075a40;padding:6px 8px;font-size:13px}.selected-users button{padding:0 0 0 7px;background:transparent;color:#075a40;font-size:16px}.order-filter{margin-bottom:0}.user-tree{background:#fff;border:1px solid #d9e0e7;padding:12px 18px}.tree-node{position:relative}.tree-line{min-height:38px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #edf1f4;padding:6px 0}.tree-toggle{width:24px;height:24px;padding:0;line-height:20px;font-size:18px;flex:0 0 24px}.tree-toggle:disabled{background:#dbe3e9;color:#687582;cursor:default}.tree-type{min-width:58px;color:#075a40;font-size:13px}.tree-account{color:#5e6b78;font-size:14px;overflow-wrap:anywhere}.tree-children{margin-left:12px;padding-left:24px;border-left:1px solid #cfd9df}.tree-children .tree-line:before{content:"";width:14px;border-top:1px solid #cfd9df;margin-left:-24px}.tree-children[hidden]{display:none}.simulation{margin:18px 0;padding:18px;background:#fff;border:1px solid #d9e0e7}.simulation h2{margin:0 0 6px}.simulation-events{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:12px;margin:14px 0}.simulation-events label{margin:0;font-size:14px}.simulation-events label span{display:flex;gap:8px}.simulation-events input{width:50%}.profit{color:#087f5b}.loss{color:#b42318}@media(max-width:720px){header{height:auto;align-items:flex-start;flex-wrap:wrap;padding:14px}header nav{order:3;flex-basis:100%;overflow:auto}main{margin:20px auto;padding:0 14px}table{display:block;overflow:auto;white-space:nowrap}.tree-line{align-items:flex-start;flex-wrap:wrap}.tree-account{flex-basis:calc(100% - 32px);margin-left:32px}.tree-children{margin-left:4px;padding-left:14px}.tree-children .tree-line:before{margin-left:-14px;width:8px}}