html,body{height:100%;margin:0}body{background-color:var(--background);color:var(--secondary-color);flex-direction:column;min-height:100vh;margin:0;font-family:system-ui,-apple-system,sans-serif;display:flex}.main-container{flex-direction:column;flex:1;width:100%;max-width:100vw;margin:0 auto;padding:2rem 1rem;display:flex}.header{background-color:var(--surface);border-bottom:1px solid #e5e7eb;flex-direction:row;justify-content:space-between;width:100%;display:flex;box-shadow:0 1px 2px #0000000d}.header-left{width:50%;margin:auto 0;padding:.25rem 1rem}.header-right{flex-direction:row;justify-content:flex-end;align-items:center;width:50%;margin:auto 0;padding:.25rem 1rem;display:flex}.header-title{color:var(--text);font-size:1.25rem;font-weight:600}.footer{text-align:center;background:var(--background);color:#6b7280;margin-top:auto;padding:1rem;font-size:.875rem}.error-message{background-color:var(--background);color:#b91c1c;border:1px solid #fecaca;border-radius:4px;margin-bottom:1rem;padding:.75rem 1rem}