@charset "UTF-8";
.fn-fssmall { font-size: 10.5px; }

.fn-ffa { font-family: arial; }

.fn-fcnormal { color: #8B97AB; }

.labtip { color: #8B97AB; text-align: left; margin-bottom: 2px; font-size: 11px; }

.umt-wrapper { border: 1px solid #E6EAF2; border-radius: 8px; overflow: hidden; }

.umt-box { display: block; }

.umt-thead th { color: #66748C !important; height: auto !important; padding: 8px 12px !important; border: 0 none !important; font-size: 12px !important; border-bottom: 1px solid #EFF2F7 !important; background-color: #FAFBFD !important; }

.umt-tbody td { border: 0 none !important; border-bottom: 1px solid #EFF2F7 !important; background-color: #fff; }

.umt-tr td { height: auto !important; padding: 8px 12px !important; }

.utime-line-tl { display: flex; align-items: center; min-width: 180px; }

.utime-line { display: flex; width: 56px; flex-direction: column; align-items: center; }
.utime-line .tl-icons { text-align: center; }
.utime-line .tl-dot { color: #8B97AB; width: 18px; height: 18px; margin: 0 auto; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #EDF0F5; }
.utime-line .tl-dot svg { width: 10px; height: 10px; }
.utime-line .tl-dot .iconfont { font-size: 14px; }
.utime-line .tl-val { color: #333; margin-top: 2px; margin-bottom: -2px; font-size: 11px; font-weight: 550; font-family: arial; }
.utime-line .tl-val:empty::before { content: "—"; color: #D5DCE8; font-weight: 400; visibility: hidden; }
.utime-line .tl-lab { color: #8B97AB; text-align: center; font-size: 10.5px; }
.utime-line.on .tl-dot { color: #fff; background-color: #1D6FE0; }
.utime-line.pink .tl-dot { color: #fff; background-color: #7A5AF8; }
.utime-line.green .tl-dot { color: #fff; background-color: #189A4A; }
.utime-line.blue .tl-dot { color: #fff; background-color: #1D6FE0; }
.utime-line.orange .tl-dot { color: #fff; background-color: #E46119; }
.utime-line.purple .tl-dot { color: #fff; background-color: #7A5AF8; }
.utime-line.red .tl-dot { color: #fff; background-color: #EE0000; }

.insight-strip { display: flex; align-items: center; gap: 8px; border-top: 1px solid #F0F3F8; padding: 9px 14px; font-size: 11.5px; color: #8B97AB; }

.utime-space { display: block; width: 8px; height: 2px; background: #EDF0F5; margin-bottom: 35px; border-radius: 2px; }

.umbtn { display: inline-flex; align-items: center; justify-content: center; gap: 5px; }
.umbtn:hover { text-decoration: none; }
.umbtn:hover * { text-decoration: none; }
.umbtn i { width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.umbtn b { display: inline-flex; align-items: center; gap: 5px; font-size: 11px; font-weight: 600; border-radius: 99px; transition: all .15s; cursor: pointer; padding-right: 4px; }
.umbtn b::after { content: ""; border: 4px solid transparent; border-top-color: currentColor; margin: 3px 0 -2px 2px; }
.umbtn .iconfont { font-size: 14px; }
.umbtn.mini { line-height: normal; padding: 2px 6px; font-size: 11px; }
.umbtn.small { font-size: 12px; }
.umbtn.square { border-radius: 3px; }
.umbtn.circle { padding: 3px 10px; border-radius: 99px; }
.umbtn.nicon { padding: 1px 15px 1px 10px; border-radius: 99px; }
.umbtn.nav { padding: 6px 6px; }
.umbtn.white { color: #66748C; background-color: #FFFFFF; }
.umbtn.white.hasbo { border: 1px solid #D5DCE8; }
.umbtn.gray { color: #7C8AA0; background-color: #ffffff; }
.umbtn.gray.dark { border: 1px solid #e0e3e7; }
.umbtn.line-gray { color: #7C8AA0; border: 1px solid #e0e3e7; }
.umbtn.green { color: #2ca45a; background-color: #dfffec; }
.umbtn.green.dark { border: 1px solid #a1eebf; }
.umbtn.line-green { color: #189A4A; border: 1px solid #d4e6db; }
.umbtn.blue { color: #1D6FE0; background-color: #E3EEFC; }
.umbtn.blue.dark { border: 1px solid #B6D6FF; }
.umbtn.line-blue { color: #1D6FE0; border: 1px solid #B6D6FF; }
.umbtn.line-blue { color: #1D6FE0; border: 1px solid #B6D6FF; }
.umbtn.red { color: #E5484D; background-color: #FDEDEE; }
.umbtn.red.dark { border: 1px solid #ecdcdd; }
.umbtn.line-red { color: #E5484D; border: 1px solid #ecdcdd; }
.umbtn.black { color: #fff; background-color: rgba(0, 0, 0, 0.9); }
.umbtn.black.dark { border: 1px solid #000000; }
.umbtn.orange { color: #e96f3e; background-color: #fdf2ea; }
.umbtn.orange.dark { border: 1px solid #ffa759; }
.umbtn.lightorange { color: #e96f3e; background-color: #f5e5df; }
.umbtn.lightorange.dark { border: 1px solid #ffcdbb; }
.umbtn.line-orange { color: #e96f3e; border: 1px solid #ffb283; }
.umbtn.purple { color: #7A5AF8; background-color: #EEEAFD; }
.umbtn.purple.dark { border: 1px solid #b79eff; }
.umbtn.line-purple { color: #7A5AF8; border: 1px solid #b79eff; }
.umbtn.yellow { color: #D97706; background-color: #FDF3E3; }
.umbtn.yellow.dark { border: 1px solid #ece2d2; }
.umbtn.line-yellow { color: #D97706; border: 1px solid #ece2d2; }
.umbtn.pointer { cursor: pointer; }

.vmbun { display: inline-flex; align-items: center; gap: 4px; height: 20px; padding: 0 7px 0 4px; font-size: 11px; font-weight: 600; border-radius: 3px; cursor: auto; }
.vmbun.yellow { color: #D97706; border: 1px solid #F2DCBB; background-color: #FDF3E3; }
.vmbun.purple { color: #4342ec; border: 1px solid #dbc8fc; background-color: #eee4fd; }
.vmbun.pointer { cursor: pointer; }

.topic-mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 840; display: none; }

.topic-panel { position: fixed; top: 0; right: -40%; width: 650px; height: 100%; background: #F4F6FA; z-index: 845; box-shadow: -2px 0 10px rgba(0, 0, 0, 0.3); overflow-y: auto; transition: none; }

.panel-head, .panel-heads { position: relative; border-bottom: 1px solid #eee; background-color: #fff; }
.panel-head .head, .panel-heads .head { padding: 0.3rem 0; font-size: 15px; font-weight: 700; }
.panel-head .sub, .panel-heads .sub { color: #66748C; font-size: 11.5px; font-weight: 400; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }

.panel-head { padding: 1rem; }

.panel-heads { padding: 0 0 0.5rem; }

.panel-cont { padding: 1rem; }

.panel-conts { padding: 0.5rem 0; }

.pd-section { font-size: 11.5px; font-weight: 700; color: #66748C; letter-spacing: .5px; margin: 6px 0 6px; display: flex; align-items: center; gap: 7px; }
.pd-section::before { content: ""; width: 3px; height: 12px; background: #2B7CE9; border-radius: 2px; }

.pd-tl { background: #ffffff; border: 1px solid #E6EAF2; border-radius: 8px; padding: 14px 16px; display: flex; justify-content: center; }

.pd-meta { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }

.pd-three { display: flex; align-items: center; justify-content: space-between; flex: 1; gap: 8px; flex: 1 1 0; }

.pd-item { width: 100%; }

.pd-boks { display: none; width: 100%; }

.pd-kv { background: #ffffff; border: 1px solid #E6EAF2; border-radius: 8px; padding: 14px 16px; }

.pd-empty { background: #ffffff; border: 1px dashed #D5DCE8; border-radius: 10px; padding: 20px 20px; text-align: center; color: #8B97AB; }

.pd-emptys { background: #ffffff; border: 1px dashed #D5DCE8; border-radius: 10px; padding: 10px; text-align: center; color: #8B97AB; }

.pd-app-1 .pd-emptys { border-top: 2px dashed #ee0000; }

.pd-app-2 .pd-emptys { border-top: 2px dashed #000000; }

.pd-app-3 .pd-emptys { border-top: 2px dashed #D97706; }

.panel-close { position: absolute; right: 20px; top: 20px; font-size: 24px; cursor: pointer; color: #999; }

.panel-close:hover { color: #333; }

.panel-body { padding: 20px; }

.platcard { background: #fff; border: 1px solid #E6EAF2; border-radius: 10px; margin-bottom: 10px; overflow: hidden; animation: rowIn 0.45s var(--ease-spring) both; }

.platcard-head { display: flex; align-items: center; gap: 9px; padding: 11px 14px; border-bottom: 1px solid #F0F3F8; }

.metric-grid { display: grid; grid-template-columns: repeat(4, 1fr); }

.metric { padding: 10px 12px 8px; border-top: 1px solid #F0F3F8; border-right: 1px solid #F0F3F8; }
.metric .mlab { font-size: 10.5px; color: #8B97AB; }
.metric .mval { font-size: 16px; font-weight: 600; margin-top: 3px; font-family: arial; font-variant-numeric: tabular-nums; letter-spacing: -.3px; }
.metric:nth-child(-n+4) { border-top: 0 none; }

.fonten { font-size: 12px; }

.umc-pointer { cursor: pointer; }

.kv-card { padding: 12px 14px; border: 1px solid #E6EAF2; background-color: #ffffff; border-radius: 10px; margin-bottom: 10px; animation: rowIn 0.4s cubic-bezier(0.22, 1.1, 0.35, 1) both; }

.kv-list { display: grid; grid-template-columns: 88px 1fr; gap: 7px 10px; font-size: 12px; }
.kv-list dt { color: #8B97AB; }

.cmt-hed { display: flex; align-items: center; margin-bottom: 10px; border-bottom: 1px solid #E6EAF2; }
.cmt-hed .htip { color: #1B2434; font-size: 16px; font-weight: 700; }
.cmt-hed .hnav { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.cmt-hed a { display: inline-block; padding: 4px 10px; }

.sumrow { display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px; }

.sumcard { border: 1px solid #E6EAF2; border-radius: 10px; padding: 13px 15px; animation: rowIn 0.5s cubic-bezier(0.22, 1.1, 0.35, 1) both; animation-delay: calc(0 * 60ms); position: relative; overflow: hidden; }
.sumcard .icon { color: #66748C; display: flex; align-items: center; gap: 5px; font-size: 11px; }
.sumcard svg { width: 12px; height: 12px; color: var(#2B7CE9, #2B7CE9); }
.sumcard .val { font-size: 22px; font-weight: 800; font-variant-numeric: tabular-nums; letter-spacing: -.5px; }
.sumcard small { font-size: 12px; font-weight: 600; color: #8B97AB; margin-left: 2px; }
.sumcard.blue { border-left: 3px solid #2B7CE9; }
.sumcard.purple { border-left: 3px solid #7A5AF8; }
.sumcard.green { border-left: 3px solid #189A4A; }
.sumcard.orange { border-left: 3px solid #E8590C; }

/*# sourceMappingURL=lightui.css.map */