.app-layout{min-height:100vh;display:flex;flex-direction:column;background:#fafafa}.top-nav{background:#fff;padding:12px 40px;border-bottom:1px solid #E8E8E8;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.nav-links{display:flex;gap:8px}.nav-link{padding:8px 16px;text-decoration:none;color:#3b4151;font-size:13px;font-weight:600;border:2px solid transparent;transition:all .2s}.nav-link:hover{background:#f7f7f7;border-color:#e8e8e8}.nav-link.active{color:#49cc90;border-color:#49cc90}.user-section{display:flex;align-items:center;gap:16px}.user-email{color:#3b4151;font-size:14px;font-weight:500}.logout-button{padding:6px 16px;background:#fff;color:#f93e3e;border:2px solid #f93e3e;cursor:pointer;font-size:12px;transition:all .2s;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.logout-button:hover{background:#f93e3e;color:#fff}.main-content{flex:1;display:flex;flex-direction:column}@media (max-width: 768px){.top-nav{flex-direction:column;gap:12px;padding:12px 24px}.nav-links{flex-wrap:wrap;justify-content:center}.user-section{flex-direction:column;gap:8px}}.home-page{max-width:1200px;margin:0 auto}.header{background:#fff;padding:48px 40px 40px;border-bottom:1px solid #E8E8E8}.header h1{color:#3b4151;font-size:36px;font-weight:400;margin:0 0 8px;letter-spacing:-.3px}.header .subtitle{color:#6b7280;font-size:16px;font-weight:400;margin:0}.description{background:#fff;padding:32px 40px;color:#3b4151;line-height:1.6;font-size:15px;border-bottom:1px solid #E8E8E8}.description p{margin:0}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:0}.feature{background:#fff;padding:32px 40px;border-bottom:1px solid #E8E8E8;border-right:1px solid #E8E8E8;transition:background .2s;cursor:pointer;text-decoration:none;color:inherit}.feature:hover{background:#f7f7f7}.feature h3{color:#3b4151;margin:0 0 12px;font-size:18px;font-weight:600}.feature p{color:#6b7280;line-height:1.6;font-size:14px;margin:0}.cta-section{background:#fff;padding:40px;border-bottom:1px solid #E8E8E8;display:flex;gap:16px;flex-wrap:wrap}.btn{display:inline-block;padding:10px 24px;font-size:14px;color:#fff;background:#49cc90;border:none;border-radius:4px;text-decoration:none;cursor:pointer;transition:background .2s;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.btn:hover{background:#3ebd81}.btn-secondary{background:#fff;color:#3b4151;border:2px solid #3b4151}.btn-secondary:hover{background:#3b4151;color:#fff}.footer{background:#fff;padding:32px 40px;color:#6b7280;font-size:13px;border-top:1px solid #E8E8E8}.footer p{margin:0}@media (max-width: 768px){.header{padding:32px 24px 24px}.description,.cta-section,.footer{padding-left:24px;padding-right:24px}.header h1{font-size:28px}.features{grid-template-columns:1fr}.feature{border-right:none;padding:24px}.cta-section{flex-direction:column}.btn{width:100%;text-align:center}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#fafafa}.login-card{background:#fff;padding:60px 48px;max-width:480px;width:90%;text-align:center;border:1px solid #E8E8E8}.login-card h1{color:#3b4151;font-size:36px;font-weight:400;margin-bottom:8px}.login-card .subtitle{color:#6b7280;font-size:16px;margin-bottom:32px}.login-description{color:#3b4151;font-size:14px;line-height:1.6;margin-bottom:32px}.login-btn{padding:12px 32px;font-size:14px;color:#fff;background:#49cc90;border:none;cursor:pointer;font-weight:700;text-transform:uppercase;letter-spacing:.5px;transition:background .2s}.login-btn:hover{background:#3ebd81}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:#fafafa;min-height:100vh;color:#3b4151}#root{min-height:100vh}a{color:inherit}button{font-family:inherit}