#backoffice-view{display:block;width:100%;padding:144px 24px 24px;min-height:100vh;background:#eff3f6;color:#4c5264;font-family:Arial,'Microsoft YaHei','PingFang SC',sans-serif}#backoffice-view[hidden]{display:none!important}.bo-layout{display:grid;grid-template-columns:210px minmax(0,1fr);max-width:1600px;margin:0 auto;background:#fff;min-height:calc(100vh - 185px);box-shadow:0 1px 16px #020a1e05;border:1px solid #e8edf4}.bo-aside{position:relative;display:flex;flex-direction:column;min-height:100%;border-right:1px solid #e9edf4;background:#fff;padding:0 14px}.bo-workspace-title{height:68px;display:flex;align-items:center;gap:11px;padding:0 17px;font-size:15px;font-weight:700;color:#263c5b;border-bottom:1px solid #eff2f6;margin:0 0 16px}.bo-workspace-title svg{width:20px;height:20px;color:#8a9cb7}.bo-aside nav>button{display:flex;width:100%;height:49px;justify-content:flex-start;align-items:center;gap:12px;font-size:14px;color:#7f899e;padding:0 18px;border-radius:5px;margin:2px 0}.bo-aside nav>button svg{height:17px;width:17px;color:#a0acbf}.bo-aside nav>button:hover{background:#f6f8fb;color:#0a3474}.bo-aside nav>button.active{background:#eef3fb;color:#0a3474}.bo-aside nav>button.active svg{color:#0a3474}.bo-aside-bottom{margin-top:auto;padding:40px 17px 25px;color:#b0b8c6;font-size:10px;line-height:1.9}.bo-main{min-width:0;background:#f6f8fb}.bo-page-tab{height:44px;background:#fff;border-bottom:1px solid #e8edf4;display:flex;align-items:stretch;box-shadow:0 4px 8px #020a1e03}.bo-page-tab>span{font-size:13px;color:#0a3474;border-bottom:2px solid #0a3474;display:flex;align-items:center;padding:0 24px;font-weight:500}.bo-content{padding:25px 25px 20px}.bo-page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 22px}.bo-page-heading h1{font-size:18px;font-weight:600;color:#313b4d;letter-spacing:0;line-height:1.5;margin:0}.bo-heading-actions{display:flex;gap:10px;align-items:center}.bo-heading-actions select{height:31px;background:#fff;border:1px solid #dce4ef;border-radius:4px;color:#818fa4;font-size:11px;padding:0 8px;outline:none}.bo-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:33px;background:#fff;border:1px solid #dce4ee;border-radius:4px;padding:0 13px;color:#6a7890;font-size:12px;white-space:nowrap;font-weight:400;box-sizing:border-box;cursor:pointer}.bo-button:hover{border-color:#a3b7d3;color:#0a3474;background:#f9fbfe}.bo-button.primary{border-color:#0a3474;background:#0a3474;color:#fff}.bo-button.primary:hover{background:#30568b;border-color:#30568b}.bo-button svg{height:14px;width:14px}.bo-button.icon-only{width:31px;height:31px;padding:0}.bo-button:disabled{opacity:.4;cursor:not-allowed}.bo-filter-form{display:flex;align-items:flex-end;gap:12px;background:#fff;border:1px solid #e6ebf3;border-radius:5px;padding:17px 18px;margin-bottom:20px}.bo-filter-form>label{display:flex;flex-direction:column;gap:9px;min-width:0;flex:1;max-width:210px;color:#7b889c;font-size:11px}.bo-filter-form .bo-filter-wide{flex:2;max-width:450px}.bo-filter-form input,.bo-filter-form select{height:33px;width:100%;border:1px solid #dce4ef;border-radius:4px;background:#fff;outline:none;padding:0 10px;color:#5f6b83;font-size:12px;box-sizing:border-box;min-width:0}.bo-filter-form input::placeholder{color:#b0b8c6;font-size:11px}.bo-filter-form input:focus,.bo-filter-form select:focus{border-color:#94aecd}.bo-date-to{font-size:11px;color:#a1adbf;align-self:flex-end;line-height:33px;margin:0 -5px}.bo-label-empty{padding-top:20px}.bo-table-tools{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 15px}.bo-table-tools>div{display:flex;gap:10px;align-items:center}.bo-table-card{border:1px solid #e3e9f2;background:#fff;border-radius:5px;overflow:hidden}.bo-table-scroll{overflow:auto;width:100%;scrollbar-width:thin;scrollbar-color:#cbd5e3 #f3f6fa}.bo-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:12px;color:#69768b;text-align:left}.bo-table thead{background:#f7f9fc;border:0}.bo-table th{height:46px;padding:0 14px;border-bottom:1px solid #e6ecf4;color:#3b4354;font-weight:700;font-size:12px;white-space:nowrap;background:#f7f9fc}.bo-table td{height:55px;padding:12px 14px;line-height:1.6;border-bottom:1px solid #e9edf4;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#727d91;vertical-align:middle}.bo-table tbody tr:nth-child(even){background:#f8fafc}.bo-table tbody tr:hover{background:#f0f5fc}.bo-table .bo-check{width:46px;min-width:46px;padding-left:16px;padding-right:10px}.bo-table input[type=checkbox]{accent-color:#0a3474;width:14px;height:14px;cursor:pointer;margin:0;vertical-align:middle}.bo-table .bo-actions-column{position:sticky;right:0;z-index:1;background:inherit;box-shadow:-4px 0 6px #52647f05}.bo-table thead .bo-actions-column{background:#f7f9fc}.bo-table tbody tr:nth-child(odd) .bo-actions-column{background:#fff}.bo-table tbody tr:nth-child(even) .bo-actions-column{background:#f8fafc}.bo-table tbody tr:hover .bo-actions-column{background:#f0f5fc}.bo-row-actions{display:flex;align-items:center;gap:12px}.bo-row-actions button{font-size:11px;color:#426b9e;padding:2px 0;white-space:nowrap;display:inline-flex;border:0;background:none;height:auto}.bo-row-actions button:hover{color:#0a3474;text-decoration:underline}.bo-pagination{height:60px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 18px;background:#fff}.bo-page-summary{font-size:11px;color:#99a5b8}.bo-pages{display:flex;align-items:center;gap:5px}.bo-pages button{font-size:11px;min-width:27px;height:27px;padding:0 5px;color:#8c9bb1;background:#fff;border:1px solid transparent;border-radius:3px}.bo-pages button:hover{border-color:#d0dceb;color:#0a3474}.bo-pages button.selected{background:#0a3474;border-color:#0a3474;color:#fff}.bo-pages button:disabled{opacity:.35}.bo-pages>span{color:#a2aec0;font-size:11px;padding:0 2px}.bo-business-tabs{display:flex;align-items:stretch;gap:28px;border-bottom:1px solid #dfe7f1;margin-bottom:20px;padding:0 5px;height:41px}.bo-business-tabs>button{height:41px;color:#909eb3;font-size:13px;font-weight:400;padding:0 2px;border-bottom:2px solid transparent;border-radius:0;white-space:nowrap}.bo-business-tabs>button.active{color:#0a3474;border-bottom-color:#0a3474;font-weight:700}.bo-tag{display:inline-flex;font-size:10px;border-radius:3px;border:1px solid #e0e8f4;background:#f0f5fc;color:#718dae;padding:3px 8px;line-height:1.5;white-space:nowrap}.bo-tag.pending{background:#fff8ed;border-color:#f4e8d3;color:#b0976b}.bo-tag.success{background:#f0f6ff;border-color:#dce8f8;color:#6388b5}.bo-empty{text-align:center;background:#fff;padding:50px 20px 55px}.bo-empty>svg{height:38px;width:38px;color:#c0ccdd}.bo-empty h3{font-size:14px;color:#8798b0;font-weight:400;margin:20px 0 11px}.bo-empty p{font-size:11px;color:#acb6c6;margin:0;line-height:1.9}.bo-evidence-note{font-size:10px;color:#a9b3c2;line-height:1.9;margin:17px 0 0}.bo-service-note{font-size:11px;line-height:1.9;color:#8f9fb6;background:#edf2f9;border:1px solid #e1e8f2;border-radius:4px;padding:11px 14px;margin:15px 0 0}.bo-loading,.bo-load-error{padding:70px 20px;text-align:center;background:#fff;border:1px solid #e5ebf4;border-radius:5px;color:#99a8bd;font-size:12px}.bo-load-error p{margin:0 0 18px;line-height:1.9}.bo-notice{font-size:11px;line-height:1.9;color:#577baa;background:#edf4fd;border:1px solid #dce8f7;border-radius:4px;padding:10px 14px;margin-bottom:18px}.bo-notice.error{background:#fff8ed;border-color:#f0e3cc;color:#b3915d}.bo-modal{border:0;border-radius:7px;width:min(760px,calc(100% - 36px));max-height:86vh;background:#fff;padding:0;box-shadow:0 15px 65px #051d4933;position:fixed;overflow:auto;color:#52627c;font-family:Arial,'Microsoft YaHei','PingFang SC',sans-serif}.bo-modal.compact{width:min(470px,calc(100% - 36px))}.bo-modal::backdrop{background:#12223966;backdrop-filter:blur(3px)}.bo-modal-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 25px;border-bottom:1px solid #e9edf4;background:#fff;position:sticky;top:0;z-index:2}.bo-modal-header h2{font-size:17px;font-weight:500;color:#303d53;letter-spacing:0;line-height:1.5;margin:0}.bo-modal-header>button{height:26px;width:26px;background:none;border:0;color:#a0adbf;padding:0;border-radius:3px;display:flex;align-items:center;justify-content:center}.bo-modal-header>button:hover{background:#f1f5fb;color:#0a3474}.bo-modal-header svg{width:19px;height:19px}.bo-modal-body{padding:25px}.bo-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.bo-form-field{display:flex;flex-direction:column;min-width:0;gap:9px}.bo-form-field.wide,.bo-form-grid>.wide{grid-column:1/-1}.bo-form-field>span{font-size:12px;color:#7b8ca4;line-height:1.5}.bo-form-field em{font-style:normal;color:#b39368}.bo-form-field input,.bo-form-field select,.bo-form-field textarea{width:100%;min-width:0;box-sizing:border-box;border:1px solid #dce4ef;background:#fff;border-radius:4px;padding:9px 11px;outline:none;color:#566981;font-size:12px;font-family:inherit;height:37px;line-height:1.5}.bo-form-field input::placeholder,.bo-form-field textarea::placeholder{color:#b4becc;font-size:11px}.bo-form-field textarea{height:auto;resize:vertical;line-height:1.9}.bo-form-field input:focus,.bo-form-field select:focus,.bo-form-field textarea:focus{border-color:#8eaad0;box-shadow:0 0 0 2px #0a347406}.bo-form-field small{font-size:10px;color:#9daabd;line-height:1.7}.bo-modal.compact .bo-form-grid{grid-template-columns:1fr}.bo-modal.compact .bo-form-grid>*{grid-column:auto}.bo-form-help{font-size:10px;color:#9eacc0;line-height:1.9;margin:20px 0 0}.bo-form-error{font-size:11px;color:#b18856;background:#fcf7ee;border:1px solid #eee3d0;border-radius:4px;padding:11px 13px;margin:18px 0 0;line-height:1.9}.bo-modal-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:24px;padding-top:18px;border-top:1px solid #edf1f7}.bo-modal-actions .bo-button{height:35px;min-width:70px;font-size:12px}.bo-checkbox-label{display:flex;align-items:center;gap:8px;font-size:12px;color:#7b8ca7;line-height:1.7}.bo-checkbox-label input{height:14px;width:14px;min-width:14px;padding:0;accent-color:#0a3474}.bo-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.bo-detail-grid>div{padding-bottom:15px;border-bottom:1px solid #ecf0f6;min-width:0}.bo-detail-grid .wide{grid-column:1/-1}.bo-detail-grid span{font-size:10px;color:#9cabbe}.bo-detail-grid p{font-size:12px;line-height:1.9;color:#607995;margin:9px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.bo-audit{font-size:10px;line-height:2;color:#a4b0c2;margin:22px 0 0;padding-top:14px;border-top:1px solid #edf1f7}.bo-column-options{display:grid;grid-template-columns:1fr 1fr;gap:16px}.bo-column-options>label{display:flex;align-items:center;gap:8px;font-size:12px;color:#7a8da8}.bo-column-options input{width:14px;height:14px;accent-color:#0a3474;margin:0}.bo-profile-card{background:#fff;border:1px solid #e3eaf3;border-radius:5px;padding:25px 30px 30px;max-width:1000px}.bo-profile-heading{display:flex;align-items:center;gap:14px;margin:0 0 14px;padding-bottom:19px;border-bottom:1px solid #edf1f7}.bo-profile-heading h2{font-size:15px;color:#394a66;letter-spacing:0;font-weight:600;margin:0}.bo-profile-intro{font-size:11px;color:#9aaac0;line-height:1.9;margin:0 0 24px}.bo-profile-card .bo-form-grid{gap:22px 26px}.bo-profile-actions{display:flex;align-items:center;gap:16px;margin:28px 0 0}.bo-profile-actions>span{font-size:10px;color:#adb8c9}.bo-profile-actions>.bo-button{height:36px;padding:0 23px}.bo-sr-only{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden;padding:0;margin:-1px;white-space:nowrap;border:0}
@media(max-width:1200px){#backoffice-view{padding-left:18px;padding-right:18px}.bo-layout{grid-template-columns:175px minmax(0,1fr)}.bo-aside{padding-left:10px;padding-right:10px}.bo-workspace-title{padding:0 13px;font-size:14px}.bo-aside nav>button{font-size:12px;padding:0 14px;gap:10px}.bo-content{padding:22px 20px}.bo-filter-form{flex-wrap:wrap;padding:15px}.bo-filter-form>label{flex:1 1 20%;max-width:none}.bo-date-to{display:none}.bo-filter-form>button{flex:0 0 auto}.bo-filter-form .bo-filter-wide{max-width:none;flex:1 1 40%}.bo-table th,.bo-table td{font-size:11px}.bo-table-tools{gap:12px}.bo-table-tools>div{gap:8px}.bo-button{font-size:11px;padding:0 10px}}
@media(max-width:900px){.bo-layout{grid-template-columns:155px minmax(0,1fr)}.bo-aside{padding-left:7px;padding-right:7px}.bo-aside nav>button{padding:0 11px;font-size:11px;gap:8px}.bo-aside nav>button svg{width:16px;height:16px}.bo-workspace-title{padding:0 10px;font-size:12px;gap:8px}.bo-content{padding:20px 17px}.bo-filter-form>label{flex:1 1 40%;min-width:130px}.bo-filter-form>button{flex:1}.bo-table-tools{align-items:flex-start;flex-wrap:wrap}.bo-table-tools>div{flex-wrap:wrap}.bo-page-heading h1{font-size:16px}.bo-business-tabs{gap:22px}.bo-business-tabs>button{font-size:12px}.bo-aside-bottom{font-size:9px;padding-left:10px;padding-right:10px}.bo-profile-card{padding:23px}.bo-profile-card .bo-form-grid{gap:19px}.bo-profile-actions{align-items:flex-start;flex-direction:column;gap:12px}}
@media(max-width:700px){#backoffice-view{padding:118px 12px 18px}.bo-layout{display:block;min-height:calc(100vh - 155px)}.bo-aside{border:0;padding:0;display:block;min-height:0;border-bottom:1px solid #e5eaf3}.bo-workspace-title,.bo-aside-bottom{display:none}.bo-aside nav{display:flex;align-items:stretch;justify-content:space-between;padding:0 7px;overflow-x:auto;scrollbar-width:none}.bo-aside nav>button{height:47px;border-radius:0;margin:0;justify-content:center;font-size:11px;padding:0 10px;gap:6px;white-space:nowrap;flex:1;min-width:78px}.bo-aside nav>button svg{height:14px;width:14px}.bo-aside nav>button.active{border-bottom:2px solid #0a3474;background:#f6f9fd}.bo-page-tab{display:none}.bo-content{padding:20px 13px 16px}.bo-page-heading{margin-bottom:17px;gap:10px}.bo-page-heading h1{font-size:16px}.bo-heading-actions{gap:8px}.bo-heading-actions select{font-size:10px;height:29px;padding:0 5px}.bo-button{height:30px;padding:0 9px;font-size:10px;gap:5px}.bo-button svg{width:12px;height:12px}.bo-button.icon-only{height:29px;width:29px}.bo-filter-form{padding:14px 12px;gap:14px 10px;margin-bottom:17px}.bo-filter-form>label{font-size:10px;gap:7px;min-width:0;flex:1 1 40%}.bo-filter-form input,.bo-filter-form select{height:34px;font-size:11px;padding:0 8px}.bo-filter-form input::placeholder{font-size:10px}.bo-filter-form .bo-filter-wide{flex:1 1 100%}.bo-filter-form>button{height:33px}.bo-label-empty{padding-top:0}.bo-table-tools{gap:12px;margin-bottom:13px}.bo-table-tools>div{gap:7px}.bo-table th{height:42px;font-size:11px;padding:0 12px}.bo-table td{font-size:11px;height:53px;padding:12px}.bo-table .bo-check{padding-left:13px}.bo-pagination{padding:0 12px;height:58px;gap:10px;flex-wrap:wrap;align-content:center}.bo-page-summary{font-size:9px}.bo-pages{gap:3px}.bo-pages button{height:24px;min-width:24px;font-size:10px}.bo-business-tabs{gap:20px;margin-bottom:17px;overflow-x:auto;scrollbar-width:none;height:38px}.bo-business-tabs>button{height:38px;font-size:11px}.bo-empty{padding:42px 15px}.bo-empty h3{font-size:12px}.bo-empty p{font-size:10px}.bo-evidence-note,.bo-service-note{font-size:9px;line-height:1.9}.bo-row-actions{gap:11px}.bo-row-actions button{font-size:10px}.bo-modal{width:calc(100% - 24px);max-height:88svh}.bo-modal.compact{width:calc(100% - 30px)}.bo-modal-header{padding:18px 19px}.bo-modal-header h2{font-size:15px}.bo-modal-body{padding:20px 19px}.bo-form-grid{gap:18px 13px}.bo-form-field>span{font-size:10px}.bo-form-field input,.bo-form-field select,.bo-form-field textarea{font-size:11px;padding:9px;height:37px}.bo-form-field textarea{height:auto}.bo-form-field input::placeholder{font-size:10px}.bo-form-help,.bo-audit{font-size:9px}.bo-modal-actions .bo-button{font-size:11px;height:34px}.bo-modal-actions{margin-top:20px}.bo-detail-grid{gap:18px 15px}.bo-detail-grid span{font-size:9px}.bo-detail-grid p{font-size:11px}.bo-profile-card{padding:20px 16px}.bo-profile-heading h2{font-size:14px}.bo-profile-intro{font-size:10px;line-height:1.9}.bo-profile-card .bo-form-grid{gap:18px 13px}.bo-profile-actions>span{font-size:9px}.bo-column-options{gap:15px 12px}.bo-column-options>label{font-size:11px}.bo-form-error{font-size:10px}.bo-notice{font-size:10px}}
@media(max-width:390px){.bo-aside nav>button svg{display:none}.bo-pagination{height:68px;justify-content:center;gap:7px}.bo-page-summary{width:100%;text-align:center}.bo-form-grid{grid-template-columns:1fr}.bo-form-grid>*{grid-column:auto!important}.bo-profile-card .bo-form-grid{grid-template-columns:1fr}.bo-profile-card .bo-form-grid>*{grid-column:auto}.bo-heading-actions select{width:92px}.bo-page-heading{gap:8px}}