:root{--color-primary: #0832E2;--color-primary-800: #0626AA;--color-gray-100: #F5F5F5;--color-gray-200: #E0E0E0;--color-gray-400: #A8A8A8;--color-gray-500: #888888;--color-blue-000: #006FE6;--color-blue-100: #C6DEF8;--color-green-000: #1A8732;--color-green-100: #CBE3D0;--font-primary: "Readex Pro";--font-secondary: "Barlow";--font-size-xs: 12px;--font-size-s: 14px;--font-size-m: 16px;--font-size-l: 18px;--font-size-xl: 20px;--font-size-h1: 172px;--font-size-h2: 38px;--font-size-h3: 32px;--font-size-h4: 28px;--font-size-h5: 24px;--font-size-h6: 18px;--fw-light: 300;--fw-normal: 400;--fw-medium: 500;--fw-semi-bold: 600;--fw-bold: 700;--container-padding: 1.5rem;--bg-primary: #FFFFFF;--header-bg: black;--header-height: 80px;--input-border-color: var(--color-gray-500);--input-border-radius: 4px;--input-height: 40px;--input-font-size: var(--font-size-s);--label-size: var(--font-size-xs);--placeholder-color: var(--color-gray-500);--button-height: 40px;--button-small-height: 30px;--button-border-radius: 4px;--button-primary-bg: var(--color-primary);--button-primary-color: white;--button-primary-hover: var(--color-primary-800);--button-tertiary-bg: var(--color-gray-100);--button-tertiary-color: black;--button-tertiary-hover: var(--color-gray-200);--button-font: var(--font-secondary);--button-font-size: var(--font-size-s);--button-small-font-size: var(--font-size-xs);--card-border: var(--color-gray-400);--card-border-radius: 4px;--entity-header-bg: var(--color-gray-100);--badge-font-size: var(--font-size-xs);--status-gray-bg: var(--color-gray-200);--status-gray-color: var(--color-gray-500);--status-green-bg: var(--color-green-100);--status-green-color: var(--color-green-000);--status-blue-bg: var(--color-blue-100);--status-blue-color: var(--color-blue-000)}html,body{margin:0;height:100%;width:100%;font-size:var(--font-size-m);font-family:var(--font-primary)}*{box-sizing:border-box}h1,h2,h3,h4,h5,h6{font-family:var(--font-secondary);font-weight:var(--fw-bold);margin:0}p{margin:0;font-size:var(--font-size-s)}button{all:unset}input[type=text],input[type=email],input[type=password],input[type=number]{border:1px solid var(--input-border-color);border-radius:var(--input-border-radius);height:var(--input-height);width:100%;padding:.5rem;font-size:var(--input-font-size)}input::-webkit-input-placeholder{color:var(--placeholder-color);opacity:1}.page-title{font-size:var(--font-size-h5)}.form-group{position:relative;display:flex}.form-group label{font-size:var(--label-size);position:absolute;left:6px;top:-8px;background-color:var(--bg-primary);padding:0 4px}.button-primary,.button-secondary,.button-tertiary{height:var(--button-height);display:flex;align-items:center;justify-content:center;padding:0 .5rem;border-radius:var(--button-border-radius);cursor:pointer;font-family:var(--button-font);font-size:var(--button-font-size);font-weight:var(--fw-medium);text-transform:uppercase;letter-spacing:.5px}button.small{font-size:var(--button-small-font-size);height:var(--button-small-height)}.button-primary:focus,.button-primary:focus-visible,.button-secondary:focus,.button-secondary:focus-visible,.button-tertiary:focus,.button-tertiary:focus-visible{outline:2px solid var(--button-primary-bg);outline-offset:2px}.button-primary{background-color:var(--button-primary-bg);color:var(--button-primary-color)}.button-primary:hover,.button-primary:focus,.button-primary:focus-visible{background-color:var(--button-primary-hover)}.button-tertiary{background-color:var(--button-tertiary-bg);color:var(--button-tertiary-color)}.button-tertiary:hover,.button-tertiary:focus,.button-tertiary:focus-visible{background-color:var(--button-tertiary-hover)}.status-badge{font-size:var(--badge-font-size);border-radius:var(--card-border-radius);padding:.25rem .5rem}.status-badge:before{content:"";display:inline-block;border-radius:50%;height:9px;width:9px;margin-right:.5rem}.status-badge.gray{background-color:var(--status-gray-bg)}.status-badge.gray:before{background-color:var(--status-gray-color)}.status-badge.green{background-color:var(--status-green-bg)}.status-badge.green:before{background-color:var(--status-green-color)}.status-badge.blue{background-color:var(--status-blue-bg)}.status-badge.blue:before{background-color:var(--status-blue-color)}
