:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--layout-inline:16px;--layout-inline-desktop:24px;--layout-stack-gap:24px;--layout-grid-gap:16px;--layout-grid-gap-lg:24px;--layout-section-max:1440px;--card-radius:8px;--card-padding:16px;--card-padding-sm:12px;--card-padding-lg:24px;--card-shadow:0 1px 2px #0f172a0f, 0 10px 24px #0f172a0a;--card-shadow-hover:0 12px 32px #0f172a1a;--card-shadow-dark:0 18px 40px #0003;--button-content-gap:8px;--button-padding-y:.75rem;--button-padding-x:1.5rem;--button-height:44px;--button-height-sm:36px;--button-height-lg:48px;--input-padding-y:.75rem;--input-padding-x:1rem;--input-height:44px;--sidebar-width:288px;--sidebar-width-mobile:280px;--sidebar-item-gap:6px;--sidebar-item-padding-y:10px;--sidebar-item-padding-x:16px;--table-cell-padding:12px;--table-header-padding:12px;--table-row-height:56px;--calendar-cell-size:56px;--calendar-cell-padding:4px;--calendar-event-padding:4px 8px}@media (min-width:1024px){:root{--layout-inline:var(--layout-inline-desktop);--layout-grid-gap:var(--layout-grid-gap-lg)}}.layout-page{width:100%;padding-inline:var(--layout-inline);padding-block:var(--space-6)}.layout-page--compact{padding-block:var(--space-4)}.layout-stack{gap:var(--layout-stack-gap);flex-direction:column;display:flex}.layout-cluster{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.layout-grid{gap:var(--layout-grid-gap);display:grid}.layout-grid--metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-grid--cards{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:768px){.layout-grid--cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1280px){.layout-grid--metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.layout-grid--cards{grid-template-columns:repeat(3,minmax(0,1fr))}}.surface-card{border:1px solid var(--trimmr-gray-100);border-radius:var(--card-radius);background:var(--trimmr-white);box-shadow:var(--card-shadow)}.surface-card-dark{border:1px solid var(--trimmr-gray-800);border-radius:var(--card-radius);background:var(--trimmr-gray-900);box-shadow:var(--card-shadow-dark)}.surface-card-interactive{transition:transform .2s,box-shadow .2s,border-color .2s,background-color .2s}.surface-card-interactive:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-1px)}.surface-empty-state{border:1px dashed var(--trimmr-gray-200);border-radius:var(--card-radius);background:var(--trimmr-white);box-shadow:var(--card-shadow);padding:calc(var(--card-padding) * 2)}