@layer reset,tokens,base,layout;@layer components{.accounts-mock__body{align-content:start;gap:var(--space-sm);padding:var(--space-lg);font-size:var(--text-sm);display:grid}.accounts-mock__card{gap:var(--space-2xs);padding:var(--space-sm) var(--space-md);border:var(--border);border-radius:var(--radius-md);background:var(--rvg-white);display:grid}.accounts-mock__card--secondary{background:var(--color-bg-muted)}.accounts-mock__card-head{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.accounts-mock__card-title{font-weight:var(--font-weight-semibold);color:var(--color-primary)}.accounts-mock__card-sub{font-size:var(--text-xs);color:var(--color-text-muted);margin:0}.accounts-mock__badge{align-items:center;gap:var(--space-3xs);padding:0 var(--space-2xs);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-primary);background:var(--rvg-blue-100);flex:none;display:inline-flex}.accounts-mock__badge--soft{color:var(--color-text-muted);background:var(--rvg-white)}.accounts-mock__live{width:var(--reconciliation-dot-size);height:var(--reconciliation-dot-size);border-radius:var(--radius-round);background:var(--color-success-text)}@media (prefers-reduced-motion:no-preference){.accounts-mock__live{animation:accounts-live var(--duration-accounts-live) var(--ease-in-out) infinite}}@keyframes accounts-live{0%,to{opacity:1;scale:1}50%{opacity:.35;scale:.65}}.accounts-mock__fields{gap:var(--space-2xs) var(--space-md);margin:var(--space-2xs) 0 0;grid-template-columns:1fr auto;display:grid}.accounts-mock__field{gap:var(--space-3xs);min-width:0;display:grid}.accounts-mock__label{font-size:var(--text-xs);color:var(--color-text-muted)}.accounts-mock__value{text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums;min-width:0;letter-spacing:var(--tracking-label);color:var(--color-text);margin:0;overflow:hidden}.accounts-mock__add{padding:var(--space-3xs) var(--space-sm);border:var(--border-width) dashed var(--color-border);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--color-text-muted);justify-self:start}@media (prefers-reduced-motion:no-preference){.accounts-mock__add,.accounts-mock__card--secondary{animation:accounts-add var(--duration-accounts-add) var(--ease-out) infinite both}.accounts-mock__card--secondary{animation-delay:calc(var(--duration-accounts-add) * .1)}}@keyframes accounts-add{0%,8%{opacity:0;translate:0 var(--space-2xs)}18%,88%{opacity:1;translate:0}to{opacity:0;translate:0 var(--space-2xs)}}@media (width<=1080px){.accounts-mock__body{gap:var(--space-2xs);padding:var(--space-sm);font-size:var(--text-xs)}.accounts-mock__fields{grid-template-columns:1fr}.accounts-mock__field:last-child,.accounts-mock__card--secondary .accounts-mock__card-sub{display:none}}@media (width<=560px){.accounts-mock__card-sub{display:none}.accounts-mock__card{padding:var(--space-2xs) var(--space-sm)}}.closing-mock__body{align-content:start;gap:var(--space-sm);padding:var(--space-lg);font-size:var(--text-xs);display:grid}.closing-mock__legend{gap:var(--space-2xs) var(--space-sm);color:var(--color-text-muted);flex-wrap:wrap;margin:0;display:flex}.closing-mock__key:before{content:"";width:var(--reconciliation-dot-size);height:var(--reconciliation-dot-size);border-radius:var(--radius-round);background:currentColor;margin-inline-end:var(--space-3xs);display:inline-block}.closing-mock__key--closed{color:var(--color-success-text)}.closing-mock__key--pending{color:var(--color-accent-sand)}.closing-mock__key--out{color:var(--color-border)}.closing-mock__year{align-items:center;gap:var(--space-2xs);grid-template-columns:auto 1fr;display:grid}.closing-mock__year-label{font-weight:var(--font-weight-semibold);color:var(--color-primary)}.closing-mock__months{gap:var(--space-3xs);grid-template-columns:repeat(6,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.closing-mock__month{justify-items:center;gap:var(--space-3xs);padding:var(--space-3xs) 0;border:var(--border-width) solid transparent;border-radius:var(--radius-sm);display:grid}.closing-mock__month-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.closing-mock__month--closed{border-color:var(--color-success-border);color:var(--color-success-text);background:var(--color-success-surface)}.closing-mock__month--pending{border-color:var(--color-accent-sand);color:var(--color-text-on-sand);background:var(--color-sand-surface)}.closing-mock__month--out{border-color:var(--color-border);color:var(--color-text-muted)}.closing-mock__month-icon{flex:none}@media (prefers-reduced-motion:no-preference){.closing-mock__month--pending .closing-mock__month-icon{animation:closing-wait var(--duration-closing-wait) var(--ease-in-out) infinite}}@keyframes closing-wait{0%,to{opacity:1;scale:1}50%{opacity:.4;scale:.85}}@media (width<=820px){.closing-mock__body{gap:var(--space-2xs);padding:var(--space-sm)}.closing-mock__year{gap:var(--space-3xs);grid-template-columns:1fr}.closing-mock__year:first-of-type{display:none}}.matching-mock__body{align-content:start;gap:var(--space-md);padding:var(--space-lg);font-size:var(--text-sm);display:grid}.matching-mock__rows{gap:var(--space-2xs);margin:0;padding:0;list-style:none;display:grid}.matching-mock__row{align-items:center;gap:var(--space-sm);padding-bottom:var(--space-2xs);border-bottom:var(--border);grid-template-columns:auto 1fr auto;display:grid}.matching-mock__row:last-child{border-bottom:0}.matching-mock__check{width:var(--reconciliation-check-size);height:var(--reconciliation-check-size);border-radius:var(--radius-round);background:var(--color-success-surface);border:var(--border-width) solid var(--color-success-border);flex:none;position:relative}.matching-mock__check:after{content:"";inset-inline-start:32%;border:solid var(--color-success-text);border-width:0 var(--border-width-accent) var(--border-width-accent) 0;width:26%;height:46%;position:absolute;top:26%;transform:rotate(45deg)}.matching-mock__check--pending{background:var(--color-coral-surface);border-color:var(--color-accent-coral)}.matching-mock__check--pending:after{inset-inline-start:38%;border-radius:var(--radius-round);background:var(--color-accent-coral);border:0;width:24%;height:24%;top:38%;transform:none}.matching-mock__operation{gap:var(--space-3xs);min-width:0;display:grid}.matching-mock__label,.matching-mock__counterpart,.matching-mock__amount{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.matching-mock__label{color:var(--color-text)}.matching-mock__counterpart{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-primary)}.matching-mock__row--pending .matching-mock__counterpart{font-weight:var(--font-weight-regular);color:var(--color-text-muted)}.matching-mock__amount{font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums;color:var(--color-text)}.matching-mock__chip{justify-self:start;align-items:center;gap:var(--space-3xs);padding:var(--space-3xs) var(--space-sm);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-primary);background:var(--rvg-white);box-shadow:var(--shadow-float);display:inline-flex}.matching-mock__chip-dot{width:var(--reconciliation-dot-size);height:var(--reconciliation-dot-size);border-radius:var(--radius-round);background:var(--color-success-text)}@media (prefers-reduced-motion:no-preference){.matching-mock__check{animation:matching-check var(--duration-matching-loop) var(--ease-out) infinite both}.matching-mock__row:nth-child(2) .matching-mock__check{animation-delay:calc(var(--duration-matching-loop) * .06)}.matching-mock__row:nth-child(3) .matching-mock__check{animation-delay:calc(var(--duration-matching-loop) * .12)}.matching-mock__check--pending{animation:none}}@keyframes matching-check{0%,8%{opacity:0;scale:.5}20%,88%{opacity:1;scale:1}to{opacity:0;scale:.5}}@media (width<=1080px){.matching-mock__body{gap:var(--space-2xs);padding:var(--space-sm);font-size:var(--text-xs)}.matching-mock__rows{gap:var(--space-3xs)}.matching-mock__row{padding-bottom:var(--space-3xs)}}}@layer utilities;