@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=TikTok+Sans:opsz,wght@12..36,300..900&display=swap");:root{--primary-color-blue:#007bff;--primary-color-purple:#8a2be2;--font:1rem/1.5 "Lato",sans-serif;--background-color:#f5f5f5;--text-color:#333;--color-primary:#2c3e50;--color-secondary:#0070f3;--color-whatsapp-green:#25d366;--color-whatsapp-green-hover:#1da851;--color-text-primary:#333;--color-text-secondary:#555;--color-text-tertiary:#777;--color-text-light:#fff;--color-light-bg:#f8f8f8;--color-white-bg:#ffffff;--color-dark-bg:#282c34;--color-border:#eee;--color-input-border:#ddd;--color-focus-blue:#0070f3;--color-focus-shadow:rgba(0,112,243,0.2)}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%}body{font:var(--font);background-color:var(--background-color);color:var(--text-color);margin:0;padding:0}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;padding:20px;max-width:1200px;margin:0 auto;width:100%}.container{padding:20px}.title{font-size:2rem;color:var(--text-color)}.addButton,.generateButton,.title{margin-bottom:20px;font-family:Lato,sans-serif}.addButton,.generateButton{background-color:var(--primary-color-blue);color:white;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:16px;transition:background-color .3s ease}.addButton:hover,.generateButton:hover{background-color:var(--primary-color-purple)}.card{background:white;border-radius:8px;padding:20px;margin-bottom:15px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.card h3{color:var(--text-color);margin-bottom:10px;font-family:Lato,sans-serif}.card p{color:#666;margin-bottom:5px;font:var(--font)}.page_container__aoG4z{min-height:100vh;display:flex;flex-direction:column}.page_main__GlU4n{flex:1 1}@media (max-width:768px){.page_main__GlU4n{padding:0}}