*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f5f8fc;color:#0b2855;font-size:15px}.app{display:flex;min-height:100vh}.side{width:215px;background:#08234d;color:#fff;position:fixed;inset:0 auto 0 0;padding:20px 12px;z-index:10}.brand{font-size:19px;font-weight:700;padding:4px 12px 25px}.brand span{color:#168cff}.nav a{display:block;color:#fff;text-decoration:none;padding:13px 14px;border-radius:8px;margin:4px 0;font-weight:600;font-size:15px}.nav a.active{background:#1767d5}.nav a:hover{background:#145fca}.main{margin-left:215px;width:calc(100% - 215px);min-height:100vh}.top{height:48px;background:#fff;border-bottom:1px solid #dfe7f0;display:flex;align-items:center;justify-content:flex-end;padding:0 24px;color:#334;font-size:14px}.content{padding:18px 22px}.title{margin:0 0 3px;font-size:26px}.subtitle{color:#6d7d93;margin:0 0 18px;font-size:15px}.filters,.card,.stat{background:#fff;border:1px solid #dbe5f0;border-radius:9px}.filters{padding:15px;display:flex;align-items:end;gap:14px;margin-bottom:16px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:13px;color:#66758a;font-weight:600}.field input,.field select{height:38px;border:1px solid #d2deeb;border-radius:6px;padding:0 10px;color:#17345d;background:#fff;font-size:14px}.btn{height:38px;border:0;border-radius:7px;padding:0 17px;background:#087cf0;color:#fff;font-weight:700;cursor:pointer;font-size:14px}.btn.dark{background:#092451}.btn.green{background:#10a86b}.btn.red{background:#ef4444}.btn.light{background:#eef5fc;color:#1767d5}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.stat{padding:15px;display:flex;gap:12px;align-items:center}.stat .ico{width:50px;height:50px;border-radius:10px;background:#eaf7f0;display:grid;place-items:center;font-size:24px}.stat.g .ico{background:#fff0f0}.stat.r .ico{background:#f1eaff}.stat small{display:block;color:#53657d;font-size:13px}.stat strong{font-size:25px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.card{padding:15px;min-width:0}.card h2{font-size:17px;margin:0 0 13px}.chartrow{display:grid;grid-template-columns:minmax(280px,1fr) 230px;align-items:center;min-height:300px}.chartbox{height:290px;position:relative}.legend{display:flex;flex-direction:column;gap:12px}.legend-item{display:flex;gap:9px;align-items:flex-start}.dot{width:9px;height:9px;border-radius:50%;margin-top:5px;flex:none}.legend b{font-size:14px}.legend-value{font-size:12px;color:#60718a;margin-top:2px}.divider{border-top:1px solid #e2e8f0;margin:14px 0}.rows{display:flex;flex-direction:column}.row{display:grid;grid-template-columns:1fr 130px 42px;align-items:center;padding:10px 2px;border-bottom:1px solid #e7edf4}.row:last-child{border:0}.row b{font-size:14px}.iconbtn{width:34px;height:34px;border:1px solid #d5e0ec;background:#fff;border-radius:6px;cursor:pointer;color:#075fc4;margin-right:5px;font-size:16px}.iconbtn.danger{color:#ef3d3d}.result.pos{color:#0aaf70}.result.neg{color:#ef3d3d}.table{width:100%;border-collapse:collapse}.table th{font-size:11px;color:#61738b;text-transform:uppercase;background:#f8fafc;text-align:left}.table th,.table td{padding:11px;border-bottom:1px solid #e5ebf2}.table td{font-size:13px}.tabs{display:flex;gap:24px;border-bottom:1px solid #dce5ef;margin-bottom:12px}.tabs button{border:0;background:none;padding:10px 2px;color:#17345d;cursor:pointer;font-size:14px}.tabs button.active{color:#087cf0;border-bottom:2px solid #087cf0;font-weight:700}.back{display:inline-block;color:#087cf0;text-decoration:none;margin-bottom:10px}.actions{display:flex;gap:6px}.admin-tabs{display:flex;gap:4px;margin-bottom:14px;flex-wrap:wrap}.admin-tabs button{padding:10px 15px;border:1px solid #d7e1ec;background:#fff;border-radius:6px;cursor:pointer;font-size:14px;color:#17345d}.admin-tabs button.active{background:#087cf0;color:#fff;border-color:#087cf0}.modal{position:fixed;inset:0;background:#0007;display:grid;place-items:center;z-index:30}.modal.hidden{display:none}.modalbox{background:#fff;width:440px;border-radius:10px;padding:22px}.modalbox h3{margin-top:0;font-size:19px}.modalbox .field{margin-bottom:12px}.modalbox .field input,.modalbox .field select{width:100%}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:17px}.formgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.full{grid-column:1/-1}.detail-table input,.detail-table select{width:100%;height:32px;border:1px solid #d2deeb;border-radius:5px;padding:0 6px}.muted{color:#718096}.badge{font-size:12px;padding:4px 8px;border-radius:12px;background:#eaf8f1;color:#07915d}.type-in{color:#07915d;font-weight:700}.type-out{color:#ef3d3d;font-weight:700}.empty{padding:25px;text-align:center;color:#789}.small{font-size:12px}.breadcrumb{display:flex;align-items:center;gap:5px;min-height:26px;margin:0 0 9px;color:#6b7d95;font-size:13px;white-space:nowrap;overflow:auto}.breadcrumb a{color:#087cf0;text-decoration:none;font-weight:600}.breadcrumb a:hover{text-decoration:underline}.breadcrumb-current{color:#17345d;font-weight:700}.breadcrumb-sep{color:#9aa9bb;font-size:17px;line-height:1}@media(max-width:1000px){.grid2{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.chartrow{grid-template-columns:1fr}.legend{padding:10px 20px}.side{width:175px}.main{margin-left:175px;width:calc(100% - 175px)}}@media(max-width:700px){.breadcrumb{font-size:12px}.breadcrumb-sep{font-size:15px}.content{padding:15px}.side{width:150px}.main{margin-left:150px;width:calc(100% - 150px)}}
.chartpair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.chartpanel{min-width:0}.chartpanel h3{font-size:16px;margin:0 0 10px;color:#0b2855}.chartpanel .chartrow{min-height:300px}.chartpanel .chartbox{height:290px}@media(max-width:1100px){.chartpair{grid-template-columns:1fr}}
.top-user{margin-left:24px;color:#263a5b}.section-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:10px}.section-title h2{margin:0}.address-cell{min-width:220px}.badge-blue{background:#eaf3ff;color:#0867cf}.form-help{font-size:12px;color:#718096;line-height:1.45}.radio-group{display:flex;gap:22px;align-items:center;height:38px}.radio-group label{color:#17345d!important;font-weight:500!important;font-size:14px!important}.page-head{display:flex;justify-content:space-between;align-items:flex-start}.admin-tabs button{font-weight:700}.table td{vertical-align:middle}.table .iconbtn{vertical-align:middle}@media(max-width:900px){.top{font-size:12px}.top-user{margin-left:10px}.section-title{align-items:flex-start;flex-direction:column}.actions{flex-wrap:wrap}}