:root{--eg-blue-700:#005b9f;--eg-blue-600:#006fb9;--eg-blue-100:#e7f3fb;--eg-yellow-500:#f4c542;--eg-yellow-100:#fff6cf;--eg-ink:#172b4d;--eg-ink-muted:#52677f;--eg-surface:#fff;--eg-surface-soft:#f2f5f8;--eg-border:#d7e0e8;--eg-success:#17824b;--eg-warning:#b56b00;--eg-danger:#c93636;--eg-radius-sm:8px;--eg-radius-md:14px;--eg-radius-lg:22px;--eg-shadow-sm:0 2px 8px rgba(23,43,77,.08);--eg-shadow-md:0 12px 34px rgba(23,43,77,.14);--eg-focus:0 0 0 3px rgba(0,111,185,.28)}
.eg-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;gap:8px;padding:0 18px;border:1px solid transparent;border-radius:var(--eg-radius-sm);font:700 15px/1.1 Arial,sans-serif;cursor:pointer;transition:background .16s ease,box-shadow .16s ease,transform .16s ease}.eg-button:focus-visible{outline:none;box-shadow:var(--eg-focus)}.eg-button:hover{transform:translateY(-1px)}.eg-button--primary{color:#fff;background:var(--eg-blue-700)}.eg-button--primary:hover{background:var(--eg-blue-600)}.eg-button--secondary{color:var(--eg-blue-700);border-color:var(--eg-blue-700);background:var(--eg-surface)}.eg-button--quiet{color:var(--eg-blue-700);background:transparent}.eg-card{border:1px solid var(--eg-border);border-radius:var(--eg-radius-md);background:var(--eg-surface);box-shadow:var(--eg-shadow-sm)}.eg-metric{display:grid;gap:5px;padding:16px;border:1px solid var(--eg-border);border-radius:var(--eg-radius-md);background:var(--eg-surface)}.eg-metric__label{color:var(--eg-ink-muted);font-size:12px}.eg-metric__value{color:var(--eg-ink);font-size:24px;font-weight:700}.eg-modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px;background:rgba(23,43,77,.38);backdrop-filter:blur(6px)}.eg-modal{width:min(640px,100%);max-height:calc(100vh - 48px);overflow:auto;padding:48px;border-radius:var(--eg-radius-lg);background:var(--eg-surface);box-shadow:var(--eg-shadow-md)}