:root{--top-bg: #036702;--top-fg: #ffffff;--page-bg: #f8f8f8;--side-bg: #f8f8f8;--card-bg: #ffffff;--text: #000000;--muted: #6c757d;--border: rgba(209, 208, 209, .29);--input-border: #ced4da;--shadow: 0 20px 27px rgba(0, 0, 0, .05);--primary: #6658dd;--success: #1abc9c;--danger: #f1556c;--warning: #f7b84b;--info: #4fc6e1;--pink: #f672a7;--secondary: #6c757d;--switch-on: #2ab934;--light-btn: #f3f7f9;--light-btn-fg: #323a46;--loadmore: #eeeeee;--pos: #0f9d58;--neg: #f1556c;--font-ui: "Fira Sans", sans-serif;--font-body: Nunito, sans-serif;--top-h: 70px;--side-w: 240px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-body);font-size:14px;line-height:21px;color:var(--text);background:var(--page-bg)}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:var(--font-ui);font-size:14px}.topbar{position:fixed;inset:0 0 auto 0;height:var(--top-h);z-index:30;background:var(--top-bg);color:var(--top-fg);display:flex;align-items:center;padding:0 10px 0 0;font-family:var(--font-ui)}.logo-box{width:var(--side-w);display:flex;align-items:center;justify-content:center;flex-shrink:0}.logo-img{max-height:40px;max-width:calc(var(--side-w) - 20px);object-fit:contain}.login-card .lhead .logo-img{max-height:46px;max-width:100%}.logo-text{font-family:Georgia,serif;font-weight:700;font-size:24px;letter-spacing:1px;color:#f3d27a;white-space:nowrap}.logo-text small{display:block;font-size:10px;letter-spacing:6px;color:#fff;text-align:center;margin-top:-2px}.icon-btn{background:transparent;border:0;color:var(--top-fg);width:50px;height:var(--top-h);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.icon-btn:hover{background:#ffffff14}.topbar .spacer{flex:1}.top-user{display:flex;align-items:center;gap:8px;padding:0 12px;cursor:pointer;height:var(--top-h);position:relative}.avatar{width:32px;height:32px;border-radius:50%;background:#e9ecef;color:#98a6ad;display:inline-flex;align-items:center;justify-content:center}.dropdown{position:absolute;top:calc(var(--top-h) - 4px);right:0;min-width:190px;background:#fff;color:#000;border-radius:4px;box-shadow:0 0 35px #9aa1ab40;padding:6px 0;z-index:40}.dropdown .dd-item{display:block;width:100%;padding:9px 18px;text-align:left;background:none;border:0;cursor:pointer;color:#000}.dropdown .dd-item:hover{background:#f3f7f9}.dropdown .dd-row{padding:14px 20px;border-bottom:1px solid var(--border);font-size:13px}.balance-pop{right:auto;left:-150px;min-width:320px}.ticker{position:fixed;top:var(--top-h);left:0;right:0;height:22px;overflow:hidden;z-index:20;font-size:12px;color:#444;background:transparent;pointer-events:none}.ticker span{display:inline-block;white-space:nowrap;padding-left:100%;animation:tick 40s linear infinite}@keyframes tick{to{transform:translate(-100%)}}.sidebar{position:fixed;top:var(--top-h);bottom:0;left:0;width:var(--side-w);z-index:25;background:var(--side-bg);padding:20px 0;overflow-y:auto;font-family:var(--font-ui)}.side-link{display:flex;align-items:center;gap:14px;margin:2px 8px;padding:8px 16px;border-radius:8px;color:#000;font-size:15.2px;cursor:pointer;border:0;background:none;width:calc(100% - 16px);text-align:left}.side-link .ico{width:38px;height:37px;border-radius:8px;background:#fff;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.side-link.active{background:#fff;box-shadow:var(--shadow);color:#585852}.side-link.active .ico{background:var(--top-bg);color:#fff}.side-link .chev{margin-left:auto;transition:transform .15s}.side-link.open .chev{transform:rotate(90deg)}.side-sub{padding:0 0 4px 30px}.side-sub a{display:flex;align-items:center;gap:6px;padding:8px 16px;font-size:14px;color:#000;border-radius:6px}.side-sub a.active,.side-sub a:hover{color:var(--top-bg)}.content-page{margin-left:var(--side-w);padding:calc(var(--top-h) + 4px) 12px 24px 18px;min-height:100%}.page-title{font-family:var(--font-ui);font-size:20px;font-weight:400;line-height:75px;margin:0}.card{background:var(--card-bg);border-radius:16px;padding:16px;margin-bottom:12px;box-shadow:var(--shadow)}.row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.row.end{justify-content:flex-end}.grow{flex:1}.field{display:flex;flex-direction:column;gap:4px;font-family:var(--font-ui);font-size:13px}.form-control{height:37.4px;padding:7.2px 14.4px;border:1px solid var(--input-border);border-radius:3.2px;background:#fff;color:#000;min-width:0}textarea.form-control{height:auto;min-height:58px}.form-control[readonly]{background:#eee}.input-group{display:flex}.input-group .form-control{flex:1;border-top-right-radius:0;border-bottom-right-radius:0}.input-addon{display:inline-flex;align-items:center;padding:0 12px;border:1px solid var(--input-border);border-left:0;background:#f7f7f7;border-radius:0 3.2px 3.2px 0;cursor:default}.input-addon.btnlike{cursor:pointer;background:#fff}.btn{display:inline-flex;align-items:center;gap:6px;height:37.4px;padding:7.2px 14.4px;border:0;border-radius:2.4px;color:#fff;cursor:pointer;font-family:var(--font-ui);white-space:nowrap}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--primary)}.btn-success{background:var(--success)}.btn-danger{background:var(--danger)}.btn-warning{background:var(--warning)}.btn-info{background:var(--info)}.btn-pink{background:var(--pink)}.btn-secondary{background:var(--secondary)}.btn-light{background:var(--light-btn);color:var(--light-btn-fg);padding:7.2px 11.2px}.gb{display:inline-flex;align-items:center;justify-content:center;height:25.6px;min-width:22px;padding:2px 5px;border:0;border-radius:2.4px;color:#fff;font-size:13px;cursor:pointer;margin:1px;font-family:var(--font-ui)}.gb:disabled{opacity:.45;cursor:not-allowed}.pill-amt{min-width:90px;justify-content:flex-end}.switch{position:relative;display:inline-flex;align-items:center;width:86px;height:29px;border-radius:34px;cursor:pointer;background:#ccc;color:#fff;font-size:13px;-webkit-user-select:none;user-select:none;border:0;padding:0}.switch.on{background:var(--switch-on)}.switch .knob{position:absolute;top:4px;left:4px;width:21px;height:21px;border-radius:50%;background:#fff;transition:left .15s}.switch.on .knob{left:61px}.switch .lbl{width:100%;padding:0 10px 0 30px;text-align:left}.switch.on .lbl{padding:0 30px 0 14px}.table-wrap{overflow-x:auto}table.tbl{width:100%;border-collapse:collapse;font-size:14px}.tbl th{font-weight:400;text-align:left;padding:13.6px;border-bottom:2px solid var(--border);white-space:nowrap}.tbl td{padding:13.6px;border-top:1px solid var(--border);vertical-align:middle}.tbl .r{text-align:right}.tbl .c{text-align:center}.tbl tr.total td{font-weight:600}.tbl .uname{cursor:pointer}.tbl .uname:hover{text-decoration:underline}.list-head{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin:6px 0 10px}.list-head .tools{display:flex;gap:6px;align-items:center}.load-more{background:var(--loadmore);text-align:center;padding:12px;cursor:pointer;border:0;width:100%;font-family:var(--font-ui)}.empty{background:var(--loadmore);text-align:center;padding:12px}.pos{color:var(--pos)}.neg{color:var(--neg)}.badge{display:inline-block;padding:2px 6px;border-radius:2.4px;color:#fff;font-size:12px}.breadcrumb{display:flex;align-items:center;gap:8px;padding:5px 0 16px;flex-wrap:wrap}.breadcrumb .crumb{cursor:pointer}.breadcrumb .sep{color:#aaa}.notice{background:#fff8e6;border:1px solid #f7d58b;color:#6b5200;padding:10px 14px;border-radius:6px;font-size:13px}.tabs{display:flex;gap:6px;border-bottom:1px solid var(--border);margin-bottom:12px}.tab{padding:10px 20px;border:0;background:none;cursor:pointer;border-bottom:2px solid transparent;font-family:var(--font-ui)}.tab.active{border-bottom-color:var(--top-bg)}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#323a468c;z-index:60;display:flex;align-items:flex-start;justify-content:center;padding:28px 12px;overflow-y:auto}.modal{background:#fff;border-radius:4px;width:500px;max-width:100%;box-shadow:0 0 35px #0003}.modal.lg{width:800px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border);font-family:var(--font-ui);font-size:14px}.modal-header .x{background:none;border:0;font-size:22px;cursor:pointer;color:#555}.modal-body{padding:10px 12px}.modal-foot{display:flex;justify-content:flex-end;gap:8px;padding:6px 12px 16px}.mrow{display:grid;grid-template-columns:180px 1fr;gap:10px;align-items:center;padding:12px;border-bottom:1px solid var(--border);font-family:var(--font-ui)}.mrow:last-child{border-bottom:0}.err{color:var(--danger);font-size:13px}.ok{color:var(--success);font-size:13px}.toasts{position:fixed;top:80px;right:16px;z-index:90;display:flex;flex-direction:column;gap:8px}.toast{min-width:240px;max-width:360px;padding:12px 14px;border-radius:4px;color:#fff;box-shadow:var(--shadow);font-family:var(--font-ui)}.toast.success{background:var(--success)}.toast.error{background:var(--danger)}.toast.info{background:var(--info)}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:24px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.sum-card h5{margin:0 0 8px;font-family:var(--font-ui);font-weight:400;font-size:16px}.sum-card .kv{display:flex;justify-content:space-between;padding:4px;font-family:var(--font-ui)}.tile{background:#f0f3f8;border-radius:16px;padding:16px;display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.tile .tico{width:36px;height:36px;border-radius:4px;background:#6f86d6;color:#fff;display:inline-flex;align-items:center;justify-content:center}.tile .num{font-size:24px;font-family:var(--font-ui);text-align:right}.tile .cap{color:#98a6ad;text-align:right}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 40px}.frow{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:12px;font-family:var(--font-ui)}.frow label{text-align:right}.section-head{background:#eef0f2;border-radius:10px;padding:14px 24px;margin:18px 0 14px;font-family:var(--font-ui)}.note{font-size:10px;color:#333}.login-wrap{min-height:100%;display:flex;align-items:center;justify-content:center;background:var(--page-bg);padding:16px}.login-card{width:400px;max-width:100%;background:#fff;border-radius:16px;box-shadow:var(--shadow);overflow:hidden}.login-card .lhead{background:var(--top-bg);padding:26px;text-align:center}.login-card .lbody{padding:24px;display:flex;flex-direction:column;gap:14px}.mobile-only{display:none}@media(max-width:991.98px){.sidebar{transform:translate(-100%);transition:transform .2s;box-shadow:var(--shadow);background:#fff}.sidebar.show{transform:translate(0)}.content-page{margin-left:0;padding:calc(var(--top-h) + 4px) 16px 24px}.logo-box{width:auto;padding:0 10px}.logo-text{font-size:18px}.grid3,.grid2,.form-grid,.frow{grid-template-columns:1fr}.frow label{text-align:left}.mrow{grid-template-columns:1fr}.top-user .uname-t{display:none}.mobile-only{display:inline-flex}.hide-mobile{display:none!important}.page-title{line-height:56px}}