:root{--nav-d:#101f31;--nav:#182c40;--blu:#176d78;--blu-l:#76d2d8;--ink:#192f43;--mut:#647586;--line:#dce5e9;--bg:#f3f6f7}
body{font-size:14px}a:hover{text-decoration:underline}button,select,input{font:inherit}button{background:var(--blu);border-radius:9px}button:hover{background:var(--ui-surface-115762,#115762)}button:disabled{opacity:.55;cursor:wait}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--ui-line-5abcc7,#5abcc7);outline-offset:3px}
header.top{position:relative;overflow:hidden;background:linear-gradient(115deg,var(--ui-surface-122336,#122336),var(--ui-surface-18374b,#18374b));padding:0 30px}
.brand-row{max-width:1620px;margin:auto;min-height:104px;display:flex;align-items:center;justify-content:space-between;gap:22px;position:relative}
.brand-link{display:flex;align-items:center;gap:15px;color:var(--ui-text-fff,#fff);text-decoration:none!important}.brand-mark{width:52px;height:58px;flex-shrink:0}.brand-word{display:block;font-size:25px;font-weight:750;letter-spacing:3px;line-height:1.25}.brand-word small{color:var(--ui-text-7dd6d1,#7dd6d1);font-size:11px;letter-spacing:2.5px;margin-left:8px}.brand-caption{display:block;color:var(--ui-text-bdcdd8,#bdcdd8);font-size:12px;margin-top:7px;letter-spacing:.1px}
.header-meta{text-align:right;color:var(--ui-text-b8cbd7,#b8cbd7);font-size:11px;letter-spacing:.6px}.header-meta strong{display:block;color:var(--ui-text-edf6fa,#edf6fa);font-size:13px;font-weight:500;margin-bottom:6px}.header-meta span{border:1px solid var(--ui-line-496372,#496372);border-radius:30px;padding:3px 10px}.header-lines{position:absolute;right:12%;top:-160px;width:270px;height:410px;border:1px solid #477b8630;transform:rotate(35deg);border-radius:80px;pointer-events:none}.header-lines:after{content:'';position:absolute;inset:14px;border:1px dashed #78cecd36;border-radius:64px}
nav.tabs{background:var(--ui-surface-fff,#fff);border-bottom:1px solid var(--line);padding:9px max(24px,calc((100vw - 1620px)/2));gap:5px;align-items:center;box-shadow:0 3px 12px #16384b04}
nav.tabs a{color:var(--ui-text-4e6276,#4e6276);border:0;border-radius:8px;padding:10px 15px;font-size:12px;white-space:nowrap}nav.tabs a:hover{background:var(--ui-surface-f0f6f7,#f0f6f7);text-decoration:none}nav.tabs a.on{background:var(--ui-surface-e3f2f0,#e3f2f0);color:var(--ui-text-0b655c,#0b655c);box-shadow:inset 0 0 0 1px var(--ui-line-c3e3df,#c3e3df)}nav form{margin-left:auto}nav form button{background:var(--ui-surface-f2f5f7,#f2f5f7);color:var(--ui-text-41576b,#41576b);border:1px solid var(--line);border-radius:8px}.nav-account{display:flex;gap:9px;align-items:center}.nav-account .account-name{font-size:11px;color:var(--ui-text-708191,#708191)}
main{padding:24px 30px;max-width:1680px}.page-heading{margin:6px 0 23px}h1{font-size:27px;font-weight:650;letter-spacing:-.5px}.page-heading p{margin:6px 0 0}.eyebrow{font-size:10px;letter-spacing:1.4px;color:var(--ui-text-367d82,#367d82)}#status{font-size:11px;color:var(--mut);font-variant-numeric:tabular-nums}.bar.filter-bar{padding:18px;gap:14px;align-items:flex-end;border-radius:14px;box-shadow:0 6px 24px #183a5004;margin-bottom:12px}.filter-field{display:flex;flex-direction:column;gap:7px;min-width:130px}.filter-label,.filter-field>label{font-size:11px;font-weight:650;color:var(--ui-text-50677c,#50677c)}.filter-bar select,.filter-bar input{height:39px;padding:7px 10px;border-color:var(--ui-line-d4dfe5,#d4dfe5);border-radius:8px;background:var(--ui-surface-fff,#fff);min-width:0}.filter-bar #reload{height:39px;background:var(--ui-surface-176d78,#176d78);border-radius:8px;padding:0 22px;margin-left:auto}.filter-bar #reload:hover{background:var(--ui-surface-115762,#115762)}
.multi{position:relative;min-width:220px}.multi summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:15px;border:1px solid var(--ui-line-d4dfe5,#d4dfe5);border-radius:8px;padding:9px 12px;background:var(--ui-surface-fff,#fff);font-size:12px;min-height:39px}.multi summary::-webkit-details-marker{display:none}.multi summary:after{content:'⌄';color:var(--ui-text-607b88,#607b88)}.multi[open] summary{border-color:var(--ui-line-298d93,#298d93);box-shadow:0 0 0 3px var(--ui-line-e5f3f3,#e5f3f3)}.multi-options{position:absolute;z-index:50;top:calc(100% + 7px);left:0;min-width:100%;width:max-content;max-width:min(410px,calc(100vw - 70px));background:var(--ui-surface-fff,#fff);border:1px solid var(--ui-line-d4e2e6,#d4e2e6);border-radius:12px;box-shadow:0 15px 40px #17374d24;padding:8px;max-height:340px;overflow:auto}.multi-options label{display:flex;align-items:center;gap:10px;padding:11px 9px;border-radius:6px;color:var(--ui-text-294457,#294457);font-size:12px;font-weight:400;cursor:pointer}.multi-options label:hover{background:var(--ui-surface-eff7f6,#eff7f6)}.multi-options input[type=checkbox]{display:inline-block;flex:0 0 16px;width:16px;height:16px;padding:0;margin:0;accent-color:#176d78}.multi-options .choose-all{display:block;width:100%;text-align:left;background:var(--ui-surface-edf5f5,#edf5f5);color:var(--ui-text-126d74,#126d74);font-size:11px;padding:8px 10px;margin-bottom:4px}.multi-footer{padding:8px 10px;color:var(--mut);font-size:10px;border-top:1px solid var(--line)}
#custom{display:flex;gap:16px;flex-basis:100%;order:5;border-top:1px solid var(--line);padding-top:15px}.datetime-group{display:flex;align-items:center;gap:5px}.datetime-group input[type=date]{width:151px}.datetime-group select{width:65px}.datetime-group .time-separator{font-weight:700;color:var(--ui-text-496276,#496276)}.range-context{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:11px;color:var(--mut)}#range-label{font-variant-numeric:tabular-nums}.scope-note{border-left:3px solid var(--ui-line-d3ad67,#d3ad67);background:var(--ui-surface-fffbf0,#fffbf0);color:var(--ui-text-766036,#766036);padding:12px 15px;font-size:12px;border-radius:6px;margin:13px 0}.metric-unavailable{color:var(--ui-text-7a7159,#7a7159);font-size:12px;line-height:1.8;padding:20px 4px}
.direction-card{padding:23px;border:1px solid var(--line);border-top-width:3px;border-radius:14px;box-shadow:0 4px 16px #17374d03}.in-card{border-top-color:var(--ui-line-179989,#179989);background:linear-gradient(120deg,var(--ui-surface-f7fcfb,#f7fcfb),var(--ui-surface-fff,#fff) 70%)}.out-card{border-top-color:var(--ui-line-c78b37,#c78b37);background:linear-gradient(120deg,var(--ui-surface-fffcf7,#fffcf7),var(--ui-surface-fff,#fff) 70%)}.direction-card h2{font-size:19px;margin-bottom:22px;display:flex;gap:10px;align-items:center}.in-card h2:before{content:'↘';color:var(--ui-text-159686,#159686)}.out-card h2:before{content:'↗';color:var(--ui-text-b57c29,#b57c29)}.metric{font-size:31px;letter-spacing:-.6px}.direction-card .muted{font-size:11px}.card{border-radius:13px;box-shadow:0 3px 12px #17374d02;padding:20px}.card h3{font-size:13px;font-weight:650;margin-bottom:18px}.card th{font-size:11px;background:var(--ui-surface-f7f9fa,#f7f9fa);padding:10px 9px}.card td{font-size:12px;padding:12px 9px}.card tbody tr:hover{background:var(--ui-surface-f7fbfb,#f7fbfb)}.sec b{font-weight:650;font-size:15px}.sec{margin-top:29px}.exp a{border-radius:7px;background:var(--ui-surface-fff,#fff);color:var(--ui-text-496476,#496476);padding:5px 10px}.unit{color:var(--ui-text-748994,#748994);font-size:11px;font-weight:400;white-space:nowrap}.muted a{text-decoration:underline}.chart{height:300px}.archive-form label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--ui-text-50677c,#50677c)}.archive-form select{padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--ui-surface-fff,#fff)}.archive-form .multi-options label{flex-direction:row}.archive-form .grid{align-items:start;gap:22px}.archive-form button[type=submit]{margin-top:25px}.archive-form .filter-field{min-width:0}footer{border-top:1px solid var(--line);margin-top:20px;background:var(--ui-surface-edf2f4,#edf2f4)}
@media(min-width:1600px){.filter-field.group-field .multi{min-width:270px}}
@media(max-width:1100px){.brand-caption{max-width:470px}.filter-bar #reload{margin-left:0}.direction-card .g3{gap:16px;grid-template-columns:repeat(3,1fr)}.metric{font-size:27px}.multi{min-width:210px}}
@media(max-width:800px){header.top{padding:0 18px}.brand-row{min-height:92px}.brand-word{font-size:22px}.brand-mark{width:43px}.brand-caption{font-size:10px;max-width:320px}.header-meta{display:none}nav.tabs{padding:8px 12px;gap:3px}nav.tabs a{padding:9px 11px;font-size:11px}main{padding:20px 16px}.page-heading{flex-wrap:wrap}h1{font-size:24px}.bar.filter-bar{padding:14px;gap:12px}.filter-field{flex:1 1 160px}.multi{min-width:0}.multi-options{max-width:calc(100vw - 62px)}.filter-bar #reload{flex:1 1 130px}.direction-card .g3{grid-template-columns:1fr 1fr}.direction-card .g3>div:last-child{grid-column:1/-1}#custom{flex-direction:column;gap:12px}.card{padding:16px}.chart{height:270px}.card th{min-width:90px}.nav-account .account-name{display:none}.g2,.g3{min-width:0}.g2>*,.g3>*{min-width:0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}