body.light{background:#f5f6fa;color:#222;--card-bg: #fff;--primary-color: #cc4876}body.dark{background:#181a1b;color:#f5f6fa;--card-bg: #242626;--primary-color: #cc4876}.app-container{min-height:100vh;transition:background .3s,color .3s}button,input,select,textarea{background:inherit;color:inherit;border:1px solid #888;border-radius:4px;padding:.5em 1em;margin:.5em 0}button:hover{background:#e0e0e0}body.dark button:hover{background:#222}.app-container{max-width:900px;margin:0 auto;padding:1em;display:flex;flex-direction:column;align-items:stretch}h1{font-size:2rem;text-align:center;margin:1em 0 .5em}h2{font-size:1.5rem;margin:1.5em 0 .5em}h3{font-size:1.2rem;margin:1.2em 0 .5em}form,.dashboard-list,.payment-section{width:100%;box-sizing:border-box}a{color:var(--primary-color);text-decoration:none}a:hover{text-decoration:underline}body.dark a{color:var(--primary-color)}ul,ol{line-height:1.8}section{line-height:1.6}@media (max-width: 900px){.app-container{max-width:100%;padding:.5em}h1{font-size:1.5rem}h2{font-size:1.3rem}h3{font-size:1.1rem}}@media (max-width: 600px){.app-container{padding:.25em}h1{font-size:1.2rem}button,input,select{font-size:1em;padding:.5em}form,.dashboard-list,.payment-section{padding:.5em .2em}}