.page{max-width:1120px;margin:0 auto;padding:26px var(--gut) 80px;display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:0 64px}
.top{grid-column:1/-1;display:flex;align-items:center;gap:22px 28px;flex-wrap:wrap;padding-bottom:14px;
  background-image:linear-gradient(90deg,rgba(206,222,240,.16) 1px,transparent 1px);background-size:3px 1px;background-repeat:repeat-x;background-position:0 100%}
h1{font:700 30px/1 var(--dot);letter-spacing:.04em;margin:0;color:var(--ink);text-shadow:0 0 12px rgba(120,180,255,.18)}
.top .line-in{margin:0;width:200px;height:34px}
.fl{display:flex;gap:16px;flex-wrap:wrap}
.fl button{display:inline-flex;align-items:center;gap:7px;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);padding:4px 0;white-space:nowrap}
.fl button.on{color:var(--ink);box-shadow:0 1px 0 var(--ink)}
.fl button span{letter-spacing:0;font-variant-numeric:tabular-nums}
.am{flex:none;color:var(--dim);overflow:visible}
.exp{margin-left:auto;font-size:11px;color:var(--dim);white-space:nowrap}
.exp:hover{color:var(--ink)}

.day{display:flex;align-items:center;gap:10px;margin:18px 0 2px}
.day .lbl{font-size:10px;color:var(--faint)}
.r{display:grid;grid-template-columns:64px 14px 170px minmax(0,1fr);gap:0 14px;align-items:center;min-height:38px;padding:6px 0;border-top:1px solid rgba(206,222,240,.06);cursor:pointer}
.r:hover .y{color:#fff9ee}
.r .t{font-size:11px;color:var(--faint);font-variant-numeric:tabular-nums;white-space:nowrap}
.r .am{color:var(--ink)}
.r.neg .am{color:var(--faint)}
.r .p{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--body);min-width:0;white-space:nowrap;overflow:hidden}
.r .p canvas{flex:none}
.r .p span{overflow:hidden;text-overflow:ellipsis}
.r .y{color:var(--ink);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.r .y.none{color:var(--faint)}
.r .fd{display:inline-block;width:5px;height:5px;background:var(--flag);margin-left:10px;vertical-align:2px}
.r.open{background:linear-gradient(90deg,rgba(206,222,240,.035),transparent 70%)}
.det{grid-column:3/-1;margin:8px 0 6px}
.det .facts{grid-template-columns:90px minmax(0,1fr);font-size:11.5px}
.det .df{margin:10px 0 0;font-size:12px;line-height:1.55;padding:9px 12px;box-shadow:inset 0 0 0 1px rgba(206,222,240,.1);display:grid;gap:4px}
.det .acts{display:flex;gap:10px;margin-top:12px;align-items:center;flex-wrap:wrap}
.det .acts .btn{height:32px;font-size:11.5px}
.det .chips{margin-top:2px}
.det .fx{color:var(--flag)}
.more{display:inline-block;margin-top:14px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
.more:hover{color:var(--ink)}
.empty{color:var(--faint);padding:30px 0}

aside{padding-top:18px}
aside .sec:first-child{margin-top:0}
.tbl{width:100%;border-collapse:collapse;font-size:11.5px;font-variant-numeric:tabular-nums}
.tbl th{font-weight:400;padding:0 0 6px;text-align:right}
.tbl th .am{color:var(--dim)}
.tbl td{text-align:right;padding:5px 0;color:var(--body);border-top:1px solid rgba(206,222,240,.06)}
.tbl td:first-child,.tbl th:first-child{text-align:left}
.tbl td:first-child{color:var(--flag);font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.tbl td.z{color:var(--faint)}
.lock{display:flex;align-items:center;gap:8px;margin-top:18px;font-size:11px;color:var(--faint)}
.lock:hover{color:var(--ink)}
@media (max-width:900px){.page{grid-template-columns:minmax(0,1fr)}aside{padding-top:24px}}
@media (max-width:720px){
  .top .line-in{width:100%;order:3}
  .exp{display:none}
  .r{grid-template-columns:62px 12px minmax(0,1fr);gap:2px 10px;padding:8px 0}
  .r .y{grid-column:3}
  .det{grid-column:1/-1}
}