*{margin:0;padding:0}html,body{height:100%}#app{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;-webkit-box-sizing:inherit;box-sizing:inherit}html{-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;-ms-touch-action:manipulation;touch-action:manipulation}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;padding:0;background-color:#ededed;counter-reset:full-block;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif}label{font-weight:700}html{height:100%;-webkit-box-sizing:border-box;box-sizing:border-box}#app{height:100%}*,*:before,*:after{-webkit-box-sizing:inherit;box-sizing:inherit}a,a:focus,a:hover{cursor:pointer;color:inherit;outline:none;text-decoration:none}div:focus{outline:none}a:focus,a:active{outline:none}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.app-main{min-height:100%}.app-container{padding:20px}.agent-page{padding:20px;max-width:1200px;width:100%;margin:0 auto;font-family:system-ui,-apple-system,sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}.agent-page__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:24px;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:12px}.agent-page__title{font-size:24px;font-weight:700;color:#555;margin:0}.agent-page__tabs{display:-webkit-box;display:-ms-flexbox;display:flex;gap:4px;-ms-flex-wrap:wrap;flex-wrap:wrap;border-bottom:1px solid #e0e4ea;padding:0 4px}.agent-page__btn{font-size:14px;font-weight:500;border:none;border-radius:6px;cursor:pointer;-webkit-transition:all .2s;transition:all .2s;padding:10px 20px;white-space:nowrap}.agent-page__btn:hover{opacity:.9}.agent-page__btn--primary{background-color:#487ee4;color:#fff}.agent-page__btn--outline{background-color:#fff;color:#487ee4;border:1px solid #487ee4}.agent-page__btn--outline:hover{background-color:#487ee4;color:#fff}.agent-page__btn--danger{background-color:#dc2626;color:#fff}.agent-page__btn--outline-danger{background-color:transparent;color:#dc2626;border:1px solid #dc2626}.agent-page__btn--outline-danger:hover{background-color:#dc2626;color:#fff}.agent-page__btn--sm{padding:6px 12px;font-size:13px;border-radius:4px}.agent-page__btn--md{padding:8px 20px}.agent-page__btn:disabled{cursor:not-allowed;opacity:.6}.agent-page__tab-btn{position:relative;padding:11px 24px;font-size:14px;font-weight:500;border:none;border-radius:8px 8px 0 0;margin-bottom:-1px;background-color:transparent;color:#8b95a5;cursor:pointer;-webkit-transition:color .2s,background-color .2s;transition:color .2s,background-color .2s;line-height:1.4;letter-spacing:.01em}.agent-page__tab-btn:after{content:"";position:absolute;bottom:0;left:8px;right:8px;height:2.5px;border-radius:2px 2px 0 0;background-color:transparent;-webkit-transition:background-color .2s;transition:background-color .2s}.agent-page__tab-btn:hover{color:#555}.agent-page__tab-btn--active{color:#487ee4;font-weight:600}.agent-page__tab-btn--active:after{background-color:#487ee4}.agent-page__cat-tabs{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap}.agent-page__cat-btn{padding:7px 16px;font-size:13px;font-weight:500;border:2px solid #d0d0d0;border-radius:6px;background-color:#fff;color:#555;cursor:pointer;-webkit-transition:all .2s;transition:all .2s;line-height:1.4}.agent-page__cat-btn:hover{border-color:#487ee4;color:#487ee4}.agent-page__cat-btn--active{border-color:#487ee4;background-color:#487ee4;color:#fff}.agent-page__cat-btn--active:hover{border-color:#3a6bc9;background-color:#3a6bc9;color:#fff}.agent-page__error-box{background-color:#fff;border-radius:8px;padding:40px 20px;text-align:center;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1);box-shadow:0 2px 4px #0000001a}.agent-page__error-title{margin:0 0 16px;font-size:20px;font-weight:600;color:#333}.agent-page__table-wrap{background-color:#fff;border-radius:8px;overflow:hidden;-webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,.1);box-shadow:0 1px 3px #0000001a;border:1px solid #d0d0d0;width:100%}.agent-page__table-wrap--shadow{border:none;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px #0000001a}.agent-page__table-scroll{overflow-x:auto;overflow-y:auto;max-height:calc(100vh - 260px)}.agent-page__table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px;min-width:600px}.agent-page__table--sm{font-size:13px}.agent-page__th{padding:10px 12px;text-align:center;background-color:#f5f7fa;color:#555;font-weight:600;border-bottom:2px solid #e0e4ea;border-right:1px solid #e0e4ea;white-space:nowrap;position:sticky;top:0;z-index:2}.agent-page__th--left{text-align:left;padding:12px 16px}.agent-page__th--sticky{min-width:140px;position:sticky;left:0;z-index:3;border-right:2px solid #c8d0e0}.agent-page__th--sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.agent-page__th--group{background-color:#eef2fa;color:#3b3e44;border-bottom:none;border-left:2px solid #c8d0e0}.agent-page__th--sub{padding:6px 8px;font-size:11px;font-weight:500;color:#777;text-align:center;background-color:#f5f7fa;border-right:1px solid #eaeaea;border-top:1px solid #e0e4ea;border-bottom:none;-webkit-box-shadow:inset 0 -2px 0 0 #e0e4ea;box-shadow:inset 0 -2px #e0e4ea;min-width:80px;width:80px}.agent-page__td{padding:9px 12px;color:#555;border-bottom:1px solid #eaeaea;border-right:1px solid #eaeaea}.agent-page__td--center{text-align:center;vertical-align:middle;padding:9px 8px}.agent-page__td--sticky{font-weight:500;color:#3b3e44;white-space:nowrap;position:sticky;left:0;z-index:1;border-right:2px solid #c8d0e0}.agent-page__td--custom{background-color:#eff6ff;color:#1a6ed8;font-weight:600}.agent-page__td--empty-val{color:#b1b1b1}.agent-page__row--even .agent-page__td{background-color:#fafbfc}.agent-page__row--odd .agent-page__td{background-color:#fff}.agent-page__row--even .agent-page__td--custom{background-color:#eff6ff}.agent-page__row:hover .agent-page__td{background-color:#f0f9ff}.agent-page__tr-drafts{border-bottom:1px solid #d0d0d0;-webkit-transition:background-color .2s;transition:background-color .2s}.agent-page__tr-drafts:nth-child(odd){background-color:#fff}.agent-page__tr-drafts:nth-child(2n){background-color:#f9fafb}.agent-page__tr-drafts:hover{background-color:#f0f9ff}.agent-page__tr-drafts td{padding:12px 16px;color:#555}.agent-page__sort-icon{margin-left:6px;color:#d0d0d0}.agent-page__sort-icon--active{color:#487ee4}.agent-page__spinner-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:40px 20px}.agent-page__spinner{width:36px;height:36px;border:3px solid #d0d0d0;border-top-color:#487ee4;border-radius:50%;-webkit-animation:agent-page-spin .9s linear infinite;animation:agent-page-spin .9s linear infinite}.agent-page__spinner--lg{width:40px;height:40px;margin:0 auto 16px}@-webkit-keyframes agent-page-spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes agent-page-spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.agent-page__empty{padding:40px 20px;text-align:center;color:#777}.agent-page__empty-text{font-size:16px;margin-bottom:8px;color:#555}.agent-page__empty-sub{font-size:13px;color:#aaa}.agent-page__legend{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;font-size:12px;color:#777;margin-top:12px}.agent-page__legend-dot{width:10px;height:10px;border-radius:50%;background-color:#487ee4;-ms-flex-negative:0;flex-shrink:0}.agent-page__badge{display:inline-block;width:6px;height:6px;border-radius:50%;background-color:#487ee4;margin-left:4px;vertical-align:middle}.agent-page__search-panel{margin-bottom:24px;padding:20px;background-color:#f9fafb;border-radius:8px;border:1px solid #d0d0d0}.agent-page__search-row{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:12px}.agent-page__select{padding:10px 40px 10px 12px;font-size:14px;border:1px solid #d0d0d0;border-radius:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23b1b1b1' d='M2 4l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-color:#fff;width:100%;cursor:pointer;-webkit-transition:border-color .2s;transition:border-color .2s;color:#555}.agent-page__select:focus{border-color:#487ee4;outline:none}.agent-page__input{padding:10px 12px;font-size:14px;border:1px solid #d0d0d0;border-radius:6px;width:100%;background-color:#fff;-webkit-transition:border-color .2s;transition:border-color .2s;-webkit-box-sizing:border-box;box-sizing:border-box}.agent-page__input:focus{border-color:#487ee4;outline:none}.agent-page__input:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed;border-color:#e5e7eb}.agent-page__input-clear{position:absolute;right:8px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#b1b1b1;font-size:16px;padding:0;line-height:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.agent-page__input-clear:hover{color:#555}.agent-page__search-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:12px;border-top:1px solid #d0d0d0}.agent-page__meta-text{color:#b1b1b1;font-size:14px}.agent-page__pagination{padding:16px;border-top:1px solid #d0d0d0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#f9fafb}.agent-page__pagination-info{color:#b1b1b1;font-size:14px}.agent-page__pagination-controls{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.agent-page__pagination-label{padding:0 12px;color:#555;font-size:14px}.agent-page__pagination-ellipsis{padding:0 4px;color:#94a3b8;font-size:14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.agent-page__pagination-input{width:56px;padding:4px 8px;font-size:13px;text-align:center;margin-left:4px;-moz-appearance:textfield}.agent-page__pagination-input::-webkit-outer-spin-button,.agent-page__pagination-input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.agent-page__modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:2000;overflow:hidden;-ms-scroll-chaining:none;overscroll-behavior:contain}.agent-page__modal{background-color:#fff;padding:24px;border-radius:8px;max-width:400px;width:90%;max-height:90vh;overflow-y:auto;-webkit-box-shadow:0 4px 6px rgba(0,0,0,.1);box-shadow:0 4px 6px #0000001a}.agent-page__modal--commission{max-width:90%;width:90%;max-height:calc(100vh - 60px);overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.agent-page__modal--commission>.agent-page__modal-title{-ms-flex-negative:0;flex-shrink:0}.agent-page__modal--commission .agent-page__modal-body{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;min-height:0;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.agent-page__modal--commission .commission-table-root{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;min-height:0;overflow:hidden}.agent-page__modal--commission .commission-table-root>.agent-page__search-row{-ms-flex-negative:0;flex-shrink:0}.agent-page__modal--commission .commission-table-root>.agent-page__spinner-wrap,.agent-page__modal--commission .commission-table-root>.agent-page__empty,.agent-page__modal--commission .commission-table-root>.agent-page__error-box{-ms-flex-negative:0;flex-shrink:0}.agent-page__modal--commission .agent-page__table-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;min-height:0;overflow:hidden}.agent-page__modal--commission .agent-page__table-scroll{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;min-height:0;max-height:none;overflow:auto}.agent-page__modal--commission .agent-page__legend{-ms-flex-negative:0;flex-shrink:0;margin-top:0}.agent-page__modal--commission .agent-page__modal-footer{-ms-flex-negative:0;flex-shrink:0;padding-top:16px;text-align:right}.agent-page__modal-title{font-size:18px;font-weight:600;margin-top:0;margin-bottom:12px;color:#555}.agent-page__modal-text{font-size:15px;margin-bottom:24px;color:#b1b1b1;line-height:1.5}.agent-page__modal-actions{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.agent-page__link{color:#487ee4;text-decoration:none}.agent-page__link:hover{text-decoration:underline}.agent-page__mono{font-family:monospace;font-weight:500}.agent-page ::-webkit-scrollbar{width:6px;height:6px}.agent-page ::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.agent-page ::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:3px}.agent-page ::-webkit-scrollbar-thumb:hover{background:#b1b1b1}.agent-page__group-border-left{border-left:2px solid #c8d0e0}.agent-page__th--sticky+.agent-page__th--group{border-left:none}.agent-page__td--sticky+.agent-page__group-border-left{border-left:none}.commission-header-row2 th:first-child.agent-page__group-border-left{border-left:none}.agent-page__sync-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px 12px;background:#f9fafb;border-radius:6px}.agent-page__sync-label{font-size:14px;color:#555}.agent-page__sync-value{font-size:16px;font-weight:700;color:#1f2937}.agent-page__dropdown{position:relative;display:inline-block}.agent-page__dropdown-menu{position:absolute;top:100%;right:0;margin-top:4px;background-color:#fff;border:1px solid #d0d0d0;border-radius:6px;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.12);box-shadow:0 4px 12px #0000001f;z-index:100;min-width:140px;overflow:hidden}.agent-page__dropdown-item{display:block;width:100%;padding:8px 14px;font-size:13px;color:#555;background:none;border:none;text-align:left;cursor:pointer;-webkit-transition:background-color .15s;transition:background-color .15s}.agent-page__dropdown-item:hover{background-color:#f0f5ff;color:#487ee4}.agent-page__dropdown-item--danger{color:#dc2626}.agent-page__dropdown-item--danger:hover{background-color:#fef2f2;color:#dc2626}.agent-page__dropdown-item+.agent-page__dropdown-item{border-top:1px solid #f0f0f0}.agent-page__actions-trigger{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:32px;height:32px;border:1px solid #d0d0d0;border-radius:6px;background-color:#fff;color:#6b7280;cursor:pointer;-webkit-transition:all .2s;transition:all .2s}.agent-page__actions-trigger:hover{border-color:#487ee4;color:#487ee4;background-color:#f0f5ff}.agent-page__label{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:6px}.agent-page__upload-zone{border:2px dashed #d0d0d0;border-radius:8px;padding:12px 16px;cursor:pointer;-webkit-transition:border-color .2s,background-color .2s;transition:border-color .2s,background-color .2s}.agent-page__upload-zone:hover,.agent-page__upload-zone--active{border-color:#487ee4;background-color:#f0f5ff}.agent-page__progress-bar{height:100%;width:40%;background-color:#487ee4;border-radius:3px;-webkit-animation:agent-page-progress 1.2s ease-in-out infinite;animation:agent-page-progress 1.2s ease-in-out infinite}@-webkit-keyframes agent-page-progress{0%{-webkit-transform:translateX(-100%);transform:translate(-100%)}to{-webkit-transform:translateX(350%);transform:translate(350%)}}@keyframes agent-page-progress{0%{-webkit-transform:translateX(-100%);transform:translate(-100%)}to{-webkit-transform:translateX(350%);transform:translate(350%)}}