.container{max-width:800px;margin:0 auto;padding:20px}.header{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid #e0e0e0;margin-bottom:20px}.header h1{margin:0;font-size:28px}.user-info{display:flex;align-items:center;gap:15px}.logout-btn{padding:8px 16px;background:#f3f3f3;border:1px solid #d0d0d0;border-radius:4px;cursor:pointer;font-size:14px;transition:background .2s}.logout-btn:hover{background:#e8e8e8}.login-card{text-align:center;padding:60px 20px;border:1px solid #e0e0e0;border-radius:8px;background:#fafafa}.login-card h1{margin:0 0 10px;font-size:32px}.login-card p{margin:0 0 20px;color:#666}.login-btn{display:inline-block;padding:12px 24px;background:#4285f4;color:#fff;text-decoration:none;border-radius:4px;font-weight:500;transition:background .2s}.login-btn:hover{background:#357ae8}.emails{margin-top:20px}.no-emails{color:#999;text-align:center;padding:40px 20px}.email-list{list-style:none;padding:0;margin:0}.email-item{padding:16px;border:1px solid #e0e0e0;border-radius:4px;margin-bottom:12px;background:#fff;transition:box-shadow .2s}.email-item:hover{box-shadow:0 2px 4px #0000001a}.email-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.email-header strong{margin:0;color:#202124}.email-date{font-size:12px;color:#999}.email-subject{font-weight:500;margin-bottom:8px;color:#202124}.email-snippet{font-size:14px;color:#666;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#fff;color:#202124}#root{min-height:100vh}