:root{--color-dfa-blue:#00a8f2;--color-interactive-blue:#0b63e6;--color-deep-blue:#002d7b;--color-black:#000;--color-gray-700:#333;--color-gray-500:#6b6b6b;--color-gray-300:#c8c8c8;--color-gray-100:#f5f7fa;--color-white:#fff;--color-success:#2faf4c;--color-warning:#f5a623;--color-error:#c62839;--color-info:var(--color-interactive-blue);--font-heading:"General Sans", sans-serif;--font-body:"Open Sans", sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--font-size-3xl:2.5rem;--font-size-4xl:3rem;--font-size-5xl:4rem;--font-size-6xl:5rem;--font-size-7xl:6rem;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.15;--line-height-snug:1.3;--line-height-normal:1.5;--line-height-relaxed:1.65;--space-1:.25rem;--space-2:.5rem;--space-3:1rem;--space-4:1.5rem;--space-5:2rem;--space-6:3rem;--space-7:4rem;--space-8:6rem;--space-9:8rem;--space-10:10rem;--content-max-width:1280px;--gutter-mobile:1.5rem;--gutter-desktop:3rem;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-full:999px}
*,:before,:after{box-sizing:border-box}body{font-family:var(--font-body);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-gray-700);background:var(--color-gray-100);margin:0}h1,h2,h3{font-family:var(--font-heading);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-black);margin:0}a{color:var(--color-interactive-blue)}:focus-visible{outline:2px solid var(--color-interactive-blue);outline-offset:2px}.app-header{--app-gutter:var(--gutter-mobile);justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) calc(max(0px, (100% - var(--content-max-width)) / 2) + var(--app-gutter));background:var(--color-deep-blue);display:flex}.app-header img{width:auto;height:24px;display:block}.app-header span{font-size:var(--font-size-sm);color:var(--color-gray-300)}.app-user{align-items:center;gap:var(--space-3);display:flex}.app-user button{min-height:36px;padding:0 var(--space-3);font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);cursor:pointer;background:0 0}.app-main{max-width:var(--content-max-width);padding:var(--space-6) var(--gutter-mobile);margin:0 auto}.empty-state{margin-top:var(--space-5);padding:var(--space-5);background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-lg)}.empty-state p{margin:0}@media (min-width:768px){.app-header{--app-gutter:var(--gutter-desktop)}.app-main{padding-left:var(--gutter-desktop);padding-right:var(--gutter-desktop)}}