.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding:clamp(1.5rem,2.5vw,2.5rem) 1rem}.container{max-width:var(--container);margin:0 auto}.container-narrow{max-width:var(--container-narrow);margin:0 auto}.page-header{text-align:center;margin-bottom:var(--s-7)}.page-header h1{font-size:clamp(2rem,3.2vw,3.25rem);font-weight:750;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:var(--s-2)}.subtitle{font-size:clamp(1.05rem,1.2vw,1.25rem);color:var(--text-secondary)}.actions-bar{display:flex;justify-content:flex-end;margin-bottom:var(--s-5)}.btn{padding:.78rem 1.4rem;font-size:1rem;font-weight:600;border-radius:var(--radius);display:inline-flex;align-items:center;gap:.5rem;border:1px solid transparent;box-shadow:none;transform:translateY(0)}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-dark);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-secondary{background-color:var(--surface-color);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover{background-color:var(--surface-color-2);border-color:#667eea59;box-shadow:var(--shadow-sm)}.btn-danger{background-color:var(--error-color);color:#fff}.btn-danger:hover{background-color:#dc2626;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.hairline-top{border-top:1px solid var(--border-color)}.card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}@media (max-width: 768px){.page-header{margin-bottom:var(--s-6)}}