*{box-sizing:border-box}body{margin:0;font-family:Inter,Roboto,Arial,sans-serif;color:#222;background:#fff}.container{max-width:1200px;margin:0 auto;padding:0 2rem}html,body{height:100%;margin:0}.app-layout{min-height:100vh;display:flex;flex-direction:column}.app-content{flex:1}:root{--color-purple: #9554d2;--color-teal: #2cc1bf;--color-yellow-light: #fbcf0c;--color-yellow-dark: #fbc412;--color-orange: #fb731b;--color-black: #1e2a38;--color-gray-dark: #555555;--color-gray: #777777;--color-gray-light: #f9fafb;--color-white: #ffffff;--color-success: #25d366;--color-warning: var(--color-yellow-dark);--color-primary: var(--color-orange)}