:root{--db:#087fa6;--dn:#092c42;--text:#123449;--sub:#587284;--border:#c9dce6}
.data-shell{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr)}
.data-side{background:linear-gradient(165deg,#0d3a52,#092c42 58%,#071d2d);color:#d6e8ef;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow:auto}
.data-brand{height:98px;display:flex;gap:12px;align-items:center;padding:22px 21px;border-bottom:1px solid #ffffff1b;text-decoration:none;color:#fff}
.data-brand strong{font-size:16px;font-weight:800;letter-spacing:-.03em;display:block}
.data-brand small{font-size:10px;letter-spacing:.12em;font-weight:700;color:#a5c6d2}
.data-mark{width:49px;height:46px;flex-shrink:0;display:grid;place-items:center;position:relative;border-radius:13px;color:#086f91;background:#eaf8fc;border:1px solid #bbe5f0;font-size:16px;font-weight:900;letter-spacing:-.07em;box-shadow:0 7px 22px #00192730}
.data-mark span{color:#0c9fbe;font-size:19px;position:absolute;right:3px;top:-4px}
.data-mark.big{width:62px;height:59px;font-size:21px;margin:0 auto 23px}
.data-mark.big span{font-size:23px;top:-5px}
.data-flag{margin:20px 16px 12px;padding:11px 13px;border:1px solid #6ec9e243;background:#08779b20;border-radius:10px;color:#c5e6f1;font-size:10px;font-weight:830;letter-spacing:.11em;display:flex;align-items:center;gap:9px}
.data-pulse{width:7px;height:7px;border-radius:50%;background:#79d9ea;box-shadow:0 0 0 3px #79d9ea25}
.data-nav-caption{margin:19px 21px 9px;font-size:10px;color:#9dbfce;font-weight:850;letter-spacing:.12em}
.data-nav{display:grid;gap:5px;padding:0 12px}
.data-nav button{display:flex;align-items:center;gap:11px;border:0;border-radius:10px;background:transparent;color:#cbe1eb;text-align:left;padding:13px 12px;min-height:46px;cursor:pointer;font-size:13px;font-weight:650}
.data-nav button:hover{background:#ffffff14;color:#fff}
.data-nav button.active{background:linear-gradient(95deg,#087fa6,#175873);color:#fff;box-shadow:inset 3px 0 #a0ebff;font-weight:780}
.data-nav-icon{width:18px;font-size:19px;line-height:1;color:#a5c6d5;text-align:center}
.data-count{margin-left:auto;font-size:11px;background:#ffffff16;padding:3px 7px;border-radius:6px;color:#d1eaf3;font-variant-numeric:tabular-nums}
.data-back{display:block;margin:28px 22px;color:#b9e3f0;text-decoration:none;font-weight:680;font-size:13px}
.data-back:hover{color:white}
.data-side-foot{margin:auto 22px 24px;border-top:1px solid #ffffff21;padding-top:17px;font-size:11px;color:#a2bece;line-height:1.9}
.data-main{min-width:0;display:flex;flex-direction:column}
.data-top{height:77px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;background:#fff;border-bottom:1px solid #dae6ed;position:sticky;top:0;z-index:4}
.data-crumb{font-size:11px;font-weight:850;letter-spacing:.1em;color:#6d8899}.data-slash{padding:0 11px;color:#9fb2bc}.data-top strong{font-size:13px;color:#2a5268}
.data-top-end{display:flex;align-items:center;gap:13px}
.data-indicator{color:#648090;font-size:12px;font-weight:750;display:flex;align-items:center;gap:8px}
.data-indicator i{height:8px;width:8px;border-radius:50%;background:#d8a663}
.data-indicator.connected i{background:#22876d}
.data-main main{width:100%;max-width:1770px;margin:0 auto;flex:1;padding:36px 34px 55px}
.data-overline{font-size:11px!important;font-weight:850!important;color:#087ba0!important;letter-spacing:.13em!important;margin:0 0 8px!important}
.data-heading{display:flex;justify-content:space-between;gap:18px;align-items:center;margin:0 0 28px}
.data-heading h1{font-size:32px;line-height:1.2;margin:0 0 10px;letter-spacing:-.045em}
.data-lead{font-size:14px;color:#587284;max-width:760px;margin:0}
.data-meta{font-size:12px;font-weight:780;white-space:nowrap;color:#167e9d;background:#eaf6fa;border:1px solid #c8e6ef;padding:9px 12px;border-radius:9px}
.data-meta .dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#278a9c;margin-left:6px;vertical-align:middle}
.data-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:22px}
.data-stat{background:#fff;border:1px solid #d7e6ed;border-radius:16px;padding:22px;box-shadow:0 5px 24px #194d6508;position:relative;overflow:hidden}
.data-stat:before{content:"";position:absolute;top:0;left:22px;right:22px;height:2px;background:#8acdde}
.data-stat div{font-size:12px;font-weight:780;color:#5e7889}
.data-stat strong{display:block;margin:14px 0 6px;font-size:31px;letter-spacing:-.05em;color:#10374e;font-weight:820;font-variant-numeric:tabular-nums}
.data-stat small{color:#7c929f;font-size:11px}
.data-panel{border:1px solid #d8e7ed;border-radius:17px;background:#fff;box-shadow:0 5px 25px #214e6209;overflow:hidden}
.data-panel-heading{padding:25px 25px 20px;display:flex;justify-content:space-between;align-items:flex-start;gap:15px}
.data-panel-heading h2{font-size:19px;margin:0 0 5px}
.data-panel-heading p:last-child{color:#6a8593;font-size:12px;margin:0}
.data-panel-actions{display:flex;gap:9px}
.data-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 15px;border-radius:10px;font-size:13px;font-weight:760;white-space:nowrap;cursor:pointer;transition:background-color .16s,border-color .16s;letter-spacing:-.01em}
.data-button.secondary{background:#fff;color:#28546b;border:1.5px solid #c4d9e3}
.data-button.secondary:hover{background:#f0f9fc;border-color:#7eb9ce}
.data-button.primary{background:#087fa6;color:#fff;border:1.5px solid #087fa6;box-shadow:0 5px 14px #087fa621}
.data-button.primary:hover{background:#066b8e;border-color:#066b8e}
.data-button:disabled{opacity:.43;cursor:not-allowed}
.data-button.full{width:100%}
.data-filters{padding:17px 25px;display:flex;align-items:flex-end;gap:12px;border-top:1px solid #e7eef2;border-bottom:1px solid #e7eef2;background:#fcfefe}
.data-input{display:flex;flex-direction:column;gap:7px;min-width:0;flex:1}
.data-input span{font-size:12px;font-weight:760;color:#385b6e}
.data-input input,.data-input select{height:44px;min-width:0;width:100%;padding:10px 13px;background:#fff;border:1.5px solid #b8d0dc;border-radius:10px;color:#184357;font-size:14px;outline:none}
.data-input input:focus,.data-input select:focus{border-color:#087fa6;box-shadow:0 0 0 3px #087fa624}
.data-input input::placeholder{color:#8299a5}
.data-input:first-child{flex:2}
.data-filters .data-button{margin-bottom:0}
.data-table-scroller{overflow:auto;min-height:260px}
#data-table{width:100%;border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums}
#data-table th{font-size:11px;letter-spacing:.05em;color:#59798a;font-weight:820;background:#f6fafc;white-space:nowrap;text-align:left;padding:15px 17px;border-bottom:1px solid #e3edf1}
#data-table td{padding:14px 17px;color:#37596b;max-width:390px;vertical-align:top;border-bottom:1px solid #e8eff3;line-height:1.5}
#data-table td:first-child{color:#0a7398;font-weight:770;white-space:nowrap}
#data-table tr:hover td{background:#f3faff}
#data-table td .sub{display:block;color:#78919f;font-size:11px;margin-top:3px}
#data-table .num{text-align:right;white-space:nowrap}
#data-table th.num{text-align:right}
#data-table .data-empty{padding:55px 18px;text-align:center;color:#718b99;font-weight:520}
.data-table-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 25px;font-size:12px;color:#617e8c}
.data-pages{display:flex;align-items:center;gap:10px}
.data-pages .data-button{min-height:35px;padding:7px 11px;font-size:12px}
#page-info{color:#36596e;font-weight:760;min-width:63px;text-align:center}
.data-disclaimer{font-size:12px;line-height:1.6;padding:15px 18px;background:#eff7fb;border:1px solid #cfe6f1;color:#496d80;border-radius:11px;margin-top:18px}
.data-footer{display:flex;justify-content:space-between;gap:14px;padding:16px 34px;border-top:1px solid #dce7ed;font-size:11px;color:#8095a0}
.data-auth{position:fixed;inset:0;z-index:100;display:flex;justify-content:center;align-items:center;padding:16px;background:linear-gradient(130deg,#071e2ddc,#0a354ce8);backdrop-filter:blur(13px)}
.data-auth[hidden]{display:none}
.data-login{width:min(440px,100%);border:1px solid #d6eaf0;background:#fff;border-radius:22px;box-shadow:0 32px 95px #00172565;padding:35px 36px 30px;text-align:center}
.data-login h2{font-size:25px;line-height:1.2;margin:0 0 10px}
.data-login>p:not(.data-overline){font-size:13px;color:#6b8390;margin:0 0 24px;line-height:1.55}
.data-login .data-input{text-align:left;margin-bottom:15px}
.data-login .data-input input{font-size:15px}
.data-login .data-return{display:block;text-decoration:none;font-size:12px;color:#0d789b;font-weight:760;margin-top:18px}
.data-login small{display:block;margin-top:20px;color:#879ba6;font-size:11px;line-height:1.6}
.data-error{font-size:12px;color:#a8383c;background:#fff1f1;border:1px solid #f1cccc;border-radius:8px;padding:10px 12px;text-align:left;margin-bottom:12px}
.data-toast{position:fixed;bottom:20px;right:20px;z-index:200;background:#0e384b;color:#fff;max-width:440px;padding:13px 17px;border-radius:11px;box-shadow:0 12px 35px #143b4c40;font-size:13px;opacity:0;transform:translateY(12px);transition:all .2s;pointer-events:none}
.data-toast.show{opacity:1;transform:none}
@media(max-width:1100px){.data-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.data-side{width:230px}.data-shell{grid-template-columns:230px 1fr}.data-main main{padding:26px 20px}.data-top{padding:0 20px}.data-heading{align-items:flex-start;flex-direction:column}}
@media(max-width:740px){.data-shell{display:block}.data-side{position:relative;height:auto;min-height:0;width:100%;overflow:visible}.data-brand{height:72px;padding:10px 16px}.data-brand .data-mark{width:41px;height:40px}.data-flag,.data-nav-caption,.data-back,.data-side-foot{display:none}.data-nav{display:flex;overflow:auto;gap:6px;padding:8px 12px 12px;scrollbar-width:thin}.data-nav button{flex:none;min-height:38px;padding:8px 10px;font-size:12px}.data-nav-icon,.data-count{display:none}.data-top{height:57px;padding:0 16px}.data-top .data-indicator{font-size:11px}.data-main main{padding:25px 15px 44px}.data-heading h1{font-size:26px}.data-meta{font-size:11px}.data-stats{gap:10px}.data-stat{padding:15px}.data-stat strong{font-size:25px}.data-panel-heading{padding:18px;flex-wrap:wrap}.data-panel-heading h2{font-size:17px}.data-panel-actions{width:100%}.data-filters{padding:14px 18px;flex-direction:column;align-items:stretch}.data-filters .data-button{width:100%}.data-table-footer{padding:15px;flex-direction:column;align-items:stretch}.data-pages{justify-content:space-between}.data-footer{padding:14px 16px;flex-wrap:wrap}.data-login{padding:28px 21px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}