.app{display:grid!important;grid-template-columns:210px minmax(0,1fr)!important;min-height:100vh}.side{display:flex!important;flex-direction:column!important;position:fixed!important;left:0!important;top:0!important;width:210px!important;height:100vh!important;z-index:110!important;background:#062b4a!important;color:#dbe9f5!important;padding:24px 10px!important}.main{grid-column:2!important;min-width:0!important}.brand{padding:0 13px 24px!important}.nav{display:block!important;color:#dbe9f5!important;text-decoration:none!important;padding:13px 14px!important;margin:4px 0!important;border-radius:7px!important;font:15px "Microsoft YaHei",sans-serif!important}.nav:hover{background:#0b3d60!important}.nav.on{background:#0b96a5!important;color:#fff!important;font-weight:700!important}.nav-settings{margin-top:4px!important}.nav-group{margin:4px 0}.nav-group>button{width:100%;border:0;background:transparent;color:#dbe9f5;text-align:left;padding:13px 14px;border-radius:7px;font:15px "Microsoft YaHei",sans-serif;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.nav-group>button:hover{background:#0b3d60}.nav-group.open>button,.nav-group>button.active{background:#0b96a5;color:#fff;font-weight:700}.nav-children{display:none;padding:3px 0 4px 12px}.nav-group.open .nav-children{display:block}.nav-child{display:block;color:#c8dceb;text-decoration:none;padding:10px 14px;border-radius:7px;margin:2px 0;font-size:14px}.nav-child:hover{background:#0b3d60}.nav-child.on{background:#147987;color:#fff;font-weight:700}.nav-arrow{font-size:12px;transition:transform .15s}.nav-group.open .nav-arrow{transform:rotate(180deg)}@media(max-width:980px){.app{display:block!important;grid-template-columns:1fr!important;min-width:0}.side{display:flex!important;position:static!important;width:100%!important;height:auto!important;min-height:0!important;max-width:100%;padding:8px!important;overflow-x:auto!important;overflow-y:hidden!important;flex-direction:row!important;align-items:center!important;gap:4px!important;white-space:nowrap!important}.brand{display:none!important}.nav,.nav-settings{flex:0 0 auto!important;margin:0!important;padding:9px 11px!important}.nav-group{flex:0 0 auto!important;margin:0!important}.nav-group>button{padding:9px 11px!important;white-space:nowrap!important}.nav-children{position:absolute!important;z-index:120!important;min-width:160px!important;padding:4px!important;background:#062b4a!important;box-shadow:0 10px 22px #061a2a66!important}.main{grid-column:1!important;min-width:0!important;max-width:100%!important;overflow-x:hidden!important}.table-wrap{max-width:100%!important;overflow:auto!important}.filters,.filter,.toolbar{max-width:100%!important;flex-wrap:wrap!important}.filters>*,.filter>*{min-width:0!important}}@media(max-width:620px){.main{padding-left:12px!important;padding-right:12px!important}}