.modal-backdrop{background-color:var(--bg-shadow);z-index:1000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-container{background:var(--bg-color-primary);border-radius:var(--border-radius-md);width:90%;max-width:500px;max-height:90vh;overflow:auto}.modal-header{padding:var(--spacing-md);border-bottom:var(--border);justify-content:space-between;align-items:center;display:flex}.modal-title{margin:0}.modal-close-btn{cursor:pointer;background:0 0;border:none;display:flex}.modal-body{padding:var(--spacing-md)}
.header{color:var(--text-color-light);background-color:var(--accent-color);flex-direction:row;align-items:center;display:flex}@media (max-width:640px){.header{padding:var(--spacing-md)}}@media (min-width:641px) and (max-width:768px){.header{padding:var(--spacing-md)var(--spacing-lg)}}@media (min-width:769px) and (max-width:1024px){.header{padding:var(--spacing-lg)calc(var(--spacing-lg)*2)}}@media (min-width:1025px) and (max-width:1280px){.header{padding:var(--spacing-lg)calc(var(--spacing-lg)*5)}}@media (min-width:1281px) and (max-width:1536px){.header{padding:var(--spacing-lg)calc(var(--spacing-lg)*8)}}@media (min-width:1537px){.header{padding:var(--spacing-lg)calc(var(--spacing-lg)*10)}}
.footer{padding:var(--spacing-lg);color:var(--text-color-light);background-color:var(--accent-color)}
.content{flex:1}
.section{flex-direction:column;width:100%;display:flex}.section.divider{border-bottom:var(--border)}.section.primary{background-color:var(--bg-color-primary)}.section.secondary{background-color:var(--bg-color-secondary)}@media (max-width:640px){.section{padding:var(--spacing-lg)var(--spacing-md)}}@media (min-width:641px) and (max-width:768px){.section{padding:var(--spacing-lg)var(--spacing-lg)}}@media (min-width:769px) and (max-width:1024px){.section{padding:calc(var(--spacing-lg)*1.5)calc(var(--spacing-lg)*2)}}@media (min-width:1025px) and (max-width:1280px){.section{padding:calc(var(--spacing-lg)*2)calc(var(--spacing-lg)*5)}}@media (min-width:1281px) and (max-width:1536px){.section{padding:calc(var(--spacing-lg)*3)calc(var(--spacing-lg)*8)}}@media (min-width:1537px){.section{padding:calc(var(--spacing-lg)*4)calc(var(--spacing-lg)*10)}}
.section-main{justify-content:center;align-items:center;gap:var(--spacing-lg);display:flex}.section-main-container{padding:var(--spacing-lg);gap:var(--spacing-lg);flex-direction:column;display:flex}@media (max-width:640px){.section-main-container{padding:calc(var(--spacing-lg)*2)var(--spacing-md)}}@media (min-width:641px) and (max-width:768px){.section-main-container{padding:calc(var(--spacing-lg)*1.5)}}@media (min-width:769px) and (max-width:1024px){.section-main-container{padding:calc(var(--spacing-lg)*2)}}@media (min-width:1025px) and (max-width:1280px){.section-main-container{padding:calc(var(--spacing-lg)*3)}}@media (min-width:1281px) and (max-width:1536px){.section-main-container{padding:calc(var(--spacing-lg)*4)}}@media (min-width:1537px){.section-main-container{padding:calc(var(--spacing-lg)*5)}}