body:has(.fi-page){background:#eff1f4;font-size:12px}body:has(.fi-page) .topnav,body:has(.fi-page) .nav-trigger{height:40px}body:has(.fi-page) .nav-menu{top:40px}body:has(.fi-page) .logo{width:160px}body:has(.fi-page) .logo img{width:32px;height:32px}body:has(.fi-page) .page-heading{height:46px;padding:6px 15px}body:has(.fi-page) .page-heading h1{font-size:24px}body:has(.fi-page) main{padding:18px 15px 50px;min-height:calc(100vh - 86px)}body:has(.fi-page) .nav-group:has([data-group="工具"]){order:3}body:has(.fi-page) .nav-spacer{order:1}body:has(.fi-page) .nav-icon{order:2;margin-right:50px}body:has(.fi-page) .topnav>[data-group="管理员"]{order:4;margin-left:30px}.fi-page .filter-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px 18px}.fi-page .filter-pair{height:29px}.fi-page .filter-pair>span{width:37%;background:#eee;font-size:11px}.fi-page .filter-pair>input,.fi-page .filter-pair>select{width:63%;min-width:0;border:1px solid #d8d8d8;color:#80878d;background:#fff;padding:0 8px;font-size:11px}.fi-page select,.fi-modal select{appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='16'%3E%3Cpath d='M5 5l5 5 5-5' fill='none' stroke='%23bbb'/%3E%3C/svg%3E") right 5px center/16px no-repeat!important}.fi-dates{display:flex;width:63%;border:1px solid #d8d8d8;align-items:center}.fi-page .fi-dates input{border:0;width:46%;padding:0 5px;font-size:11px}.fi-dates b{font-weight:400;color:#aaa}.fi-page .filter-buttons button{height:28px;background:#eee;font-size:11px}.fi-page .filter-panel{margin-bottom:18px}.fi-page .action-bar{gap:0;margin-bottom:7px}.fi-page .action-dark{height:26px;border-radius:0;font-size:11px;padding:0 10px}.fi-more{position:relative}.fi-more-menu{position:absolute;left:0;top:28px;min-width:140px;background:#fff;box-shadow:0 4px 12px #0003;z-index:5;padding:5px 0}.fi-more-menu button{display:block;border:0;background:white;text-align:left;width:100%;padding:8px 16px;font-size:12px;color:#73808b}.fi-more-menu button:hover{background:#def0f4}.fi-page .status-tabs{border-bottom:4px solid #ed4846}.fi-page .status-tabs button{padding:11px 10px;font-size:11px}.fi-page .status-tabs button.active{background:#ed4846}.fi-page .table-tools{gap:0;padding:7px;background:white}.fi-page .table-tools button{padding:3px 14px;height:25px;font-size:11px;background:#eee}.fi-page .table-tools .selected-count{background:white;color:#008bd9;font-size:12px;margin-right:5px;padding:3px 16px}.fi-page .table-tools .fi-danger{background:#ed4846;color:white;border-color:#ed4846}.fi-page table{table-layout:auto;font-size:11px}.fi-page th,.fi-page td{padding:9px 5px;font-weight:400;white-space:normal;overflow-wrap:anywhere;color:#71808b;max-width:180px}.fi-page th{white-space:nowrap;background:#fafafa}.fi-page td:first-child,.fi-page th:first-child{width:27px}.fi-page td:nth-child(2){min-width:80px;max-width:115px}.fi-page tbody tr:nth-child(even){background:#f8f8f8}.fi-page .fi-payment{white-space:nowrap;color:#bd6161;line-height:17px}.fi-page .fi-payment.approved{color:#348650}.fi-empty{height:113px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#c5c5c5;gap:3px}.fi-page .pagination{font-size:11px;gap:8px;padding-top:23px}.fi-page .pagination button,.fi-page .pagination b,.fi-page .pagination select{padding:3px 6px}.fi-modal.demo-modal{top:0;right:0;left:auto;transform:none;width:min(1024px,calc(100vw - 5px));height:100vh;max-height:100vh;font-size:11px;color:#80878d}.fi-modal .modal-head{height:40px}.fi-modal .modal-head h2{font-size:16px}.fi-modal .modal-content{padding:14px 20px 70px}.fi-columns{display:grid;grid-template-columns:1fr 1fr;gap:70px}.fi-field{display:grid;grid-template-columns:94px minmax(0,247px);gap:10px;align-items:start;min-height:30px;margin-bottom:20px}.fi-field>span{text-align:right;padding-top:8px;white-space:nowrap}.fi-field em{color:#ff5757;font-style:normal}.fi-field input:not([type=checkbox]):not([type=radio]):not([type=file]),.fi-field select,.fi-field textarea{width:100%;height:29px;border:1px solid #d9d9d9;color:#80878d;font:inherit;padding:4px 10px;box-shadow:none;border-radius:1px;min-width:0}.fi-field textarea{height:55px;resize:vertical}.fi-field input:disabled,.fi-field select:disabled,.fi-field textarea:disabled{color:#b7b9bc;background:#f5f5f5!important;opacity:1}.fi-segments{display:flex;width:144px}.fi-segments label{position:relative;display:grid;place-items:center;width:72px;height:29px;border:1px solid #ddd}.fi-segments label+label{border-left:0}.fi-segments input{position:absolute;inset:0;opacity:0;margin:0;width:100%;height:100%;cursor:pointer}.fi-segments label:has(:checked){background:#f6faf7;color:#59a560}.fi-checks{margin-left:104px;display:flex;flex-direction:column;gap:12px;margin-bottom:8px}.fi-checks label{display:flex;gap:6px;align-items:center}.fi-checks input{margin:0;width:14px;height:14px}.fi-upload{position:relative;border:1px dashed #d9d9d9;width:94px;min-height:94px;background:#fafafa;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.fi-upload input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.fi-upload b{font-size:42px;font-weight:200;color:#ccc}.fi-upload span{font-size:11px;white-space:pre-line;text-align:center;overflow-wrap:anywhere}.fi-upload-big{width:310px;min-height:139px;padding:12px}.fi-upload-big b{color:#2197c2;font-size:38px}.fi-upload-big span{line-height:24px}.fi-extra{margin:30px 0 0 104px;max-width:350px;color:#8c959d}.fi-extra summary{cursor:pointer;margin-bottom:14px}.fi-modal .modal-foot button{height:29px;font-size:12px}.fi-field input:focus,.fi-field textarea:focus,.fi-field select:focus{outline:none;border-color:#40a9ff}.fi-page [hidden]{display:none}
.fi-columns{gap:6px}.fi-upload input[type=file],.fi-upload input[type=file]:disabled{opacity:0!important}.fi-segments input[type=radio],.fi-segments input[type=radio]:disabled{opacity:0!important}.fi-page tbody tr:has(.fi-empty):hover{background:#fff}.fi-page .status-tabs button{padding-left:12px;padding-right:12px}.fi-page .table-tools button{min-width:76px}.fi-modal input:disabled::placeholder,.fi-modal textarea:disabled::placeholder{color:#b7b9bc}.fi-modal select:disabled{background:#f5f5f5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='16'%3E%3Cpath d='M5 5l5 5 5-5' fill='none' stroke='%23bbb'/%3E%3C/svg%3E") right 5px center/16px no-repeat!important}
